Fitur “messenger bots” Facebook bukanlah hal yang baru, dan banyak bot keren sudah ada. Namun, sumber daya tentang cara membuat bot Anda sendiri sangat langka, dan tidak ada penjelasan untuk orang-orang yang baru menggunakan Facebook Graph API. Messenger bot sekarang juga mengharuskan Anda untuk menggunakan URL panggilan balik webhook SSL aman (lebih lanjut tentang itu nanti), dan pengaturan SSL tidak untuk semua orang, dan juga membutuhkan biaya.
Pada artikel ini, saya akan memandu Anda melalui seluruh proses pembuatan bot messenger Facebook sederhana, karena dokumentasi Facebook sendiri agak kurang dijelaskan. Kami akan menyiapkan aplikasi cloud yang menggunakan protokol https, kode bot di Node.js (yang merupakan javascript, bahasa sisi server), gunakan git untuk mendorong kode ke aplikasi cloud, dan mengujinya di Facebook Messenger.
Setup Bot
Anda perlu Node diinstal di laptop Anda. Jika tidak, buka situs web Node untuk mengunduh dan menginstalnya.
Setelah selesai, Anda dapat melanjutkan dengan pengaturan untuk bot. Ikuti langkah-langkah di bawah ini:
1. Luncurkan Terminal.
2. Anda memerlukan direktori terpisah untuk menyimpan kode Anda.
- Buat direktori baru
mkdir testbot
- Ubah direktori kerja Anda ke direktori yang baru saja Anda buat
cd testbot
3. Selanjutnya, inisialisasi aplikasi Node. npm init
- Anda akan diminta untuk memasukkan informasi tentang aplikasi Anda, cukup gunakan default dengan menekan Enter untuk semuanya.
4. Instal paket npm install express body-parser request --save
- Perintah akan berjalan, dan memberikan beberapa peringatan; abaikan mereka.
5. Di Finder, buka direktori " testbot " yang Anda buat, dan cari file bernama " package.json "; buka ini di editor seperti Sublime Text.
6. Dalam file ini, kita perlu menambahkan baris "start": "node index.js"
- Jangan lupa menambahkan ", " di akhir baris sebelumnya.
7. Selanjutnya, buat file baru di Teks Sublime, dan masukkan kode berikut di dalamnya:
[js]
var express = butuhkan ('express');
var bodyParser = membutuhkan ('body-parser');
var request = require ('request');
var app = express ();
app.use (bodyParser.urlencoded ({extended: false}));
app.use (bodyParser.json ());
app.listen ((process.env.PORT || 3000));
app.get ('/', function (req, res) {
res.send ('This is TestBot Server');
});
app.get ('/ webhook', berfungsi (req, res) {
if (req.query ['hub.verify_token'] === 'testbot_verify_token') {
res.send (req.query ['hub.challenge']);
} lain {
res.send ('Token verifikasi tidak valid');
}
});
[/ js]
Simpan file ini sebagai index.js
Catatan: Di Baris 13, nilai 'hub.verify_token' ditetapkan sebagai ' testbot_verify_token', ingat nilai ini karena akan digunakan saat membuat webhook di Facebook.
Buat Git Repository
Sekarang kita telah mengatur penanganan panggilan balik bot kita, kita perlu mendorong kode ke Heroku. Untuk itu, kita perlu membuat repositori git di direktori kita.
Catatan: "git" adalah sistem kontrol versi untuk file dan kode perangkat lunak. Anda dapat membaca lebih lanjut di Wikipedia.
Membuat repositori git itu mudah, dan hanya membutuhkan beberapa perintah Terminal.
Catatan: Pastikan Anda berada di dalam direktori " testbot " di Terminal. Anda dapat melakukan ini dengan mengetikkan perintah pwd ke Terminal.
Ikuti langkah-langkah ini untuk membuat repositori git:
1. git init
2. git add .
3. git commit -m "Register Facebook Webhook"
Setup Heroku
Bahkan sebelum kita masuk ke halaman pengembang Facebook, kita memerlukan URL panggilan balik yang dapat diajak bicara oleh Facebook. URL ini perlu menggunakan protokol https, yang berarti kita perlu menginstal sertifikat SSL di situs web kami; tapi, ini adalah panduan pemula untuk bot messenger Facebook, jadi jangan menyulitkan. Kami akan menggunakan Heroku untuk menyebarkan kode kami. Heroku memberi Anda https URL untuk aplikasi Anda dan memiliki paket gratis yang memenuhi tuntutan kami (sangat mendasar).
Buka situs web Heroku dan daftarkan diri Anda.
Catatan: Di bidang yang bertuliskan "Pilih Bahasa Pengembangan Utama Anda", gunakan "Saya menggunakan bahasa lain".
Setelah selesai, instal Heroku toolbelt untuk OS Anda (Mac, untuk saya), dan instal. Ini akan memberi Anda akses ke Heroku di Terminal Anda (atau command prompt, di Windows).
Selanjutnya, kita akan membuat aplikasi di Heroku, yang akan menampung seluruh kode untuk bot kita. Ikuti langkah-langkah di bawah ini:
1. Luncurkan Terminal
2. Ketikkan heroku login
- Anda akan diminta memasukkan email dan kata sandi Anda.
- Ketikkan email Anda, tekan Enter; lalu, ketik kata sandi Anda, tekan Enter.
- Anda akan masuk ke heroku
3. Ketikkan heroku create
- Ini akan membuat aplikasi di Heroku dan memberi Anda hyperlink. Perhatikan bahwa tautan menggunakan protokol https. Mudah kan?
4. Sekarang Anda dapat mendorong kode aplikasi Anda ke Heroku git push heroku master
5. Setelah ini selesai, aplikasi Anda pada dasarnya hidup, dan Anda dapat mengunjungi tautan di browser Anda untuk memeriksa apakah semuanya berfungsi dengan baik. Itu harus membuka halaman web yang mengatakan " Ini adalah TestBot Server ".
Pengaturan Facebook
Saatnya untuk menghubungkan bot kami ke Facebook! Anda perlu membuat Halaman Facebook baru atau menggunakan yang sudah ada yang Anda miliki. Saya akan menunjukkan cara melanjutkan dengan membuat Halaman Facebook baru.
1. Buka Facebook dan buat halaman baru.
- Anda dapat membuat halaman dalam kategori apa pun yang Anda inginkan. Saya memilih Perusahaan / Organisasi, tanpa alasan tertentu.
2. Langkah selanjutnya yang diperlihatkan Facebook adalah opsional, dan dapat dilewati.
3. Selanjutnya, kunjungi Situs Web Pengembang Facebook.
- Di kanan atas, arahkan mouse Anda pada " Aplikasi Saya " dan kemudian klik " Tambahkan Aplikasi Baru " dari menu drop-down.
- Klik " pengaturan dasar " ketika Facebook meminta Anda untuk memilih platform.
4. Isi rincian untuk Nama Aplikasi Anda dan alamat email kontak.
- Pilih " Aplikasi untuk Halaman " di Kategori.
- Klik pada " Buat ID Aplikasi ".
5. Anda akan dibawa ke dasbor untuk aplikasi Anda. Di bilah sisi, navigasikan ke " + Tambahkan Produk " dan pilih " Messenger " dengan mengklik tombol " Memulai ".
6. Pilih " Atur Webhooks ".
7. Isi bidang yang diperlukan, ganti “Callback URL” dengan URL aplikasi Heroku, Verifikasi Token dengan token yang digunakan dalam file index.js, dan pilih Bidang Langganan berikut:
- message_deliveries
- pesan
- message_optins
- messaging_postbacks
Catatan: Pastikan Anda menambahkan " / webhook " ke URL Panggilan Balik sehingga index.js menjalankan fungsi yang diperlukan ketika Facebook mencoba untuk melakukan ping pada URL, itu dapat memverifikasi "Verifikasi Token".
8. Klik " Verifikasi dan Simpan ".
9. Di bagian “ Pembuatan Token ”, klik “ Pilih Halaman ” dan pilih halaman yang Anda buat sebelumnya.
Ini akan menghasilkan " Token Akses Halaman ", simpan di suatu tempat; Anda akan membutuhkannya nanti.
10. Selanjutnya, Anda harus membuat kueri POST ke aplikasi Anda, menggunakan Token Akses Halaman yang dihasilkan pada langkah terakhir. Ini dapat dengan mudah dilakukan di Terminal. Cukup jalankan perintah berikut, ganti PAGE_ACCESS_TOKEN dengan Token Akses Laman yang Anda buat .
curl -X POST “//graph.facebook.com/v2.6/me/subscribed_apps?access_token=PAGE_ACCESS_TOKEN”
Anda harus menerima respons " sukses " di Terminal.
Lebih Banyak Pengaturan Heroku
Ya, kita belum selesai. Tidak hampir.
1. Pergi ke situs web Heroku dan masuk dengan ID email Anda.
2. Temukan aplikasi Anda di "dasbor" dan klik di atasnya.
3. Navigasikan ke tab Pengaturan.
4. Klik pada " Reveal Config Vars "
5. Tambahkan PAGE_ACCESS_TOKEN sebagai " config var ", dan klik " Tambah ".
Menyandikan Bot yang Sebenarnya
Sekarang setelah kita selesai dengan pekerjaan kasar, kita dapat fokus pada apa yang benar-benar penting: membuat bot merespons pesan. Sebagai permulaan, kami hanya akan merancang bot yang hanya menggemakan pesan yang diterimanya. Ternyata, tugas sederhana ini membutuhkan sedikit kode untuk berfungsi.
1. Mengkode Pendengar Pesan
Sebelum bot dapat mengulangi pesan, ia harus dapat mendengarkan pesan. Ayo lakukan itu dulu.
Dalam file index.js, tambahkan kode berikut:
[js]
app.post ('/ webhook', function (req, res) {
var events = req.body.entry [0] .messaging;
untuk (i = 0; i <events.length; i ++) {
var event = acara [i];
if (event.message && event.message.text) {
sendMessage (event.sender.id, {text: "Echo:" + event.message.text});
}
}
res.sendStatus (200);
});
[/ js]
Apa fungsi ini, apakah memeriksa pesan yang diterima, dan kemudian memeriksa apakah ada teks dalam pesan. Jika ia menemukan teks dalam pesan yang diterima, ia memanggil fungsi sendMessage (ditampilkan nanti), meneruskan ID pengirim dan teks untuk dikirim kembali. Penting untuk memahami nilai-nilai berikut dan apa artinya:
- event.message.text adalah teks yang diterima dalam pesan. Misalnya, jika seseorang mengirim pesan "Halo" ke bot kami, nilai event.message.text akan menjadi "Halo".
- event.sender.id adalah id dari orang yang mengirim pesan ke bot. Ini diperlukan agar bot tahu siapa yang harus ditanggapi.
2. Mengkode Fungsi sendMessage
Mari kode fungsi "sendMessage", sekarang.
[js]
fungsi sendMessage (recipientId, message) {
permintaan({
url: '//graph.facebook.com/v2.6/me/messages',
qs: {access_token: process.env.PAGE_ACCESS_TOKEN},
metode: 'POST',
json: {
penerima: {id: recipientId},
pesan: pesan,
}
}, fungsi (kesalahan, respons, isi) {
if (error) {
console.log ('Kesalahan mengirim pesan:', kesalahan);
} lain jika (response.body.error) {
console.log ('Kesalahan:', response.body.error);
}
});
};
[/ js]
Fungsi "sendMessage" mengambil dua parameter:
- penerima
- pesan
ReceiverId diperlukan agar pesan dapat dialamatkan kepada pengguna yang benar.
Pesan adalah teks aktual yang akan dikirim dalam respons.
3. Mendorong Perubahan ke Heroku
Jika Anda telah menyelesaikan langkah-langkah di atas, bot Anda harus dapat mengulang kembali teks yang diterima. Tapi pertama-tama, Anda harus mendorong perubahan ke aplikasi yang dihosting di Heroku. Untuk melakukan ini, ikuti langkah-langkah yang diberikan di bawah ini:
1. Luncurkan Terminal.
2. Ubah direktori ke direktori testbot Anda
cd testbot
3. Lakukan langkah-langkah berikut:
- git add.
- Catatan: Ada "." Di akhir "git add"
- git commit -m “Komit pertama”
- git dorong master heroku
4. Sekarang kirim pesan ke halaman Anda, dan bot akan mengulangi pesan itu kembali kepada Anda.
Respons Bersyarat alias Membuat Bot Lebih Cerdas
Kami dapat menggunakan pencocokan teks untuk memungkinkan bot messenger Facebook kami merespon sesuai dengan kata kunci khusus tertentu.
Untuk mencapai ini, kita perlu menambahkan fungsi lain. Saya menamakannya "conditionalResponses", tetapi Anda dapat memilih nama apa pun yang Anda inginkan.
1. Mengkode Fungsi ConditionalResponses
[js]
function conditionalResponses (recipientId, text) {
text = text || "";
var what = text.match (/ what / gi); // periksa apakah string teks berisi kata "apa"; abaikan case
varGadget-Info.com = text.match (/ beebom / gi); // periksa apakah string teks berisi kata "beebom"; abaikan case
var who = text.match (/ who / gi); // periksa apakah string teks berisi kata "siapa"; abaikan case
var you = text.match (/ you / gi); // periksa apakah string teks berisi kata "Anda"; abaikan case
// jika teks berisi "apa" dan "beebom", lakukan ini:
if (what! = null &&; Gadget-Info.com! = null) {
message = {
teks: "Beebom adalah situs web yang menawarkan sumber daya teknologi. Selamat datang."
}
sendMessage (recipientId, message);
kembali benar;
}
// jika teks berisi "siapa" dan "Anda", lakukan ini:
if (who! = null && you! = null) {
message = {
teks: "Saya diminta untuk tidak membahas identitas saya secara online."
}
sendMessage (recipientId, message);
kembali benar;
}
// jika tidak ada yang cocok, kembalikan false untuk melanjutkan eksekusi fungsi dalam.
return false;
};
[/ js]
Dalam baris 4 hingga 7, kami telah menetapkan variabel tergantung pada pencocokan string yang diterima dengan kata-kata tertentu. Bagian terbaik tentang menggunakan "text.match ()" adalah ia menggunakan Ekspresi Reguler (biasanya disebut regex, baca lebih lanjut di sini.). Ini baik untuk kita, karena ini berarti bahwa selama bahkan bagian dari kata dalam teks yang diterima cocok dengan salah satu kata yang kita sebutkan di text.match (), variabel tidak akan menjadi nol. Ini berarti, bahwa jika pesan yang diterima adalah "Apa Beebom?", "Var apa" dan "var beebom" tidak akan menjadi nol, karena kata "Apa" berisi kata "apa". Jadi kita diselamatkan dari membuat pernyataan tambahan untuk setiap variasi di mana seseorang mungkin mengatakan "Apa".
2. Mengedit Pendengar Pesan
Kami juga perlu mengedit Pendengar Pesan yang kami kodekan, untuk memastikan bahwa ia mencoba mencocokkan teks yang diterima dengan fungsi "conditionalResponses" juga.
[js]
app.post ('/ webhook', function (req, res) {
var events = req.body.entry [0] .messaging;
untuk (i = 0; i <events.length; i ++) {
var event = acara [i];
if (event.message && event.message.text) {
// pertama-tama coba periksa apakah pesan yang diterima memenuhi syarat untuk respons bersyarat.
if (! conditionalResponses (event.sender.id, event.message.text)) {
// jika tidak, gema pesan yang diterima kembali ke pengirim.
sendMessage (event.sender.id, {text: "Echo:" + event.message.text});
}
}
}
res.sendStatus (200);
});
[/ js]
Perubahan pendengar mungkin tidak terlihat sangat drastis, tetapi pengaruhnya jelas. Sekarang, pendengar pertama-tama mencoba merespons dengan respons bersyarat, dan jika tidak ada kondisi yang valid untuk pesan yang diterima, itu hanya menggemakan pesan kembali ke pengguna.
3. Mendorong Perubahan ke Heroku
Sebelum Anda dapat mencoba fitur-fitur baru, Anda harus mendorong kode yang diperbarui ke aplikasi yang dihosting di Heroku. Ikuti langkah-langkah di bawah ini untuk melakukan ini:
1. Luncurkan Terminal.
2. Ubah direktori ke direktori testbot Anda
cd testbot
3. Lakukan langkah-langkah berikut:
- git add.
- Catatan: Ada "." Di akhir "git add"
- git commit -m “Menambahkan kemampuan bersyarat”
- git dorong master heroku
4. Sekarang kirim pesan ke halaman Anda, dan bot akan mengulangi pesan itu kembali kepada Anda.
Lebih Banyak Fungsi
Bot kami sekarang merespons serangkaian kecil perintah dalam respons yang bagus dan terstruktur dengan baik. Tapi itu masih tidak terlalu berguna. Mari kita buat beberapa perubahan pada kode untuk menjadikan bot kita perangkat lunak yang lebih " fungsional ". Kami akan memperbaiki banyak fungsi, dan menambahkan beberapa lagi, jadi bersemangatlah.
1. Mengedit Pendengar Pesan
Pendengar pesan kami, pada tahap ini, berfungsi dengan baik. Namun, itu tidak diformat dengan sangat baik dan jika kita terus meningkatkan pernyataan bersarang jika menambahkan " pemeriksaan kondisi " tambahan, itu akan dengan cepat menjadi jelek untuk dilihat, sulit dipahami dan lebih lambat dalam eksekusi. Kami tidak menginginkan itu, sekarang, kan? Mari kita lakukan beberapa perubahan.
Catatan: Ada satu baris kode di pendengar pesan yang bertuliskan "res.sendStatus (200)", baris ini mengirimkan kode status 200 ke Facebook, memberi tahu bahwa fungsi tersebut berhasil dijalankan. Menurut dokumentasi Facebook, Facebook menunggu maksimal 20 detik untuk menerima status 200, sebelum memutuskan bahwa pesan tidak melewati dan menghentikan pelaksanaan kode.
Pendengar pesan baru kami terlihat seperti ini. Kami menggunakan perintah " res.sendStatus (200) " untuk menghentikan eksekusi fungsi segera setelah suatu kondisi dicocokkan dan dieksekusi.
[js]
app.post ('/ webhook', function (req, res) {
var events = req.body.entry [0] .messaging;
untuk (i = 0; i <events.length; i ++) {
var event = acara [i];
if (event.message && event.message.text) {
// pertama periksa teks pesan terhadap kondisi introResponse
if (introResponse (event.sender.id, event.message.text)) {
res.sendStatus (200);
}
// karena tidak ada nama yang lebih baik, saya menyebut newResponse ini: p; periksa ini selanjutnya
lain jika (newResponse (event.sender.id, event.message.text)) {
res.sendStatus (200);
}
// selain itu, gema kembali pesan aslinya
lain {
// ganti gema dengan daftar perintah yang valid
sendMessage (event.sender.id, {text: "Echo:" + event.message.text});
}
}
}
res.sendStatus (200);
});
[/ js]
2. Pengodean Fungsi Respons baru
Pendengar pesan kami sekarang memeriksa teks pesan terhadap serangkaian kondisi di "newResponse" juga, tetapi pertama-tama, kita perlu kode fungsi newResponse. Kami akan menggunakan fungsi ini untuk memeriksa apakah pengguna meminta saran artikel dari situs Gadget-Info.com, mencari istilah permintaan di situs web, dan menyajikan tautan ke pengguna. Sekali lagi, kami akan menggunakan ekspresi reguler untuk mencocokkan teks dengan kata kunci tertentu.
[js]
function newResponse (recipientId, text) {
text = text || "";
var suggest = text.match (/ suggest / gi);
var random = text.match (/ random / gi);
var article = text.match (/ article / gi);
var iphone = text.match (/ iphone / gi);
var android = text.match (/ android / gi);
var mac = text.match (/ mac / gi);
var browser = text.match (/ browser / gi);
var vpn = text.match (/ vpn / gi);
// periksa apakah pengguna meminta saran artikel sama sekali
if (sarankan! = null && artikel! = null) {
var query = "";
// jika saran artikel ditanyakan, periksa topik yang dicari pengguna
if (android! = null) {
query = "Android";
} lain jika (mac! = null) {
query = "Mac";
} lain jika (iphone! = null) {
query = "iPhone";
} lain jika (browser! = null) {
query = "Browser";
} lain jika (vpn! = null) {
query = "VPN";
}
sendButtonMessage (recipientId, query);
kembali benar
}
return false;
};
[/ js]
Kami menggunakan fungsi khusus lain yang disebut "sendButtonMessage" untuk mengirim pesan seandainya pengguna meminta saran artikel. Kami akan membuat ini selanjutnya.
3. Mengkode Fungsi sendButtonMessage
Fungsi sendButtonMessage mengambil dua parameter, ID penerima dan permintaan. ID penerima digunakan untuk mengidentifikasi pengguna kepada siapa pesan harus dikirim, dan permintaan digunakan untuk mengidentifikasi topik di mana pengguna menginginkan saran artikel.
[js]
fungsi sendButtonMessage (recipientId, query) {
var messageData = {
penerima: {
id: recipientId
},
pesan: {
lampiran: {
ketik: "template",
muatan: {
template_type: "button",
teks: "Inilah yang saya temukan untuk" + permintaan,
tombol: [{
ketik: "web_url",
url: "//www.beebom.com/?s="+query,
judul: "Beebom:" + permintaan
}]
}
}
}
};
callSendAPI (messageData);
}
[/ js]
Sekali lagi, kami menggunakan fungsi khusus; kali ini untuk mengirim pesan terakhir, dengan tautan artikel, ke pengguna. Fungsi ini, dalam banyak hal, mirip dengan fungsi "sendMessage" yang kami kodekan sebelumnya, tetapi lebih umum dalam cara mengambil data pesan, yang sesuai dengan kami, karena data pesan kami berubah dengan kueri yang dibuat pengguna.
4. Mengkode Fungsi callSendAPI
Fungsi "callSendAPI" mengambil parameter tunggal, "messageData" . Parameter ini berisi seluruh data pesan, yang diformat dengan benar sesuai dengan aturan Facebook, sehingga messenger dapat menampilkannya dengan benar kepada pengguna.
[js]
function callSendAPI (messageData) {
permintaan({
uri: '//graph.facebook.com/v2.6/me/messages',
qs: {access_token: process.env.PAGE_ACCESS_TOKEN},
metode: 'POST',
json: messageData
}, fungsi (kesalahan, respons, isi) {
if (! error && response.statusCode == 200) {
var recipientId = body.recipient_id;
var messageId = body.message_id;
console.log ("Berhasil mengirim pesan umum dengan id% s ke penerima% s",
messageId, recipientId);
} lain {
console.error ("Tidak dapat mengirim pesan.");
console.error (respons);
console.error (error);
}
});
}
[/ js]
5. Mendorong Perubahan ke Heroku
Kami berada pada langkah terakhir untuk menjadikan bot kami yang ditingkatkan langsung. Kami hanya perlu mendorong semua perubahan kode ke Heroku. Prosesnya sama seperti sebelumnya, dan dijelaskan di bawah ini:
1. Luncurkan Terminal.
2. Ubah direktori ke direktori testbot .
cd testbot
3. Lakukan hal berikut:
- git add.
- Catatan: Ada "." Di akhir perintah itu.
- git commit -m “meningkatkan pemeriksaan dan pemformatan kondisi”
- git dorong master heroku
4. Sekarang kirim pesan seperti "Sarankan artikel di Android", atau "Beebom, sarankan saya artikel apa pun tentang topik Android"; dan bot akan mengirim pesan yang diformat dengan baik dengan tautan yang dapat Anda ketuk untuk membuka artikel yang terkait dengan permintaan Anda.
Menggali lebih dalam
Sekarang setelah Anda tahu cara memulai mengembangkan bot messenger Facebook, baca dokumentasi Facebook tentang cara mengembangkan bot messenger Facebook. Meskipun dokumentasinya tidak bagus untuk pemula, Anda bukan pemula lagi. Anda harus memeriksa dokumentasi resmi dan mencoba mencari cara untuk membuat bot Anda lebih pintar. Pemikat: Anda dapat mengirim pesan dengan gambar dan tombol juga! Dimungkinkan juga untuk menggunakan layanan seperti Wit.ai dan Api.ai untuk mengkode bot Anda dan kemudian mengintegrasikannya dengan Facebook, tetapi dalam upaya lemah saya untuk menggunakan layanan tersebut, Wit.ai tidak bekerja dengan baik, dan Api.ai memiliki kurva belajar yang tajam untuk pemula.
Pernahkah Anda mengembangkan bot messenger Facebook? Jika sudah, bagaimana Anda bisa mengembangkannya, dan apa yang bisa ia lakukan? Apakah Anda menggunakan layanan seperti Wit.ai dan Api.ai untuk membuat bot Anda? Jika Anda belum pernah mencoba mengkode bot, buka dan kembangkan bot messenger Facebook Anda sendiri, buat bot itu lebih pintar dan lebih baik, dan beri tahu kami tentang pengalaman Anda dalam komentar di bawah.
