MP WA Gateway | Legacy Version (Undevelopment)

Instalasi


Instalasi

Ada beberapa tahap untuk instalasi source code

Di hanya konfigurasi file dan setup node js saja yang akan di jelaskan,, saya asumsikan anda yang membaca ini sudah familiar dengan upload file, buat akun database,dan upload database.

Jika belum familiar, boleh searching sedikit karna itu hal dasar, atau boleh hubungi kami untuk dibantu.

Konfigurasi File

Sebelum masuk ke setup node js,, yang harus di lakukan adalah menyesuaikan beberapa file yang ada di source code.

Berikut file yang harus anda sesuaikan

1. Helper/Koneksi.php

File koneksi.php

Silahkan sesuaikan host,username,password dan database dengan database anda, sesuai di artikel pertama, saya asumsikan bahwa anda sudah membuat database.

dan untuk $base_url , Di sesuaikan dengan domain/subdomain/ip atau link dimana tempat anda menginstal.

2. Helper/Funtion.php

function.php

Di file ini silahkan masukan License Key anda yang didapatkan di Pembelian M Pedia ,Masukan licensenya pada variable $licensekey ( Baris 4 di foto ),

Dan untuk function url_wa , Jika anda install di shared hosting, biarkan seperti default di foto ( return $base_url ),

Tapi jika anda ingin menginstall di Localhost, silahkan return http://localhost:8000/ , atau jika di vps / server lainnya, Silahkan return http://url:8000/ atau http://ip:8000/.

8000 adalah Port node js, Anda bisa mengubahnya sesuai yang diinginkan ( akan di jelaskan di bagian node js). atau dibiarkan default sperti itu tidak apa apa.

dan pastikan di ujung url wa nya menggunakan garis miring "/" (ini berpengaruh ke send message ).

 

3. File Server.js

Berbeda dengan versi 3, yang mana di versi 4 ini anda melihat perbedaan di server.js, salah satunya adalah baris 26 di gamba, Untuk itu arahkan ke https://linkanda.domain/pages/home.php jika anda ingin install di hosting,atau boleh di kosongkan jika install di localhost atau vps.

kemudian di sesuaikan juga databasenya, baris 32 sampai 35, isi user ,password,host,database sesuai dengan database anda, pastikan sesuai dengan yang di koneksi.php

lihat di variable configs ( const configs ), untuk portnya anda bisa mengganti sesuai yang diinginkan,, atau biarkan default 8000 tidak masalah. ( kembali ke file function.php, jika anda install di localhost/vps pastikan portnya sesuai dengan port yang di server.js ),

Callback_url silahkan arahkan ke helper/callback.php karna ( http://linkanda.domain/helper/callback.php ) callback berfungsi untuk menangkap pesan masuk,dan menginput nya ke database.

 

4. Pages/Home.php

Jika anda install di hosting, anda tidak perlu edit file ini, tapi jika anda install di  selain hosting,,silahkan edit file ini

pengaturan.php

silahkan Ctrl + f, Atau command + f untuk pencarian, lalu cari var socket.

Defaultnya disini adalah socket io untuk hosting, Jika anda install di localhost, silahkan komentari yang untuk hosting ( var socket = io ) dan buka komentar yang untuk Local,, lalu sesuaikan url dan port nya.

ini berfungsi untuk menangkap Code QR yang dikirim dari server node.

Setup Node Js

Setelah file selesai di konfigurasikan, langkah selanjutnya adalah konfigurasi Server node js nya.

Jika anda install di localhost atau vps, pastikan anda sudah menginstall Node js , jika belum silahkan install/download terlebih dahulu di website officialnya https://nodejs.org  .

Jika sudah diinstall silahkan buka software terminal kalian , lalu ketikan node -v jika muncul versi berarti anda sudah berhasil menginstallnya. pastikan versi 12 atau lebih.

versi node js npm

Atau jika anda install di shared hosting , pastikan Ada fitur atau menu setup node js di hostingnya

setup node js hosting

 

Localhost / VPS

Sebelum ke node js,pastikan anda sudah mengkonfigurasi file file ( cek bagian konfigurasi file ) dan sudah mengupload source code nya ke web server favorit anda ( xampp,mamp,wamp,nginx,apache / aapanel, dan sebagainya ) disini saya memakai mamp..

dan pastikan login page sudah berfungsi sebelum ke tahap node js.! 

 

Buka terminal di pc / vps anda, lalu arahkan ke directory tempat anda upload source code nya, sebagai contoh di sini saya menggukan mamp , dan saya upload di htdocs dengan nama wav4.

Directory

Setelah berada di directory mpwa ,langkah selanjutnya ada menginstall semua package yang ada di package.json

ketik command npm install untuk menginstallnya, dan tunggu sampai selesai

npm install

Jika sudah seperti di foto maka penginstalan selesai,dan pastikan folder node_modules sudah muncul di directorynya.

*abaikan jika ada warning seperti di foto,tidak berpengaruh.

dan yang terakhir silahkan jalankan node js nya dengan mengetik command node server.js

node running

jika sudah seperti di gambar,maka node js sudah berjalan, dan silahkan akses website anda lalu tambahkan nomor di halaman dashboard, dan klik scan, maka qr sudah muncul dan sudah bisa di scan

 

sampai sini maka instalasi sudh selesai,,dan sudah bisa di gunakan,silahkan scan code QR menggunakan whatsapp anda, dan gunakan fitur fiturnya.

qr code

#Nb

Jika qr masih belum muncul berarti ada yang salah di konfigurasi file anda,, silahkan di cek kembali dan ikuti dokumentasi bagian konfigurasi file.

#dan pastikan socket.io di pages/home sudah di sesuaikan ( baca di halaman konfigurasi file )

 

 

 

Shared Hosting

Pastikan anda sudah upload wamp ke file manager cpanel anda, dan saya rekomendasikan anda install di subdomain. ( karna node js di sebagian hosting tidak support mengarah ke ROOT Public_html ).

Pastikan juga anda sudah konfigurasi file file nya termasuk databasie sehingga web sudah bisa di akses.

Jika sudah, sekarang dilanjut ke setup node js.

pertama tama cek penyimpanan subdomain kamu, sebagai contoh disini saya install di subdomain v4.m-pedia.my.id , dan foldernya ada di luar public_html.

Hosting directory

application root saya disini adalah v4.m-pedia.my.id

Jika lokasi subdomain anda berada di dalam public_html, maka application rootnya public_html/subdomain , *Application root penting untuk setup node js, pastikan tidak salah.

 

Sekarang kembali ke cpanel, dan masuk ke menu setup node js

maka tampilan awal akan seperti ini

Lalu klik Create application

ssetup node js

Disini sesuaikan form yang tersedia,

Node.js Version -> Pilih versi node js 12 keatas,versi 14,16, rekomendasi.

Application Mode -> Pilih Production

Application root -> isi Application root sesuai yang sudah di jelaskan sebelumnya, 

Application startup file -> isi server.js

Jika sudah klik Create

Begitu tampilan setelah create node js,, langkah selanjutnya adalah Menginstall NPM, dengan meng klik tombol Run NPM Install dan tunggu sampai selesai.

*jika tombol run npm install tidak bisa diklik,berarti ada yang salah di application rootnya, silahkan di cek kembali.

 

Jika berhasil diinstall , maka sampai saat ini penginstalan sudah selesai, dan seharusnya website sudah bisa digunakan.

silahkan login ke website anda dan scan whatsapp di halaman pengaturan.

qr muncul

*Jika masih belum muncul qr, maka kemungkinan ada yang salah di konfigurasi file,boleh dibaca kembali,