Quick Count Realtime Dengan Vue Js , Node Js dan Mysql via Whatsapp Bot

Halooo Akhirnya ketemu lagi setelah sekian lama tidak update website ini di karena kesibukan saya selama ini hehehe .

Kali ini saya akan membagikan secara Free aplikasi yang saya buat ini, perlu diketahui aplikasi ini mengunakan Vue.js sebagai Front-end , Node JS untuk Back-end , Whatsapp-web.js untuk Wa Bot dan Mysql untuk Database nya .

Perlu di perhatikan Mengunakan Bot Whataspp ini adalah Free tidak ada biaya bulanan/tahunan dan nomer yang di gunakan adalah no wa kita sendiri, tidak seperti penyedia pihak ke 3 lainya mengunakan server dari mereka , no WA dari mereka dan api service dari mereka ya walaupun lebih enak mengunakan jasa pihak ke 3 yang dimana kita tidak menyediakan server kita hanya kirim ke API mereka saja, tapi tidak ada salah nya kalau kita buat sendiri wa bot ini.

Supaya lebih paham alur proses nya seperti apa bisa lihat gambar dibawah ini

Berikut Penjelasan gambar di atas :

Send Message : Disini user akan mengirim pesan ke Wa Bot dengan format yang ditentukan .

Bot WA: Bot Wa mengunakan Whatsapp-web.js akan menerima pesan dan mengirim data ke backend

BackEnd: Backend dengan Node.js ini akan menyimpan data dari Wa bot ke dalam mysql dan data akan di ambil oleh FrondEnd

Mysql : Database untuk menyimpan data

Ok untuk yang belum paham apa itu whatsapp-web.js bisa langsung kunjungi website nya disini lengkap beserta dokumentasi nya.

Ok Selanjutnya kita akan install aplikasi nya, sebelumnya perlu di ketahui aplikasi ini base on node.js kalian harus instal dlu node.js untuk yang belum install bisa cek di google, lalu jgn lupa install jga Vue Cli dan xampp/lampp untuk database mysqlnya.

Aplikasi ini saya publish di github yang di mana harapan saya aplikasi ini agar bisa di kembangkan lagi oleh yang lainya.

Repositories nya bisa kalian download Disini di dalam repo sudah saya sertakan tutorial untuk instalasi nya.

Quick Count RealTime Vue Js send data with WhatsApp Bot

This app is realtime quick count app with vue js, whatsapp-web.js and node js.

Instalasion

Install Node JS version >=12
Install vue Js
npm install --global vue-cli
-Clone Repositories quickcountpilkades

cd quickcountpilkades
npm install
npm run serve
-Clone Repositories wabotquickcount

cd wabotquickcount
npm install
node server.js
in command after start node js please scan barcode qr in whatsapp when finish scan barcode message will in command Client is Ready

After running please import database sql in repositories (db_api_wa_gateway.sql)

Send Wa to Number used Scan Qrcode in wa bot with other number Template Text Send Wa

Insert Data to TPS
example: !insertDataTps 01 02 200 ; 
!insertDataTp=Code For Detect Text in wa bot
01 = Number TPS 
02 = Number Calon 
200 = number of ballots

Update count dtp in tps 
example : !updateTps 01 200 20
!updateTps = Code For Detect Text in wa bot
01 = Number TPS
200 = number of ballots
20=number of damaged ballots

-Clone Repositories Api Service With Node Js Api Service

cd apiwagateway
npm install
node server.js

Berikut adalah Video Instalasai & Pengunaan Aplikasi nya :

Aplikasi ini masih banyak kekurangan dan kedepannya akan saya kembangkan lagi apabila ada kata-kata yang kurang berkenan saya mohon maaf.

Terima Kasih

Note: Jgn kirim Bom message ke orang lain secara berturut-turut melalui aplikasi ini, semata-mata hanya untuk share pengalaman yang saya buat dan tidak gunakan untuk hal yang tidak bertanggung jawab lainya.