Integrasi WhatsApp dengan ChatGPT dan MySQL

Gimana caranya integrasi kita punya WhatsApp, chat GPT, dan MySQL database yang kita punya menjadi sebuah WhatsApp.ai yang canggih? Penasaran gimana cara buatnya? Sebelum mulai ke tutorialnya, ada beberapa hal dulu nih yang harus kalian persiapkan dulu untuk meracik sebuah WhatsApp What AI yang canggih. Yang pertama, kita akan menggunakan bahasa pemrograman javascript dan tentunya dengan bantuan runtime Node.js sebagai server dari WhatsApp AI yang akan kita buat pada video ini. video kali ini. Jadi, silakan di-install dulu Node.js-nya. Karena di video kali ini, gue nggak bakalan nunjukin cara install Node.js. Ya, karena ini bukan video tutorial cara install Node.js. Yang kedua, kalian boleh siapkan dulu project Plowise AI yang udah kita buat di video-video sebelumnya. Nah, ini adalah project Plowise AI yang udah kita buat di video sebelumnya, di mana di video ini, kita mengintegrasikan antara chat GPT dengan MySQL database yang kita punya. Sehingga kita bisa bertanya terhadap data-data internal yang kita miliki. ke chatbotnya. Nah, tapi buat kamu yang belum punya projectnya, kamu bisa download aja linknya aku simpan di deskripsi video di bawah atau kalian juga boleh ikuti dulu tutorialnya di video yang ini. Dan untuk modelnya sendiri saudaraku, sebenarnya teman-teman bisa pilih mau pake model yang mana. Mau pake model chat GPT, mau pake model Gemini, ataupun model-model yang ada di luar sana. Tinggal disesuaikan aja dengan kebutuhan kalian. Tapi buat kalian yang sukanya gratisan, gue menyarankan pake aja model Gemini, buatannya Google. Tapi... Woh! terhadap perkembangan industri, dan juga perkembangan zaman. Contohnya, ada update materi baru nih, yaitu Poolstack Monolith Developer dan juga Poolstack Jamstack Developer. Kamu diajarkan meracik aplikasi zaman now, seperti implementasi Payment Gateway Indonesia menggunakan Laravel, Poolstack Tutorial, MongoDB, ExpressJS, Vue.js, Node.js, untuk membuat shopping cart. Pokoknya masih banyak lagi update materi yang lainnya, yang lebih advance lagi, itu tuh kayak React.js, Next.js, Express.js, dan juga Node.js. Dengarkan baik-baik saudaraku. ada 2 kupon diskon yang bisa kamu pakai untuk mengikuti kelas di kelas poolstack.id. Kalian tinggal masukin kode kupon diskon kreatif. Dapat diskon gede 75%. Hanya berlaku selama 3 hari saja sejak video ini dipublish, saudaraku. Terus kalau misalkan sudah lewat 3 hari, gimana? Tenang, kalian masih bisa gunain kode kupon Kreatif Academy, kalian dapat diskon 65%. Nah, untuk kode kupon yang ini itu berlaku kapan saja ya, saudaraku. Saat video ini dibuat, harga kelasnya itu dikisaran Rp2.200.000. Jadi kalau misalkan kalian pakai kode kupon, itu kurang lebih cuma Rp880.000 sampai dengan Rp550.000 aja. Dan total kursenya itu ada 55, jadi kalau dihitung-hitung ya setara Rp10.000 sampai Rp16.000 per kurs aja. Ingat, teman-teman, ini dengan catatan ya, harga katanya akan naik. ke depannya seiring bertamanya materi belajar. Dengan harga segitu, kalian bisa bandingkan dengan platform lain. Kelas di kode volitan, menurutku materinya lebih lengkap. Ini adalah investasi leher ke atas, investasi jangka panjang untuk dapetin karir cemerlang. Kamu hanya cukup bayar satu kali saja untuk bisa akses kelas selamanya. Ini adalah investasi yang low risk, tapi high return. Di sini juga kamu akan diajarkan dari mulai basic programming, front-end, back-end, sampai meracik aplikasi sampai jadi. Kamu juga akan di-beaming oleh para expert di bidangnya, dan tentunya dengan roadmap yang jelas. Yuk, gasken! Langsung aja gabung dengan 2000 lebih member kelas Fullstack, langsung saja klik link yang ada di deskripsi video di bawah ya, saudaraku. Kalau misalkan kalian udah siap, mari kita langsung saja mulai coding untuk meracik sebuah WhatsApp Bot AI yang canggih. Dan untuk hasil dari proyek kita kali ini, gue simpan proyeknya, linknya ada di deskripsi video di bawah. So, tunggu apa lagi? Let's go! Oke, saudaraku, jadi persiapannya. Yang pertama, disini gue udah buka project Flowwise AI-nya ya, teman-teman. Sekali lagi, buat teman-teman yang belum punya project Flowwise AI-nya, ikuti video tutorial yang ini, atau kalian juga boleh download hasil project-nya, link-nya aku simpan di deskripsi video di bawah. Selanjutnya, kalian juga boleh jalanin dulu exam PP-nya ya, dan juga jalanin server Apache dan juga MySQL-nya. Kalau misalkan udah, ini tinggal kita minimize. Terus selanjutnya, kalian juga boleh buka dulu WhatsApp supaya kita dapat dengan mudah melakukan testing atau juga mencoba dari hasil WhatsApp bot AI ini. Oke, kalau misalkan udah, selanjutnya kalian jalanin dulu project flowwise AI-nya. Dengan cara, kalian boleh klik di bagian URL folder yang ini, tinggal ketik aja cmd untuk membuka terminal. Nah, nanti terminal terbuka kayak gini. Selanjutnya, kalian tinggal ketik aja pnpm start untuk menjalankan project-nya. Nah. Nanti kalau misalkan projectnya udah berhasil dijalankan, kalau kalian buka di web browser, terus kalian ketik localhost port 3000. Bukan enter, nah ini adalah project Flowwise AI kita yang udah kita mulai dan kita buat di video-video sebelumnya. Oke, selanjutnya kalian tinggal buka aja, ini project terakhir kita, ChatSQL. Nah, jadi ini adalah project yang udah kita buat di video sebelumnya, di mana di project ini kita mengintegrasikan antara ChatGPT dengan MySQL, sehingga kita dapat bertanya seputar data-data internal perusahaan kita hanya dengan chatbot. Sebagai contoh, di sini kita coba contohkan lah ya. Contohnya misalkan gue pengen tahu produk yang memiliki penjualan terbanyak itu brand-nya apa. apa gitu ya berikan saya tiga brand dengan penjualan terbanyak terbanyak nah ini nanti dia akan mencari ke database kita terus mencari kira-kira brand yang paling banyak penjualannya itu yang mana gitu ya Nah ini dia langsung ngejawab nih untuk tiga brand dengan penjualan terbanyak itu ada Nike Supreme dan juga Adidas nah ini gua juga menambahkan query.skl dibawahnya untuk memudahkan gua dalam melakukan testing dan juga validasi gitu ya nanti kalau misalkan udah di production mah ini nggak perlu lagi nih untuk menampilkan query.skl nya tinggal hilangkan aja Nah ini adalah project kita sebelumnya Terus selanjutnya yang akan kita lakukan adalah membuat WhatsApp Bot AI yang canggih Kita disini akan buat sebuah project baru Jadi disini kita akan simpan ke dalam sebuah folder Nama projectnya adalah WhatUpCerdas Ini bebas sih nama Nama foldernya terserah kalian Terus selanjutnya kita buka dulu terminalnya disini Dengan cara ketik cmd Nah nanti bakalan terbuka terminal kayak gini Selanjutnya kalian tinggal ketik aja npm init Desk Y. Enter. Untuk menginisiasi project yang kita punya. Selanjutnya kita akan buka kode editor yang kita punya. Kalian tinggal ketik aja kode titik. Nanti akan otomatis terbuka kode editornya. Nah disini gue menggunakan kode editor kursor. Kenapa kursor? Karena udah ada AI di dalamnya. Nanti kita tinggal ketik-ketik berapa ketikan. Terus tinggal tekan tab. Otomatis jadi codingannya Nantilah kita akan coba praktekan Nah selanjutnya disini ada beberapa package yang perlu kita install Untuk membuat sebuah WhatsApp AI yang cerdas Packagenya ada apa aja Kalian boleh buka aja dulu ke web browsernya Kalian boleh ketik By Lace JS Nah disini kita akan menggunakan Web Socket untuk terhubung ke API WhatsAppnya Ini kalian boleh klik Nah disini kalian untuk cara installnya boleh scroll ke bawah Nah disini ada cara installnya udah lengkap Dengan cara Yarn Add Kalau misalkan kalian pake Yarn Karena disini kita pakenya NPM Kita pakai npm aja. Kita copy, terus kita balik lagi ke sini, buka terminalnya, ketik aja di terminalnya, npm, install, paste yang tadi, kayak gini. Tinggal tekan enter. Nah, tunggu sampai proses instalasinya selesai. Nah, sambil menunggu proses instalasinya selesai, ada beberapa package lagi yang perlu kita install. Itu ada yang namanya pino npm, enter. Nah, ini ada pino npm, terus kita copy pino-nya, ini tuh fungsinya untuk melakukan logging. atau debugging lah ya. Kita copy, terus kita paste di sini. Oke, tinggal enter, tunggu sampai proses instalasinya selesai. Kalau misalkan udah selesai, kalian tinggal clear aja. Selanjutnya di sini, kalau misalkan kalian ada gagal dalam melakukan proses instalasinya, nah itu biasanya kalian belum install yang namanya Node.js. Jadi untuk mengecek apakah kalian udah install Node.js atau belum, kalian tinggal ketik aja node-v, enter. Nah ini kalau misalkan ada persi yang muncul di bawah, itu artinya kalian udah install Node.js-nya. Nah, di sini gue pakai versi 20. Kalian minimal harus pakai versi 18 ke atas ya. Nah, sekarang mungkin ada versi 21 lah ya, kalau nggak salah. Tapi di sini gue pakainya versi 20. Itu nggak apa-apa, sama aja. Oke, kita clear. Selanjutnya, kita boleh close dulu terminalnya. Terus kita buat dulu sebuah file baru. Namanya itu adalah index.js. Nah, cara bikin file baru, teman-teman boleh klik di bagian ini. Ada new file ya, tinggal klik. Terus kita kasih nama aja, index.js. Nah, nanti bakal otomatis terbuka. buka seperti ini selanjutnya kita akan coba import dulu package-package yang udah kita install yang pertama kita akan mengimport yang namanya itu adalah MAC WhatsApp MAC WA socket ini gua tahu dari mana gua tahu dari sini teman-teman dari dokumentasinya nah ini ada MAC WA socket kalian boleh copy kalau nggak yakin pastikan selanjutnya kita butuh yang namanya use multi out fill out ini ada rekomendasinya kalian tinggal klik kalau misalkan udah Kita butuh satu lagi Yang namanya itu adalah Pinot Sama dengan Require Kayak gini Kita isi dengan Pinot Oops Pinot Nah ini gue salah Bukan Cosen Tapi Cons ya Cons Kayak gini Sip Selanjutnya Kita ngapain Disini kita akan buat sebuah function Lihat Karena gue pakai yang namanya Itu adalah Cursor Code Editor Disini ada sedikit Rekomendasi dari Copyright++ nya Nah ini salah satu alasan gue kenapa gue perbina dari yang tadinya VS Code ke Cursor. Karena salah satunya ada copilotnya. Jadi tinggal kita ketik dikit-dikit. Tab. Jadi, guys. Nah, jadi teman-teman jangan gengsi gitu ya. Teman-teman pakai AI, justru kalian harus bisa mulai sekarang memanfaatkan AI. Nah, ini kita tinggal ubah. Ada kesalahan, kita harus pakai session. Nah, sekali lagi, teman-teman. Jadi, yang salah itu bukan kita memanfaatkan AI, tapi kita nggak tahu gitu hasil dari AI-nya. Kita ketik-ketik tab, tapi kita nggak tahu coding yang dihasilkan itu untuk apa. Nah, ini sekali lagi baru juga diomongin, udah ada tuh. Connect to WhatsApp. Rekomendasi. Karena gue pengen ini dilakukan, tinggal tab aja. selanjutnya ini jangan sot agak tanggung banget ya harusnya socket aja deh sotcat kayak gini nah jadi yang pertama disini kita panggil outstat fungsinya itu untuk melakukan autentikasi nantinya terus disini ada logger kita pakai pinot levelnya itu debug supaya nanti terminalnya bersih kita pakai aja silent karena kita belum butuh untuk logging atau debuggingnya nah selanjutnya supaya kita bisa menampilkan QR code di terminal gitu ya untuk kita melakukan login whatsappnya Itu kan biasa, kalau misalkan kita pakai WhatsApp web untuk loginnya itu dia pakai QR Code. Nah ini juga sama, untuk loginnya nanti ke WhatsAppnya kita pakai QR Code juga. Jadi di sini kita perlu tampilkan yang namanya print QR Code in terminal. Ini boleh kita klik, terus kita titik 2, kasih nilainya true supaya ditampilkan. Kita menambahkan satu hal lagi yang namanya itu adalah browser, teman-teman. Browser ini tuh kayak misalkan kalau misalkan teman-teman login di WhatsApp web di HP kalian tuh bakalan ada gitu kelihatan. Loginnya pakai web browser apa? Sistem operasinya apa Dan juga dimana Nah ini juga sama Disini yang pertama Sistem operasinya apa Kita pakai Windows Terus untuk web browsernya kita pakai apa Kita pakai Chrome Terus OSnya versi berapa Kita pakai Windows 10 Instagram gitu ya Ini tinggal disesuaikan aja Dengan komputer kalian Atau sebenarnya ini Untuk informasi nanti di HP kalian sih Sebenarnya Kalau misalkan udah Kita butuh apa lagi nih Kita akan menyimpan sesi Ketika kita udah berhasil login Caranya gimana? Caranya kalian boleh buka dulu dokumentasinya, karena gue nggak hafal, seberat aku. Cari yang namanya CRANCE. Cari, nah ini, CRANCE UPDATE. Carinya kalian tinggal copy aja. Terus kalian tinggal paste di coding-an kalian, di sini. Nah, di sini ada hal yang perlu kalian ubah. Yang pertama, CON. CON ini, karena kita pakai nama variabelnya SOCKET, jadi kita ubah CON ini jadi SOCKET. Selanjutnya, di sini kita tinggal tambahin OUT.SAVE. Creds, udah kayak gitu doang, ini nanti Ketika kita udah berhasil login, nanti Sesinya disimpan di lokal komputer kita Nah, selanjutnya, kita akan melakukan Listening ketika WhatsApp-nya ini Sedang connecting Atau sedang ready, atau sedang Closed, atau log out, nah itu gimana caranya Nah, kalian boleh pergi lagi ke dokumentasinya Disini ada yang namanya connection Update, nah, jadi teman-teman boleh ketik Aja disini, sotcat.iv Ketik on, nih Apus dulu, terus disini kita tambahin Apa tadi guys? Connection update, kita copy aja deh Copy paste disini Nah selanjutnya, yang kedua itu adalah function Tinggal tambahin koma, terus kita tambahin function disini Kayak gini, nah nilai yang dapat kamu ambil disini Yang pertama itu adalah connection Terus ada QR Selanjutnya kita akan cek Jika connection, kayak gini Itu sama dengan-sama dengan open Open itu artinya WhatsApp ready ya teman-teman Jadi disini kita akan coba melakukan debugging atau console Kita console.log Oops Console log WhatsApp aktif. Aktif. Ini kenapa error guys? Nah ini kurang siku ya teman-teman. Kalau misalkan connectionnya itu open, artinya WhatsAppnya udah aktif atau ready. Aktif, ready lah ya. Atau aktif aja deh. Sama aja. Terus kita tambahin lagi kondisi nih. Else if. Ketika connectionnya ini itu sama dengan close. Kalau close itu artinya log out. Nah tinggal kita WhatsApp close. Kita console. Nah kalau misalkan close, kita ngapain? Kita akan reconnecting ulang Caranya gimana? Kita tinggal panggil aja fungsi yang ini Kita paste di bawah Jadi nanti kalau misalkan close, terus kita connecting ulang Terus kita tambahin lagi Else if ketika connection-nya itu Sedang connection gitu ya Reconnect, apa nih disini Kalau misalkan pusing, kita bisa pakai bantuan AI Caranya kalian boleh block kayak gini Terus ctrl-k Terus connection on connecting Oops, connect-o, nggak apa-apa lah AI-nya ngerti, lihat ada nih, connecting, jadi ketika koneksinya itu connecting terus kita console lagi, console log whatsapp sedang connecting jadi kan kalau ketika kita login di whatsapp web kalau nggak ada koneksi internet, itu biasanya connecting dulu kan ya nah selanjutnya, kita coba set dulu, kita coba jalanin dulu project yang udah kita buat disini gimana cara jalaninnya? nah ini sidebarnya kita sembunyikan dulu supaya lebih rapi terus kita buka terminal dengan cara control backtick nah nanti terbuka terminal kayak gini tinggal kalian ketik aja node index.js bam, disini ada error katanya crash out state temen-temen, oh disini gue lupa di bagian out nya ini kan hasil AI tadi gue lupa gak koreksi kita tambahin out.state state, kayak gini nah ini kita coba set dulu, terus kita coba clear terminalnya, terus kita ketik lagi node-index.js, harusnya jalan bang, masih error guys oh ini, out-state, gue salah nama variablenya oke, set, kita clear lagi kita node-index.js, harusnya jalan, bang error lagi guys, ini kali lagi out, bukan out, tapi out-state ya, ada lagi nggak? nggak ya udah, kita clear lagi Terus kita node index.js, bam, WhatsApp connecting. Artinya WhatsApp-nya itu nggak terhubung atau sedang mencoba menghubungkan kembali. Selanjutnya, di sini ada QR nih yang bisa kita pakai. Gimana kalau misalkan kita console deh. If QR, kita coba console dulu QR codenya. Console.log QR, kayak gini. Save, terus kita coba node index.js lagi. Bam, WhatsApp connecting, dan lihat isi dari QR-nya itu adalah... berupa kode. Nah, ini adalah kode barcode. Nah, supaya kita bisa menampilkan QR Code di terminal kita, kita butuh satu package lagi. Namanya itu adalah QR Code Terminal. Nah, caranya teman-teman boleh buka lagi web browsernya, pergi ke NPM, terus cari yang namanya QR Code Terminal. Nah, ini untuk menampilkan terminal di, oh sorry, untuk menampilkan QR Code di terminal. Ini kita tinggal copy, terus kita balik lagi ke sini, tinggal kita paste, enter. Tunggu sampai proses instalasinya selesai. Kalau misalkan sudah, Kita coba clear dulu Terus kita ketik aja node index.js Harusnya sekarang yang muncul berupa QR code Nah kayak gini Sip aman Kita coba clear dulu Clear Kalau misalkan udah Kita sembunyikan dulu Selanjutnya Kalau misalkan teman-teman buka di sidebar Disini jadi ada folder session Kenapa disini tiba-tiba jadi ada folder session Nah ini foldernya itu untuk menyimpan autentikasi ketika kita sudah berhasil login selanjutnya kita juga akan menambahkan listen ketika apa ketika kita mengirim pesan atau ketika kita mendapatkan pesan, caranya gimana caranya disini kalian tinggal tambahkan aja shortcut if we on, nah if-nya apa, kalian bisa boleh lihat aja di bagian dokumentasinya kita cari, nah ini ada yang namanya itu message absurd absurd ini fungsinya untuk mendapatkan pesan atau ... melisten ketika pesan masuk atau pesan keluar. Ini boleh kita copy, terus kita paste di sini. Terus parameter yang kedua di sini adalah sebuah function. Begini, lihat apakah async function itu bukan. Ternyata bukan async function ya. Kita buat aja seperti ini. Terus variable yang bisa kita ambil di sini adalah message. Begini, kita console dulu deh messagenya. Kita coba save, kita sembunyikan dulu sidebarnya, kita buka terminal, terus kita jalankan program Node.js-nya dengan cara nodeindex.js. Nah, nanti WhatsApp itu connect. terus menampilkan QR Code. Nah, sekarang gue bakalan coba login menggunakan HP gue. Nah, di sini kita akan coba login dulu dengan cara melakukan send QR Code yang ada di terminal ini. Oke, selanjutnya di sini kita klik perangkat bertaut, terus tautkan perangkat, tinggal kita scan. Di sini. Sip, tunggu sampai WhatsApp-nya masuk. Di sini WhatsApp-nya connecting. Kalau misalkan udah masuk, tuh WhatsApp-nya jadi ready ya, alias aktif. Dan di sini dia udah connect. Oke, selanjutnya kita mau ngapain nih? Ini kita coba contoh dulu, kirim pesan halo deh ya ke WhatsApp yang gue punya. Misalkan, halo. Ini apa reaksinya? Lihat, di sini jadi ada sebuah array masuknya. Ini adalah isi dari message yang ini, teman-teman. Message yang ini, dia hasilnya adalah berupa array. Lihat, array-nya ini ada beberapa macam informasi yang kita dapatkan. Yang pertama, itu ada remote JID. Ini adalah nomor telepon yang gue punya. Ini nanti mungkin gue bakalan blur ya. Terus di sini ada prompt. me, from me itu adalah pesan sendiri atau bukan, terus disini ada yang namanya push name, push name ini adalah nama whatsapp gue gitu kan, di whatsapp suka ada namanya tuh, nah terus disini yang penting ada message, conversation, hello nah kita akan ambil textnya ini, terus nanti kita integrasikan dengan project flowwise AI kita, jadi disini kalian boleh ketik aja, cons, misalkan pesan kita isi dengan message yang ini, kita ambil message kita ambil index ke 0, terus kita ambil messagenya ya message, oops Misalnya itu yang ini nih Kita copy deh Kita copy Paste disini Titik conversation Conversation Kayak gini Kalau misalkan udah Selanjutnya kita perlu juga Sebuah nomor HP-nya Jadi teman-teman boleh ketik aja disini Phone gitu ya Kita isi dengan Ini boleh kita copy dari sini Kayak gini Nah yang kita ambil adalah key Titik remote JID Ini karena kita pakai copilot ya Ada rekomendasinya Tinggal kita tekan tab Anjay Sik tinggal kita hapus disini Kalau misalkan sudah, selanjutnya kita bakalan koneksikan dengan Flowwise AI yang kita punya. Caranya, kalian boleh pergi ke project Flowwise AI yang ini, terus pergi ke bagian API endpoint. Ini caranya untuk melakukan integrasi. Untuk integrasinya, kita bisa pakai embed Python atau JavaScript. Nah, karena kita pakai Node.js, kita pakai yang versi JavaScript-nya. Selanjutnya, di sini juga kalian bisa tambahin yang namanya authorization. Misalkan kalian ingin menambahkan API key buat memproteksi API yang kalian punya. Tapi... Supaya nggak terlalu ribet, di sini kita pakai yang no authorization aja ya. Tinggal kalian copy di sini. Terus kalian pergi lagi ke kode editornya, paste di bagian sini. Yang query-nya, ini kita coba sembunyikan dulu terminalnya, kayak gini. Nah, yang query-nya kita pindahin ke atas, cut, terus kita paste di sini. Kita rapikan dulu. Kalau misalkan udah rapi, kayak gini. Lihat di sini teman-teman ada question. Jadi dia meminta sebuah pertanyaan untuk nanti dijawab sama si AI-nya. Pertanyaannya kita akan ambil dari pesan yang dikirimkan oleh orang lain. Yaitu pesan yang ini ya, yang sudah kita tangkap. Jadi kita boleh ubah di sini. Ubah, paste. Terus nanti dia akan menghasilkan respon. Responnya kita coba konsol dulu apa yang dia hasilkan ya. Ini kita coba set dulu. Terus kita buka lagi WhatsApp-nya. Terus kita coba tanya ke AI-nya. Tanyanya apa? Misalkan. Berikan saya 3 data penjualan. Enter. Nah ini dia belum menjawab secara otomatis. Tapi kalau misalkan teman-teman lihat di projectnya. Sorry teman-teman, gue belum restart ya. Kita coba ctrl c dulu. Terus kita clear. Terus kita jalanin lagi dengan cara node index.js. Enter. Terus kita coba lagi lihat. Di sini whatsappnya connecting. Terus langsung aktif. Nggak minta login dulu. Kenapa? Karena tadi kita udah simpan sesinya di sini ya. Outstat. Terus kita simpan sesinya di sini. Jadi kalau misalkan kita buka di sidebar-nya, ini ada folder sesi, di dalamnya ada sesi yang udah kita buat. Jadi kita nggak perlu login berulang-ulang ketika programnya di-restart gitu ya. Sip, kita balik lagi ke topik. Di sini kita mengirim pesan ke si Flowwise AI-nya lewat WhatsApp. Jadi kita coba contoh pertanyaan lagi. Ini kita copy deh, biar cepat. Paste, enter. Nah ini masih belum menjawab ya si chatbot-nya, tapi di sini lihat teman-teman, AI-nya di konsol ada jawabannya tuh. Ada text, ada question, chat ID, dan lain-lain. Nah yang kita butuhkan adalah text untuk menjawab pertanyaan usernya. Caranya kita tampung dulu semua respon yang dikirim oleh si Plowise AI-nya. Jadi kalian boleh ketik aja cons. Terus di sini kalian boleh isi yang namanya itu adalah text. Nah untuk sementara kita hanya akan mengambil text. Karena kita nggak bakalan yang terlalu komplek dulu. Nanti mungkin ke depannya kalian akan butuh yang namanya session ID. Nanti yang nge-chat ke chatbot kalian kan bakalan banyak tuh. Gimana nantinya supaya dia bisa membedakan orang yang sama sama orang yang berbeda. Itu lewat yang namanya session ID. Tapi di sini untuk sementara, kita hanya akan pakai nomor kita sendiri. Alias kita nggak dibuka untuk orang lain. Atau alias kita hanya punya session ID satu saja. Kita isi dengan response. Jadi nanti si text-nya ini berisi jawabannya. Tinggal kita kirimin hasil jawaban AI-nya ke pesan kita. Dalam bentuk response atau jawaban. Caranya gimana? Caranya kita balik lagi ke dokumentasinya. Terus di sini ada send message-nya. Tinggal kita copy, terus kita paste di sini. Kita di sini, terus selanjutnya. Nah, di sini karena kita pakai await, jadi kita harus menambahkan async di sini ya. Async, kayak gini. Selanjutnya, kita tinggal masukin text yang ini ke sini, teman-teman. Oke, paste. Selanjutnya, di sini kita masukin juga nomor teleponnya gitu. yang ingin kita balas. Jadi kita, font-nya kita copy, paste di sini. Sip. Kita coba save, kita sembunyikan dulu sidebar-nya. Ini coba clear dulu deh. Clear. Terus kita coba restart dengan cara node-index.js. Oke. Connecting. Terus WhatsApp aktif. Kita hapus dulu, atau sembunyikan dulu. Save. Terus kita coba tanyakan ulang. Apakah dia mampu menjawab pertanyaan kita atau enggak? Enter. Harusnya dia menjawab pertanyaan yang kita berikan. Ternyata seudah waktu ada error. Kenapa error? Karena di sini gue lupa mengubah. Bukan SOC ya, tapi SOCET. Yang ini nih, yang udah kita definisikan di atas. Jadi kita ubah dulu. Pasti, sep, kita coba clear lagi. Terus kita jalanin lagi node-index.js. Nah, sekarang mari kita coba. Kita balik lagi ke WhatsApp web. Terus kita berikan pertanyaan yang sama. Seharusnya sekarang nanti dijawab oleh AI-nya. Atau flowwise AI yang udah kita buat. Kita coba. Tunggu dulu, saudaraku Ternyata masih belum respon Oh, udah ternyata Ini adalah respon dari WhatsApp AI Tapi lihat, teman-teman, di sini Dia jadi infinity loop, ya Kita buka kode editornya cepat Nah, lihat Dia jadi terus-terusan ngejawab, tuh Terus-terusan dia ngejawab Padahal kita nanyanya sekali Nah itu karena kita melisten pesan yang masuk ataupun keluar Jadi ketika pesan masuk, kita jawab pertanyaan Setelah kita menjawab pertanyaan, dia bakalan nge-trigger lagi ke sini Terus dia bakalan looping lagi ke sini Itu akhirnya menghasilkan sebuah jawaban yang infinity atau tidak Berhenti-berhenti gitu ya Nah itu supaya berhenti, kita harus tambahkan kondisi If message Nah ini message Index ke 0 kayak gini, tadi kan kita tau ada yang namanya from me gitu ya, atau kalau misalkan gini deh, ini kita komentari dulu ini komentari dulu, terus kita coba console dulu messagenya, console, tick log, kita console messagenya oke, seperti ini, index.genome, terus kita clear dulu, terus kita tambahin node index.js, enter nah ini connecting, terus kita coba kirim pesan lagi ya, misalkan halo deh, halo, lihat Disini ada yang namanya from me Jadi kalau misalkan from me itu Teman-teman jangan kirim pesan jawabannya gitu Jadi kalian bisa cek aja disini If titik key titik from me Nah jadi kalau misalkan pesan dari diri sendiri Itu kita nggak perlu tanyakan ke AI Untuk menjawab pertanyaan Jadi hanya pertanyaan-pertanyaan dari orang luar saja Yang akan kita balas Jadi kebalikan dari from me adalah dari orang lain Tambahin aja tanda seru disini Kayak gini Nah terus kalian tinggal kurung-kurawal Masukin ini ke dalam. Kayak gini. Oke. Tinggal save. Tinggal kita return disini. Return. Oke. Dan lagi-lagi disini gue lupa nambahin. Atau mengubah yang namanya sock ya. Jadi kita ubah jadi socket. Ingat. Socket. Nama koneksinya. Save. Kita coba clear lagi. Kita node index.js. Oke. Connecting. Terus kita coba tanyakan pertanyaan yang sama. Ayo. Lu adalah WhatsApp bot AI yang cerdas. Bam. Oke. Mantap. Dia ngejawab nih. Katanya tiga brand dengan penjualan paling kecil itu ada Nike Air Max. Terus ada Adidas. Terus ada Supreme. Oke. Terus misalkan gue pengen nanya kira-kira penjualan terbanyak. Brandnya itu ada apa aja sih? Berikan saya tiga data brand dengan penjualan terbanyak. Lihat. Apakah WhatsApp AI-nya ini udah cerdas atau belum? Karena dia udah ditenami dengan otaknya chat GPT. Dan juga dia udah ngerti dengan database internal kita. Yaitu MySQL. Bam, dia dapet. Katanya brand dengan penjualan terbanyak itu ada Nike, terus ada Supreme, dan yang terakhir ada Adidas. Mantap, gokil guys. Oke, misalkan gini. Gue pengen, ini tau nggak sih kira-kira penjualan yang paling sedikit itu apa? Berikan saya data penjualan paling sedikit. Enter. Apakah dia cerdas atau nggak? Harusnya cerdas. Bam, mantap. Katanya yang... sedikit itu ada di brand Nike Air Max. Cuman kejual satu buah. Gimana nih? Ini tentunya dapat mengoptimasi bisnis kalian supaya aliran informasinya itu lebih cepat. Kalian mungkin nggak bakalan butuh lagi punya asisten-asisten yang mahal. Cukup kalian bikin WhatsApp bot AI ini udah canggih banget, guys. Keren-keren. Gokil. Oke, disini sebenarnya masih banyak sekali yang bisa kalian tambahkan fitur-fiturnya. Nanti mungkin kalian bisa tambahkan kalau misalkan usernya ada banyak, nah itu nanti kalian tinggal tambahkan ada session ID gitu ya. Pokoknya nanti untuk video-video selanjutnya ini bakalan mungkin gokil banget ya teman-teman. Kita akan integrasikan Flowwise AI ini dengan WhatsApp Bot AI, ataupun kita bahkan bikin otaknya ini lebih cerdas lagi gitu ya, nggak cuma punya pemahaman tentang database MySQL yang kita punya. Dan ini pun baru satu tabel aja, nanti mungkin di dalam database kalian punya banyak sekali table, nanti kita juga bisa implementasikan ke sini. Oke teman-teman, mungkin video kali ini sampai sini dulu. Silahkan kalian coba like dulu video ini jika kalian rasa video ini bermanfaat. Silahkan kalian tulis di kolom komentar kalau misalkan kalian punya pertanyaan ataupun kalian punya kendala terhadap codingan yang telah kita buat di video kali ini. Mungkin nanti teman-teman yang lain atau saya sendiri yang akan menjawabnya. Dan buat teman-teman juga yang pengen download projectnya, silahkan klik aja linknya aku simpan di deskripsi video di bawah. Dan jangan lupa juga nih ya teman-teman, silahkan teman-teman lakukan dulu subscribe karena di channel ini ngebantu kalian untuk meningkatkan skill design dan juga coding kalian. Dari cupu hingga suhu. Asik. Pokoknya sampai berjumpa di tutorial-tutorial gokil lainnya.

Yang pertama, kita akan menggunakan bahasa pemrograman javascript dan tentunya dengan bantuan runtime Node.js sebagai server dari WhatsApp AI yang akan kita buat pada video ini. video kali ini. Jadi, silakan di-install dulu Node.js-nya.

Karena di video kali ini, gue nggak bakalan nunjukin cara install Node.js. Ya, karena ini bukan video tutorial cara install Node.js. Yang kedua, kalian boleh siapkan dulu project Plowise AI yang udah kita buat di video-video sebelumnya. Nah, ini adalah project Plowise AI yang udah kita buat di video sebelumnya, di mana di video ini, kita mengintegrasikan antara chat GPT dengan MySQL database yang kita punya.

Sehingga kita bisa bertanya terhadap data-data internal yang kita miliki. ke chatbotnya. Nah, tapi buat kamu yang belum punya projectnya, kamu bisa download aja linknya aku simpan di deskripsi video di bawah atau kalian juga boleh ikuti dulu tutorialnya di video yang ini. Dan untuk modelnya sendiri saudaraku, sebenarnya teman-teman bisa pilih mau pake model yang mana. Mau pake model chat GPT, mau pake model Gemini, ataupun model-model yang ada di luar sana.

Tinggal disesuaikan aja dengan kebutuhan kalian. Tapi buat kalian yang sukanya gratisan, gue menyarankan pake aja model Gemini, buatannya Google. Tapi... Woh!

terhadap perkembangan industri, dan juga perkembangan zaman. Contohnya, ada update materi baru nih, yaitu Poolstack Monolith Developer dan juga Poolstack Jamstack Developer. Kamu diajarkan meracik aplikasi zaman now, seperti implementasi Payment Gateway Indonesia menggunakan Laravel, Poolstack Tutorial, MongoDB, ExpressJS, Vue.js, Node.js, untuk membuat shopping cart.

Pokoknya masih banyak lagi update materi yang lainnya, yang lebih advance lagi, itu tuh kayak React.js, Next.js, Express.js, dan juga Node.js. Dengarkan baik-baik saudaraku. ada 2 kupon diskon yang bisa kamu pakai untuk mengikuti kelas di kelas poolstack.id.

Kalian tinggal masukin kode kupon diskon kreatif. Dapat diskon gede 75%. Hanya berlaku selama 3 hari saja sejak video ini dipublish, saudaraku.

Terus kalau misalkan sudah lewat 3 hari, gimana? Tenang, kalian masih bisa gunain kode kupon Kreatif Academy, kalian dapat diskon 65%. Nah, untuk kode kupon yang ini itu berlaku kapan saja ya, saudaraku. Saat video ini dibuat, harga kelasnya itu dikisaran Rp2.200.000.

Jadi kalau misalkan kalian pakai kode kupon, itu kurang lebih cuma Rp880.000 sampai dengan Rp550.000 aja. Dan total kursenya itu ada 55, jadi kalau dihitung-hitung ya setara Rp10.000 sampai Rp16.000 per kurs aja. Ingat, teman-teman, ini dengan catatan ya, harga katanya akan naik.

ke depannya seiring bertamanya materi belajar. Dengan harga segitu, kalian bisa bandingkan dengan platform lain. Kelas di kode volitan, menurutku materinya lebih lengkap.

Ini adalah investasi leher ke atas, investasi jangka panjang untuk dapetin karir cemerlang. Kamu hanya cukup bayar satu kali saja untuk bisa akses kelas selamanya. Ini adalah investasi yang low risk, tapi high return.

Di sini juga kamu akan diajarkan dari mulai basic programming, front-end, back-end, sampai meracik aplikasi sampai jadi. Kamu juga akan di-beaming oleh para expert di bidangnya, dan tentunya dengan roadmap yang jelas. Yuk, gasken! Langsung aja gabung dengan 2000 lebih member kelas Fullstack, langsung saja klik link yang ada di deskripsi video di bawah ya, saudaraku. Kalau misalkan kalian udah siap, mari kita langsung saja mulai coding untuk meracik sebuah WhatsApp Bot AI yang canggih.

Dan untuk hasil dari proyek kita kali ini, gue simpan proyeknya, linknya ada di deskripsi video di bawah. So, tunggu apa lagi? Let's go! Oke, saudaraku, jadi persiapannya.

Yang pertama, disini gue udah buka project Flowwise AI-nya ya, teman-teman. Sekali lagi, buat teman-teman yang belum punya project Flowwise AI-nya, ikuti video tutorial yang ini, atau kalian juga boleh download hasil project-nya, link-nya aku simpan di deskripsi video di bawah. Selanjutnya, kalian juga boleh jalanin dulu exam PP-nya ya, dan juga jalanin server Apache dan juga MySQL-nya. Kalau misalkan udah, ini tinggal kita minimize.

Terus selanjutnya, kalian juga boleh buka dulu WhatsApp supaya kita dapat dengan mudah melakukan testing atau juga mencoba dari hasil WhatsApp bot AI ini. Oke, kalau misalkan udah, selanjutnya kalian jalanin dulu project flowwise AI-nya. Dengan cara, kalian boleh klik di bagian URL folder yang ini, tinggal ketik aja cmd untuk membuka terminal.

Nah, nanti terminal terbuka kayak gini. Selanjutnya, kalian tinggal ketik aja pnpm start untuk menjalankan project-nya. Nah. Nanti kalau misalkan projectnya udah berhasil dijalankan, kalau kalian buka di web browser, terus kalian ketik localhost port 3000. Bukan enter, nah ini adalah project Flowwise AI kita yang udah kita mulai dan kita buat di video-video sebelumnya.

Oke, selanjutnya kalian tinggal buka aja, ini project terakhir kita, ChatSQL. Nah, jadi ini adalah project yang udah kita buat di video sebelumnya, di mana di project ini kita mengintegrasikan antara ChatGPT dengan MySQL, sehingga kita dapat bertanya seputar data-data internal perusahaan kita hanya dengan chatbot. Sebagai contoh, di sini kita coba contohkan lah ya. Contohnya misalkan gue pengen tahu produk yang memiliki penjualan terbanyak itu brand-nya apa.

apa gitu ya berikan saya tiga brand dengan penjualan terbanyak terbanyak nah ini nanti dia akan mencari ke database kita terus mencari kira-kira brand yang paling banyak penjualannya itu yang mana gitu ya Nah ini dia langsung ngejawab nih untuk tiga brand dengan penjualan terbanyak itu ada Nike Supreme dan juga Adidas nah ini gua juga menambahkan query.skl dibawahnya untuk memudahkan gua dalam melakukan testing dan juga validasi gitu ya nanti kalau misalkan udah di production mah ini nggak perlu lagi nih untuk menampilkan query.skl nya tinggal hilangkan aja Nah ini adalah project kita sebelumnya Terus selanjutnya yang akan kita lakukan adalah membuat WhatsApp Bot AI yang canggih Kita disini akan buat sebuah project baru Jadi disini kita akan simpan ke dalam sebuah folder Nama projectnya adalah WhatUpCerdas Ini bebas sih nama Nama foldernya terserah kalian Terus selanjutnya kita buka dulu terminalnya disini Dengan cara ketik cmd Nah nanti bakalan terbuka terminal kayak gini Selanjutnya kalian tinggal ketik aja npm init Desk Y. Enter. Untuk menginisiasi project yang kita punya. Selanjutnya kita akan buka kode editor yang kita punya. Kalian tinggal ketik aja kode titik.

Nanti akan otomatis terbuka kode editornya. Nah disini gue menggunakan kode editor kursor. Kenapa kursor?

Karena udah ada AI di dalamnya. Nanti kita tinggal ketik-ketik berapa ketikan. Terus tinggal tekan tab. Otomatis jadi codingannya Nantilah kita akan coba praktekan Nah selanjutnya disini ada beberapa package yang perlu kita install Untuk membuat sebuah WhatsApp AI yang cerdas Packagenya ada apa aja Kalian boleh buka aja dulu ke web browsernya Kalian boleh ketik By Lace JS Nah disini kita akan menggunakan Web Socket untuk terhubung ke API WhatsAppnya Ini kalian boleh klik Nah disini kalian untuk cara installnya boleh scroll ke bawah Nah disini ada cara installnya udah lengkap Dengan cara Yarn Add Kalau misalkan kalian pake Yarn Karena disini kita pakenya NPM Kita pakai npm aja. Kita copy, terus kita balik lagi ke sini, buka terminalnya, ketik aja di terminalnya, npm, install, paste yang tadi, kayak gini.

Tinggal tekan enter. Nah, tunggu sampai proses instalasinya selesai. Nah, sambil menunggu proses instalasinya selesai, ada beberapa package lagi yang perlu kita install. Itu ada yang namanya pino npm, enter. Nah, ini ada pino npm, terus kita copy pino-nya, ini tuh fungsinya untuk melakukan logging.

atau debugging lah ya. Kita copy, terus kita paste di sini. Oke, tinggal enter, tunggu sampai proses instalasinya selesai.

Kalau misalkan udah selesai, kalian tinggal clear aja. Selanjutnya di sini, kalau misalkan kalian ada gagal dalam melakukan proses instalasinya, nah itu biasanya kalian belum install yang namanya Node.js. Jadi untuk mengecek apakah kalian udah install Node.js atau belum, kalian tinggal ketik aja node-v, enter.

Nah ini kalau misalkan ada persi yang muncul di bawah, itu artinya kalian udah install Node.js-nya. Nah, di sini gue pakai versi 20. Kalian minimal harus pakai versi 18 ke atas ya. Nah, sekarang mungkin ada versi 21 lah ya, kalau nggak salah.

Tapi di sini gue pakainya versi 20. Itu nggak apa-apa, sama aja. Oke, kita clear. Selanjutnya, kita boleh close dulu terminalnya.

Terus kita buat dulu sebuah file baru. Namanya itu adalah index.js. Nah, cara bikin file baru, teman-teman boleh klik di bagian ini.

Ada new file ya, tinggal klik. Terus kita kasih nama aja, index.js. Nah, nanti bakal otomatis terbuka. buka seperti ini selanjutnya kita akan coba import dulu package-package yang udah kita install yang pertama kita akan mengimport yang namanya itu adalah MAC WhatsApp MAC WA socket ini gua tahu dari mana gua tahu dari sini teman-teman dari dokumentasinya nah ini ada MAC WA socket kalian boleh copy kalau nggak yakin pastikan selanjutnya kita butuh yang namanya use multi out fill out ini ada rekomendasinya kalian tinggal klik kalau misalkan udah Kita butuh satu lagi Yang namanya itu adalah Pinot Sama dengan Require Kayak gini Kita isi dengan Pinot Oops Pinot Nah ini gue salah Bukan Cosen Tapi Cons ya Cons Kayak gini Sip Selanjutnya Kita ngapain Disini kita akan buat sebuah function Lihat Karena gue pakai yang namanya Itu adalah Cursor Code Editor Disini ada sedikit Rekomendasi dari Copyright++ nya Nah ini salah satu alasan gue kenapa gue perbina dari yang tadinya VS Code ke Cursor. Karena salah satunya ada copilotnya.

Jadi tinggal kita ketik dikit-dikit. Tab. Jadi, guys.

Nah, jadi teman-teman jangan gengsi gitu ya. Teman-teman pakai AI, justru kalian harus bisa mulai sekarang memanfaatkan AI. Nah, ini kita tinggal ubah. Ada kesalahan, kita harus pakai session.

Nah, sekali lagi, teman-teman. Jadi, yang salah itu bukan kita memanfaatkan AI, tapi kita nggak tahu gitu hasil dari AI-nya. Kita ketik-ketik tab, tapi kita nggak tahu coding yang dihasilkan itu untuk apa. Nah, ini sekali lagi baru juga diomongin, udah ada tuh. Connect to WhatsApp.

Rekomendasi. Karena gue pengen ini dilakukan, tinggal tab aja. selanjutnya ini jangan sot agak tanggung banget ya harusnya socket aja deh sotcat kayak gini nah jadi yang pertama disini kita panggil outstat fungsinya itu untuk melakukan autentikasi nantinya terus disini ada logger kita pakai pinot levelnya itu debug supaya nanti terminalnya bersih kita pakai aja silent karena kita belum butuh untuk logging atau debuggingnya nah selanjutnya supaya kita bisa menampilkan QR code di terminal gitu ya untuk kita melakukan login whatsappnya Itu kan biasa, kalau misalkan kita pakai WhatsApp web untuk loginnya itu dia pakai QR Code. Nah ini juga sama, untuk loginnya nanti ke WhatsAppnya kita pakai QR Code juga. Jadi di sini kita perlu tampilkan yang namanya print QR Code in terminal.

Ini boleh kita klik, terus kita titik 2, kasih nilainya true supaya ditampilkan. Kita menambahkan satu hal lagi yang namanya itu adalah browser, teman-teman. Browser ini tuh kayak misalkan kalau misalkan teman-teman login di WhatsApp web di HP kalian tuh bakalan ada gitu kelihatan.

Loginnya pakai web browser apa? Sistem operasinya apa Dan juga dimana Nah ini juga sama Disini yang pertama Sistem operasinya apa Kita pakai Windows Terus untuk web browsernya kita pakai apa Kita pakai Chrome Terus OSnya versi berapa Kita pakai Windows 10 Instagram gitu ya Ini tinggal disesuaikan aja Dengan komputer kalian Atau sebenarnya ini Untuk informasi nanti di HP kalian sih Sebenarnya Kalau misalkan udah Kita butuh apa lagi nih Kita akan menyimpan sesi Ketika kita udah berhasil login Caranya gimana? Caranya kalian boleh buka dulu dokumentasinya, karena gue nggak hafal, seberat aku.

Cari yang namanya CRANCE. Cari, nah ini, CRANCE UPDATE. Carinya kalian tinggal copy aja. Terus kalian tinggal paste di coding-an kalian, di sini.

Nah, di sini ada hal yang perlu kalian ubah. Yang pertama, CON. CON ini, karena kita pakai nama variabelnya SOCKET, jadi kita ubah CON ini jadi SOCKET. Selanjutnya, di sini kita tinggal tambahin OUT.SAVE.

Creds, udah kayak gitu doang, ini nanti Ketika kita udah berhasil login, nanti Sesinya disimpan di lokal komputer kita Nah, selanjutnya, kita akan melakukan Listening ketika WhatsApp-nya ini Sedang connecting Atau sedang ready, atau sedang Closed, atau log out, nah itu gimana caranya Nah, kalian boleh pergi lagi ke dokumentasinya Disini ada yang namanya connection Update, nah, jadi teman-teman boleh ketik Aja disini, sotcat.iv Ketik on, nih Apus dulu, terus disini kita tambahin Apa tadi guys? Connection update, kita copy aja deh Copy paste disini Nah selanjutnya, yang kedua itu adalah function Tinggal tambahin koma, terus kita tambahin function disini Kayak gini, nah nilai yang dapat kamu ambil disini Yang pertama itu adalah connection Terus ada QR Selanjutnya kita akan cek Jika connection, kayak gini Itu sama dengan-sama dengan open Open itu artinya WhatsApp ready ya teman-teman Jadi disini kita akan coba melakukan debugging atau console Kita console.log Oops Console log WhatsApp aktif. Aktif. Ini kenapa error guys?

Nah ini kurang siku ya teman-teman. Kalau misalkan connectionnya itu open, artinya WhatsAppnya udah aktif atau ready. Aktif, ready lah ya. Atau aktif aja deh. Sama aja.

Terus kita tambahin lagi kondisi nih. Else if. Ketika connectionnya ini itu sama dengan close. Kalau close itu artinya log out.

Nah tinggal kita WhatsApp close. Kita console. Nah kalau misalkan close, kita ngapain? Kita akan reconnecting ulang Caranya gimana? Kita tinggal panggil aja fungsi yang ini Kita paste di bawah Jadi nanti kalau misalkan close, terus kita connecting ulang Terus kita tambahin lagi Else if ketika connection-nya itu Sedang connection gitu ya Reconnect, apa nih disini Kalau misalkan pusing, kita bisa pakai bantuan AI Caranya kalian boleh block kayak gini Terus ctrl-k Terus connection on connecting Oops, connect-o, nggak apa-apa lah AI-nya ngerti, lihat ada nih, connecting, jadi ketika koneksinya itu connecting terus kita console lagi, console log whatsapp sedang connecting jadi kan kalau ketika kita login di whatsapp web kalau nggak ada koneksi internet, itu biasanya connecting dulu kan ya nah selanjutnya, kita coba set dulu, kita coba jalanin dulu project yang udah kita buat disini gimana cara jalaninnya?

nah ini sidebarnya kita sembunyikan dulu supaya lebih rapi terus kita buka terminal dengan cara control backtick nah nanti terbuka terminal kayak gini tinggal kalian ketik aja node index.js bam, disini ada error katanya crash out state temen-temen, oh disini gue lupa di bagian out nya ini kan hasil AI tadi gue lupa gak koreksi kita tambahin out.state state, kayak gini nah ini kita coba set dulu, terus kita coba clear terminalnya, terus kita ketik lagi node-index.js, harusnya jalan bang, masih error guys oh ini, out-state, gue salah nama variablenya oke, set, kita clear lagi kita node-index.js, harusnya jalan, bang error lagi guys, ini kali lagi out, bukan out, tapi out-state ya, ada lagi nggak? nggak ya udah, kita clear lagi Terus kita node index.js, bam, WhatsApp connecting. Artinya WhatsApp-nya itu nggak terhubung atau sedang mencoba menghubungkan kembali. Selanjutnya, di sini ada QR nih yang bisa kita pakai.

Gimana kalau misalkan kita console deh. If QR, kita coba console dulu QR codenya. Console.log QR, kayak gini.

Save, terus kita coba node index.js lagi. Bam, WhatsApp connecting, dan lihat isi dari QR-nya itu adalah... berupa kode.

Nah, ini adalah kode barcode. Nah, supaya kita bisa menampilkan QR Code di terminal kita, kita butuh satu package lagi. Namanya itu adalah QR Code Terminal.

Nah, caranya teman-teman boleh buka lagi web browsernya, pergi ke NPM, terus cari yang namanya QR Code Terminal. Nah, ini untuk menampilkan terminal di, oh sorry, untuk menampilkan QR Code di terminal. Ini kita tinggal copy, terus kita balik lagi ke sini, tinggal kita paste, enter. Tunggu sampai proses instalasinya selesai.

Kalau misalkan sudah, Kita coba clear dulu Terus kita ketik aja node index.js Harusnya sekarang yang muncul berupa QR code Nah kayak gini Sip aman Kita coba clear dulu Clear Kalau misalkan udah Kita sembunyikan dulu Selanjutnya Kalau misalkan teman-teman buka di sidebar Disini jadi ada folder session Kenapa disini tiba-tiba jadi ada folder session Nah ini foldernya itu untuk menyimpan autentikasi ketika kita sudah berhasil login selanjutnya kita juga akan menambahkan listen ketika apa ketika kita mengirim pesan atau ketika kita mendapatkan pesan, caranya gimana caranya disini kalian tinggal tambahkan aja shortcut if we on, nah if-nya apa, kalian bisa boleh lihat aja di bagian dokumentasinya kita cari, nah ini ada yang namanya itu message absurd absurd ini fungsinya untuk mendapatkan pesan atau ... melisten ketika pesan masuk atau pesan keluar. Ini boleh kita copy, terus kita paste di sini.

Terus parameter yang kedua di sini adalah sebuah function. Begini, lihat apakah async function itu bukan. Ternyata bukan async function ya.

Kita buat aja seperti ini. Terus variable yang bisa kita ambil di sini adalah message. Begini, kita console dulu deh messagenya.

Kita coba save, kita sembunyikan dulu sidebarnya, kita buka terminal, terus kita jalankan program Node.js-nya dengan cara nodeindex.js. Nah, nanti WhatsApp itu connect. terus menampilkan QR Code. Nah, sekarang gue bakalan coba login menggunakan HP gue.

Nah, di sini kita akan coba login dulu dengan cara melakukan send QR Code yang ada di terminal ini. Oke, selanjutnya di sini kita klik perangkat bertaut, terus tautkan perangkat, tinggal kita scan. Di sini.

Sip, tunggu sampai WhatsApp-nya masuk. Di sini WhatsApp-nya connecting. Kalau misalkan udah masuk, tuh WhatsApp-nya jadi ready ya, alias aktif.

Dan di sini dia udah connect. Oke, selanjutnya kita mau ngapain nih? Ini kita coba contoh dulu, kirim pesan halo deh ya ke WhatsApp yang gue punya. Misalkan, halo. Ini apa reaksinya?

Lihat, di sini jadi ada sebuah array masuknya. Ini adalah isi dari message yang ini, teman-teman. Message yang ini, dia hasilnya adalah berupa array.

Lihat, array-nya ini ada beberapa macam informasi yang kita dapatkan. Yang pertama, itu ada remote JID. Ini adalah nomor telepon yang gue punya. Ini nanti mungkin gue bakalan blur ya. Terus di sini ada prompt.

me, from me itu adalah pesan sendiri atau bukan, terus disini ada yang namanya push name, push name ini adalah nama whatsapp gue gitu kan, di whatsapp suka ada namanya tuh, nah terus disini yang penting ada message, conversation, hello nah kita akan ambil textnya ini, terus nanti kita integrasikan dengan project flowwise AI kita, jadi disini kalian boleh ketik aja, cons, misalkan pesan kita isi dengan message yang ini, kita ambil message kita ambil index ke 0, terus kita ambil messagenya ya message, oops Misalnya itu yang ini nih Kita copy deh Kita copy Paste disini Titik conversation Conversation Kayak gini Kalau misalkan udah Selanjutnya kita perlu juga Sebuah nomor HP-nya Jadi teman-teman boleh ketik aja disini Phone gitu ya Kita isi dengan Ini boleh kita copy dari sini Kayak gini Nah yang kita ambil adalah key Titik remote JID Ini karena kita pakai copilot ya Ada rekomendasinya Tinggal kita tekan tab Anjay Sik tinggal kita hapus disini Kalau misalkan sudah, selanjutnya kita bakalan koneksikan dengan Flowwise AI yang kita punya. Caranya, kalian boleh pergi ke project Flowwise AI yang ini, terus pergi ke bagian API endpoint. Ini caranya untuk melakukan integrasi. Untuk integrasinya, kita bisa pakai embed Python atau JavaScript.

Nah, karena kita pakai Node.js, kita pakai yang versi JavaScript-nya. Selanjutnya, di sini juga kalian bisa tambahin yang namanya authorization. Misalkan kalian ingin menambahkan API key buat memproteksi API yang kalian punya.

Tapi... Supaya nggak terlalu ribet, di sini kita pakai yang no authorization aja ya. Tinggal kalian copy di sini. Terus kalian pergi lagi ke kode editornya, paste di bagian sini. Yang query-nya, ini kita coba sembunyikan dulu terminalnya, kayak gini.

Nah, yang query-nya kita pindahin ke atas, cut, terus kita paste di sini. Kita rapikan dulu. Kalau misalkan udah rapi, kayak gini.

Lihat di sini teman-teman ada question. Jadi dia meminta sebuah pertanyaan untuk nanti dijawab sama si AI-nya. Pertanyaannya kita akan ambil dari pesan yang dikirimkan oleh orang lain. Yaitu pesan yang ini ya, yang sudah kita tangkap. Jadi kita boleh ubah di sini.

Ubah, paste. Terus nanti dia akan menghasilkan respon. Responnya kita coba konsol dulu apa yang dia hasilkan ya.

Ini kita coba set dulu. Terus kita buka lagi WhatsApp-nya. Terus kita coba tanya ke AI-nya. Tanyanya apa?

Misalkan. Berikan saya 3 data penjualan. Enter.

Nah ini dia belum menjawab secara otomatis. Tapi kalau misalkan teman-teman lihat di projectnya. Sorry teman-teman, gue belum restart ya.

Kita coba ctrl c dulu. Terus kita clear. Terus kita jalanin lagi dengan cara node index.js. Enter. Terus kita coba lagi lihat.

Di sini whatsappnya connecting. Terus langsung aktif. Nggak minta login dulu.

Kenapa? Karena tadi kita udah simpan sesinya di sini ya. Outstat. Terus kita simpan sesinya di sini.

Jadi kalau misalkan kita buka di sidebar-nya, ini ada folder sesi, di dalamnya ada sesi yang udah kita buat. Jadi kita nggak perlu login berulang-ulang ketika programnya di-restart gitu ya. Sip, kita balik lagi ke topik. Di sini kita mengirim pesan ke si Flowwise AI-nya lewat WhatsApp.

Jadi kita coba contoh pertanyaan lagi. Ini kita copy deh, biar cepat. Paste, enter. Nah ini masih belum menjawab ya si chatbot-nya, tapi di sini lihat teman-teman, AI-nya di konsol ada jawabannya tuh.

Ada text, ada question, chat ID, dan lain-lain. Nah yang kita butuhkan adalah text untuk menjawab pertanyaan usernya. Caranya kita tampung dulu semua respon yang dikirim oleh si Plowise AI-nya. Jadi kalian boleh ketik aja cons. Terus di sini kalian boleh isi yang namanya itu adalah text.

Nah untuk sementara kita hanya akan mengambil text. Karena kita nggak bakalan yang terlalu komplek dulu. Nanti mungkin ke depannya kalian akan butuh yang namanya session ID.

Nanti yang nge-chat ke chatbot kalian kan bakalan banyak tuh. Gimana nantinya supaya dia bisa membedakan orang yang sama sama orang yang berbeda. Itu lewat yang namanya session ID.

Tapi di sini untuk sementara, kita hanya akan pakai nomor kita sendiri. Alias kita nggak dibuka untuk orang lain. Atau alias kita hanya punya session ID satu saja.

Kita isi dengan response. Jadi nanti si text-nya ini berisi jawabannya. Tinggal kita kirimin hasil jawaban AI-nya ke pesan kita. Dalam bentuk response atau jawaban. Caranya gimana?

Caranya kita balik lagi ke dokumentasinya. Terus di sini ada send message-nya. Tinggal kita copy, terus kita paste di sini. Kita di sini, terus selanjutnya.

Nah, di sini karena kita pakai await, jadi kita harus menambahkan async di sini ya. Async, kayak gini. Selanjutnya, kita tinggal masukin text yang ini ke sini, teman-teman. Oke, paste. Selanjutnya, di sini kita masukin juga nomor teleponnya gitu.

yang ingin kita balas. Jadi kita, font-nya kita copy, paste di sini. Sip. Kita coba save, kita sembunyikan dulu sidebar-nya.

Ini coba clear dulu deh. Clear. Terus kita coba restart dengan cara node-index.js. Oke.

Connecting. Terus WhatsApp aktif. Kita hapus dulu, atau sembunyikan dulu.

Save. Terus kita coba tanyakan ulang. Apakah dia mampu menjawab pertanyaan kita atau enggak? Enter.

Harusnya dia menjawab pertanyaan yang kita berikan. Ternyata seudah waktu ada error. Kenapa error? Karena di sini gue lupa mengubah.

Bukan SOC ya, tapi SOCET. Yang ini nih, yang udah kita definisikan di atas. Jadi kita ubah dulu.

Pasti, sep, kita coba clear lagi. Terus kita jalanin lagi node-index.js. Nah, sekarang mari kita coba.

Kita balik lagi ke WhatsApp web. Terus kita berikan pertanyaan yang sama. Seharusnya sekarang nanti dijawab oleh AI-nya. Atau flowwise AI yang udah kita buat. Kita coba.

Tunggu dulu, saudaraku Ternyata masih belum respon Oh, udah ternyata Ini adalah respon dari WhatsApp AI Tapi lihat, teman-teman, di sini Dia jadi infinity loop, ya Kita buka kode editornya cepat Nah, lihat Dia jadi terus-terusan ngejawab, tuh Terus-terusan dia ngejawab Padahal kita nanyanya sekali Nah itu karena kita melisten pesan yang masuk ataupun keluar Jadi ketika pesan masuk, kita jawab pertanyaan Setelah kita menjawab pertanyaan, dia bakalan nge-trigger lagi ke sini Terus dia bakalan looping lagi ke sini Itu akhirnya menghasilkan sebuah jawaban yang infinity atau tidak Berhenti-berhenti gitu ya Nah itu supaya berhenti, kita harus tambahkan kondisi If message Nah ini message Index ke 0 kayak gini, tadi kan kita tau ada yang namanya from me gitu ya, atau kalau misalkan gini deh, ini kita komentari dulu ini komentari dulu, terus kita coba console dulu messagenya, console, tick log, kita console messagenya oke, seperti ini, index.genome, terus kita clear dulu, terus kita tambahin node index.js, enter nah ini connecting, terus kita coba kirim pesan lagi ya, misalkan halo deh, halo, lihat Disini ada yang namanya from me Jadi kalau misalkan from me itu Teman-teman jangan kirim pesan jawabannya gitu Jadi kalian bisa cek aja disini If titik key titik from me Nah jadi kalau misalkan pesan dari diri sendiri Itu kita nggak perlu tanyakan ke AI Untuk menjawab pertanyaan Jadi hanya pertanyaan-pertanyaan dari orang luar saja Yang akan kita balas Jadi kebalikan dari from me adalah dari orang lain Tambahin aja tanda seru disini Kayak gini Nah terus kalian tinggal kurung-kurawal Masukin ini ke dalam. Kayak gini. Oke.

Tinggal save. Tinggal kita return disini. Return. Oke.

Dan lagi-lagi disini gue lupa nambahin. Atau mengubah yang namanya sock ya. Jadi kita ubah jadi socket. Ingat. Socket.

Nama koneksinya. Save. Kita coba clear lagi.

Kita node index.js. Oke. Connecting. Terus kita coba tanyakan pertanyaan yang sama. Ayo.

Lu adalah WhatsApp bot AI yang cerdas. Bam. Oke.

Mantap. Dia ngejawab nih. Katanya tiga brand dengan penjualan paling kecil itu ada Nike Air Max.

Terus ada Adidas. Terus ada Supreme. Oke. Terus misalkan gue pengen nanya kira-kira penjualan terbanyak. Brandnya itu ada apa aja sih?

Berikan saya tiga data brand dengan penjualan terbanyak. Lihat. Apakah WhatsApp AI-nya ini udah cerdas atau belum?

Karena dia udah ditenami dengan otaknya chat GPT. Dan juga dia udah ngerti dengan database internal kita. Yaitu MySQL. Bam, dia dapet.

Katanya brand dengan penjualan terbanyak itu ada Nike, terus ada Supreme, dan yang terakhir ada Adidas. Mantap, gokil guys. Oke, misalkan gini.

Gue pengen, ini tau nggak sih kira-kira penjualan yang paling sedikit itu apa? Berikan saya data penjualan paling sedikit. Enter. Apakah dia cerdas atau nggak? Harusnya cerdas.

Bam, mantap. Katanya yang... sedikit itu ada di brand Nike Air Max.

Cuman kejual satu buah. Gimana nih? Ini tentunya dapat mengoptimasi bisnis kalian supaya aliran informasinya itu lebih cepat.

Kalian mungkin nggak bakalan butuh lagi punya asisten-asisten yang mahal. Cukup kalian bikin WhatsApp bot AI ini udah canggih banget, guys. Keren-keren.

Gokil. Oke, disini sebenarnya masih banyak sekali yang bisa kalian tambahkan fitur-fiturnya. Nanti mungkin kalian bisa tambahkan kalau misalkan usernya ada banyak, nah itu nanti kalian tinggal tambahkan ada session ID gitu ya. Pokoknya nanti untuk video-video selanjutnya ini bakalan mungkin gokil banget ya teman-teman.

Kita akan integrasikan Flowwise AI ini dengan WhatsApp Bot AI, ataupun kita bahkan bikin otaknya ini lebih cerdas lagi gitu ya, nggak cuma punya pemahaman tentang database MySQL yang kita punya. Dan ini pun baru satu tabel aja, nanti mungkin di dalam database kalian punya banyak sekali table, nanti kita juga bisa implementasikan ke sini. Oke teman-teman, mungkin video kali ini sampai sini dulu.

Silahkan kalian coba like dulu video ini jika kalian rasa video ini bermanfaat. Silahkan kalian tulis di kolom komentar kalau misalkan kalian punya pertanyaan ataupun kalian punya kendala terhadap codingan yang telah kita buat di video kali ini. Mungkin nanti teman-teman yang lain atau saya sendiri yang akan menjawabnya. Dan buat teman-teman juga yang pengen download projectnya, silahkan klik aja linknya aku simpan di deskripsi video di bawah.

Dan jangan lupa juga nih ya teman-teman, silahkan teman-teman lakukan dulu subscribe karena di channel ini ngebantu kalian untuk meningkatkan skill design dan juga coding kalian. Dari cupu hingga suhu. Asik. Pokoknya sampai berjumpa di tutorial-tutorial gokil lainnya.

Transcript for:Integrasi WhatsApp dengan ChatGPT dan MySQL

Transcript for:
Integrasi WhatsApp dengan ChatGPT dan MySQL