whatsapp-js

whatsapp-js
ibnu gunawan prayogo

Ibnu Gunawan P

Sat, 26 2021, 1:17:00 am

Daftar Isi

whatsapp-js

Berikut kode OTP Anda 1102 , Selamat Akun anda telah aktif. Kita semua pasti pernah mendapatkan pesan whatsapp seperti diatas, saat ingin mengaktifkan akun , pesan - pesan yang dikirim merupakan api yang bekerja sebagai Bot whatsapp. Bot whatsapp ini memiliki tugas untuk me-reply pesan masuk secara otomatis , dapat mengirim pesan dengan tujuan yang banyak, dan masih banyak lagi kegunaannya dalam mengirim pesan menggunakan bot whatsapp. disini kita akan membuat bot whatsapp sederhana menggunakan nodejs .

# Persiapan

Laptop yang sudah terinstall nodejs. Untuk mendownload dan menginstall nodejs dapat dilihat dalam website-nya di nodejs.org dan juga Kopi ☕ 😁.

# Coding Time

Setelah Perisapan dan nodejs telah terinstall, langkah pertama adalah membuat project baru dengan perintah di bawah.

mkdir [nama project] && cd [nama project] && npm init --y

/assets/articles/wa1.png

Setelah membuat project selanjutnya menginstall package whatsapp-web.js dengan perintah berikut.

npm i whatsapp-web.js atau yarn add whatsapp-web.js

Setelah itu buatlah file index.js pada project yang tadi di buat dan masukkan script di bawah.

JavaScript

const { Client } = require('whatsapp-web.js');
const client = new Client();
 
//Proses Masuk whatsappjs menggunakan qrcode yang akan di kirim oleh whatsapp-web.js
client.on('qr', (qr) => {
    console.log('QR Code', qr);
});

//Proses Dimana Whatsapp-web.js Siap digunakan
client.on('ready', () => {
    console.log('Udah Siap!');
});

//Proses Dimana klient disconnect dari Whatsapp-web
client.on('disconnected', (reason) => {
    console.log('disconnect Whatsapp-bot', reason);
});

client.initialize();

Package whatsapp-web.js disini menggunakan selenium untuk mengakses web.whatsapp.com

https://web.whatsapp.com/

di belakang, karena itu disini kita diharuskan login terlebih dahulu menggunakan akun whatsapp yang sudah ada. jalankan dengan perintah.

node index.js

/assets/articles/2021-05-20-152225490x354scrot-framed.png

Disini hasil yang kita dapatkan yaitu qrcode masih dalam bentuk encyrpt teks, untuk mengubahnya menjadi qrcode bisa dengan menginstall package qrcode-terminal dengan perintah.

npm i qrcode-terminal atau yarn add qrcode-terminal

Setelah menginstall package qrcode-terminal , ubah codingan pada file index.js menjadi .

// Package yang di gunakan
const { Client } = require('whatsapp-web.js');
const qrcode = require('qrcode-terminal');

// Membuat Client Baru
const client = new Client();

//Proses Masuk whatsappjs menggunakan qrcode yang akan di kirim oleh whatsapp-web.js
client.on('qr', (qr) => {
    qrcode.generate(qr, {small: true});
});

//Proses Dimana Whatsapp-web.js Siap digunakan
client.on('ready', () => {
    console.log('Udah Siap!');
});

//Proses Dimana klient disconnect dari Whatsapp-web
client.on('disconnected', (reason) => {
    console.log('disconnect Whatsapp-bot', reason);
});

client.initialize();

Ketika program di atas dijalankan hasil yang keluar sudah berupa qrcode yang dapat kita scan.

Ketika program di atas dijalankan hasil yang keluar sudah berupa qrcode yang dapat kita scan.

/assets/articles/2021-05-20-153240508x708scrot-framed.png

// Package yang di gunakan
const { Client } = require('whatsapp-web.js');
const qrcode = require('qrcode-terminal');

// Membuat Client Baru
const client = new Client();

//Proses Masuk whatsappjs menggunakan qrcode yang akan di kirim oleh whatsapp-web.js
client.on('qr', (qr) => {
    qrcode.generate(qr, {small: true});
});

//Proses Dimana Whatsapp-web.js Siap digunakan
client.on('ready', () => {
    console.log('Udah Siap!');

    const number = "+628XXXXXXXX"; // Ubah menjad Nomor hp yang akan dikirim pesan
    const text = "Bot Sudah siap!"; // Pesan Yang akan dikirim
    const chatId = number.substring(1) + "@c.us";

    // Kirim Pesan.
    client.sendMessage(chatId, text);
});

// Proses Dimana Ketika Pesan masuk ke bot
client.on('message', async message => {
    //Mengecek Pesan yang masuk sama dengan halo jika benar balas dengan Haii!!
    if(message.body === 'halo') {
        // Membalas Pesan
        message.reply('Haii!!')
    }
})

//Proses Dimana klient disconnect dari Whatsapp-web
client.on('disconnected', (reason) => {
    console.log('disconnect Whatsapp-bot', reason);
});

client.initialize();

Hasil mengirim & menerima Pesan

/assets/articles/pics.png

/assets/articles/pics2.png

# Pesan PenulisBagaimana cukup mudah kan?

Untuk Contoh lainnya bisa dilihat Disini

https://github.com/pedroslopez/whatsapp-web.js/blob/master/example.js .

Cukup itu yang dapat saya berikan, semoga bermanfaat.

Terimakasih 😁