Cách xây dựng một con Bot tự động chat trên Facebook Messenger

Mới đây Facebook đã mở nền tảng Messenger Platform để kích hoạt Bot giao tiếp với những người sử dụng thông qua ứng dụng Facebook Apps và Facebook Pages.

Trong bài viết dưới đây Quản trị mạng sẽ chỉ dẫn bạn cách thành lập một con Bot tự động chat trên Facebook Messenger.

Lưu ý : Bài viết chỉ dẫn bạn cách xây dựng chatbot Messenger của riêng bạn tận gốc không sử dụng công ty của bên thứ ba. Chính vì thế, các hướng dẫn sẽ hơi khó hiểu với các ai không có kiến thức về công nghệ.

Dưới đây là các bước để tạo một bot chat trên Facebook Messenger.

1. Thiết lập

Messenger bot sử dụng web server để xử lý những tin nhắn mà nó thu được hoặc tìm ra các tin nhắn để gửi.

1.1. Xây dựng server

1. Tải và cài đặt Heroku Toolbet ở đây để khởi động, dừng và theo dõi các sự cố.

Nếu chưa hiện hữu tài khoản, bạn có thể đăng nhập miễn phí tại https://www.heroku.com.

2. Truy cập https://nodejs.org để cài đặt Node tạo môi trường server.

Sau đó triển khai mở Terminal hoặc Command Line Prompt để chắc chắn bạn đã cài đặt phiên bản npm mới nhất bằng phương pháp cài đặt nmp một lần nữa:

   sudo npm install npm –g   

3. Tạo một thư mục mới và tạo project Node mới. Nhấn Enter để chấp nhận giá trị mặc định:

   npm init   

4. Cài đặt thêm gói công ty Node Dependencies. Express dành riêng cho server đòi hỏi việc nhắn tin và body-parser là để xử lý tin nhắn:

   npm install express request body-parser --save   

5. Tạo file index.js trong thư mục và copy các đoạn mã dưới đây vào để xác nhận bot:

   'use strict' const express = require('express') const bodyParser = require('body-parser') const request = require('request') const app = express() app.set('port', (process.env.PORT || 5000)) // Process application/x-www-form-urlencoded app.use(bodyParser.urlencoded({extended: false})) // Process application/json app.use(bodyParser.json()) // Index route app.get('/', function (req, res) { res.send('Hello world, I am a chat bot') }) // for Facebook verification app.get('/webhook/', function (req, res) { if (req.query['hub.verify_token'] === 'my_voice_is_my_password_verify_me') { res.send(req.query['hub.challenge']) } res.send('Error, wrong token') }) // Spin up the server app.listen(app.get('port'), function() { console.log('running on port', app.get('port')) })   

6. Tạo một file và đặt tên file là Procfile, sau đó copy dòng mã dưới đây vào để Heroku có thể biết được phải chạy file nào:

   web: node index.js   

7. Xác nhận tất cả mã với Git sau đó tạo một mã Heroku mới và “đẩy” các mã lên cloud:

   git init git add . git commit --message "hello world" heroku create git push heroku master   

1.2. Thiết lập ứng dụng Facebook App

1. Truy cập https://developers.facebook.com/apps/ để tạo hoặc cấu hình Facebook App hoặc Page.

2. Trên ứng dụng, chuyển qua thẻ Messenger sau đó click chọn Setup Webhook . Tại đây nhập mã URL của server Heroku và mã thông báo.

3. Nhận Page Access Token và lưu lại mã này.

4. Quay trở lại Terminal và nhập câu lệnh dưới đây để kích hoạt Facebook app gửi tin nhắn. Lưu ý, thay Page Access Token mà bạn đã lưu ở bước 3 vào phần .

   curl -X POST "https://graph.facebook.com/v2.6/me/subscribed_apps?access_token=  "     

1.3. Thiết lập Bot

1. Thêm vào điểm cuối API để index.js thực hiện qui trình giải quyết tin nhắn. Lưu ý, thay Page Access Token mà bạn đã lưu ở bước 3 vào phần .

   app.post('/webhook/', function (req, res) { let messaging_events = req.body.entry[0].messaging for (let i = 0; i  < messaging_events.length; i++) { let event = req.body.entry[0].messaging[i] let sender = event.sender.id if (event.message && event.message.text) { let text = event.message.text sendTextMessage(sender, "Text received, echo: " + text.substring(0, 200)) } } res.sendStatus(200) }) const token = "  "     

2. Thêm một chức năng để phản hồi lại tin nhắn:

   function sendTextMessage(sender, text) { let messageData = { text:text } request({ url: 'https://graph.facebook.com/v2.6/me/messages', qs: {access_token:token}, method: 'POST', json: { recipient: {id:sender}, message: messageData, } }, function(error, response, body) { if (error) { console.log('Error sending messages: ', error) } else if (response.body.error) { console.log('Error: ', response.body.error) } }) }   

3. Xác nhận đoạn mã một lần nữa và đưa lên Heroku:

   git add . git commit -m 'updated the bot to speak' git push heroku master   

4. Truy cập Facebook và click Message để bắt đầu chat.

2. Tùy chỉnh thông điệp bot “nói”

2.1. Gửi một cấu trúc thông điệp của Message

Facebook Messenger có thể gửi một cấu trúc thông điệp Message dưới dạng card hoặc nút.

1. Copy đoạn mã dưới đây vài index.js để gửi một lời nhắn kiểm tra lại dưới dạng 2 card:

   function sendGenericMessage(sender) { let messageData = { "attachment": { "type": "template", "payload": { "template_type": "generic", "elements": [{ "title": "First card", "subtitle": "Element #1 of an hscroll", "image_url": "http://messengerdemo.parseapp.com/img/rift.png", "buttons": [{ "type": "web_url", "url": "https://www.messenger.com", "title": "web url" }, { "type": "postback", "title": "Postback", "payload": "Payload for first element in a generic bubble", }], }, { "title": "Second card", "subtitle": "Element #2 of an hscroll", "image_url": "http://messengerdemo.parseapp.com/img/gearvr.png", "buttons": [{ "type": "postback", "title": "Postback", "payload": "Payload for second element in a generic bubble", }], }] } } } request({ url: 'https://graph.facebook.com/v2.6/me/messages', qs: {access_token:token}, method: 'POST', json: { recipient: {id:sender}, message: messageData, } }, function(error, response, body) { if (error) { console.log('Error sending messages: ', error) } else if (response.body.error) { console.log('Error: ', response.body.error) } }) }   

2. Cập nhật Webhook API để tìm kiếm các tin nhắn đặc biệt để kích hoạt trên card:

   app.post('/webhook/', function (req, res) { let messaging_events = req.body.entry[0].messaging for (let i = 0; i  < messaging_events.length; i++) { let event = req.body.entry[0].messaging[i] let sender = event.sender.id if (event.message && event.message.text) { let text = event.message.text if (text === 'Generic') { sendGenericMessage(sender) continue } sendTextMessage(sender, "Text received, echo: " + text.substring(0, 200)) } } res.sendStatus(200) })   

2.2. Hồi đáp lại tin nhắn của người dùng

Chuyện gì sẽ diễn ra khi người dùng click vào nút hoặc card trên Message? Trong tình huống này update Webhook API một lần nữa để gửi chức năng postback:

    app.post('/webhook/', function (req, res) { let messaging_events = req.body.entry[0].messaging for (let i = 0; i  < messaging_events.length; i++) { let event = req.body.entry[0].messaging[i] let sender = event.sender.id if (event.message && event.message.text) { let text = event.message.text if (text === 'Generic') { sendGenericMessage(sender) continue } sendTextMessage(sender, "Text received, echo: " + text.substring(0, 200)) } if (event.postback) { let text = JSON.stringify(event.postback) sendTextMessage(sender, "Postback received: "+text.substring(0, 200), token) continue } } res.sendStatus(200) })   

Thêm Git, xác nhận và đưa lên Heroku một lần nữa.

Bây giờ bạn có thể chat với bot và nhập “Generic” để nhìn thấy bot.

Tham khảo thêm 1 số bài viết dưới đây:

• Làm sao để biết ai đã đọc tin nhắn của bạn trên Facebook Message hay chưa?

• Các bước để tạo quảng cáo Facebook

• Tắt Facebook, dành thời gian truy cập vào 37 trang Web này để bổ sung những kiến thức mới mỗi ngày

• Thủ thuật tắt thông báo từ Facebook trên trình duyệt Chrome

Chúc các bạn thành công!

Facebook,facebook platform,xây dựng bot chat trên facebook messenger,messenger,facebook messenger,tạo bot chat messenger

Nội dung Cách xây dựng một con Bot tự động chat trên Facebook Messenger được tổng hợp sưu tầm biên tập bởi: Tin Học Trường Tín. Mọi ý kiến vui lòng gửi Liên Hệ cho truongtin.top để điều chỉnh. truongtin.top tks.