• Network
  • Security
  • Software
  • Thủ thuật
  • Tin tức
  • Video hướng dẫn
AnonyViet
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
No Result
View All Result
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
No Result
View All Result
AnonyViet
No Result
View All Result

Hướng dẫn tạo BOT Chat Facebook Messenger trên FanPage

AnonyViet by AnonyViet
in Facebook
Reading Time: 6 mins read
A A
1

Mục lục bài viết

  1. 1. Thiết lập
    1. 1.1. Xây dựng server
    2. 1.2. Thiết lập ứng dụng Facebook App
    3. 1.3. Thiết lập Bot
  2. 2. Tùy chỉnh thông điệp bot “nói”
    1. 2.1. Gửi một cấu trúc thông điệp của Message
    2. 2.2. Hồi đáp lại tin nhắn của người dùng

Dạo này các Page nổi tiếng đều có sử dụng loại BOT Chat tự động trả lời tin nhắn, giống ứng dụng Simsimi tự kỷ, hôm nay AnonyViet sẽ hướng dẫn tạo BOT Chat Facebook Messenger trên FanPage riêng cho mình, chỉ cần làm tuần tự các bước hướng dẫn dưới đây là được nhé

Tham gia kênh Telegram của AnonyViet 👉 Link 👈

con Bot tự động chat trên Facebook Messenger

Các bài viết liên quan

Hướng Dẫn Tạo BOT Chat FB Messenger chi tiết bằng hình ảnh 11

Hướng Dẫn Tạo BOT Chat FB Messenger chi tiết bằng hình ảnh

08/01/2017 - Updated on 16/12/2020
5 Cách giúp tự tạo Bot Facebook Messenger không cần lập trình 1

5 Cách giúp tự tạo Bot Facebook Messenger không cần lập trình

06/01/2017 - Updated on 16/12/2020

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ó nhận đượ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 tại đây: https://toolbelt.heroku.com/ để khởi động, dừng và theo dõi các sự cố.

Nếu chưa có 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 đó tiến hành 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 cách 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 dịch vụ Node Dependencies. Express dành cho server yêu cầu việc gửi tin nhắn 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:

var express = require('express')
var bodyParser = require('body-parser')
var request = require('request')
var 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

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:

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.

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.

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.

Page Access Token

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 ý, sử dụng mã thông báo mà bạn đã sử dụng trước đó.

  1. curl -X POST "https://graph.facebook.com/v2.6/me/subscribed_apps?access_token=<PAGE_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 quá trình xử lý tin nhắn. Lưu ý, bao gồm cả mã thông báo bạn nhận trước đó:

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

var token = "<PAGE_ACCESS_TOKEN>"

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

function sendTextMessage(sender, text) {
    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à đẩy 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.

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.

cấu trúc thông điệp Message

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

function sendGenericMessage(sender) {
    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) {
    messaging_events = req.body.entry[0].messaging
    for (i = 0; i < messaging_events.length; i++) {
        event = req.body.entry[0].messaging[i]
        sender = event.sender.id
        if (event.message && event.message.text) {
            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ẽ xảy ra khi người dùng click vào nút hoặc card trên Message? Trong trường hợp này update Webhook API một lần nữa để gửi chức năng postback:

    ```
app.post('/webhook/', function (req, res) {
    messaging_events = req.body.entry[0].messaging
    for (i = 0; i < messaging_events.length; i++) {
        event = req.body.entry[0].messaging[i]
        sender = event.sender.id
        if (event.message && event.message.text) {
            text = event.message.text
            if (text === 'Generic') {
                sendGenericMessage(sender)
                continue
            }
            sendTextMessage(sender, "Text received, echo: " + text.substring(0, 200))
        }
        if (event.postback) {
            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à đẩy 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.

Author: Quantrimang.com

Bài viết đạt: 5/5 - (100 bình chọn)
Tags: BOT Chat Facebook MessengerBOT Chat Facebook Messenger trên FanPagetạo bot chattạo bot chat facebooktạo bot chat fanpagetự động chat facebook
AnonyViet

AnonyViet

Kiến thức như một ngọn lửa, càng chia sẽ nó sẽ càng bùng cháy!

Related Posts

Cách tạo tài khoản Facebook phụ không cần Email, SĐT 1
Facebook

Cách tạo tài khoản Facebook phụ không cần Email, SĐT

17/09/2023
Cách chỉnh thanh điều hướng Facebook để có những tính năng mới 2
Facebook

Cách chỉnh thanh điều hướng Facebook để có những tính năng mới

22/07/2023
Code tạo Page tự động trên Facebook 3
Facebook

Code tạo Page tự động trên Facebook

30/04/2023
Hướng dẫn cách xóa lịch sử tìm kiếm trên Facebook 4
Facebook

Hướng dẫn cách xóa lịch sử tìm kiếm trên Facebook

14/04/2023
download video fb về máy tính
Facebook

Cách nhanh nhất để tải video Facebook về máy tính và điện thoại

30/11/2022
Cách kiếm tiền bằng "Chế độ chuyên nghiệp" trên Facebook 5
Facebook

Cách kiếm tiền bằng “Chế độ chuyên nghiệp” trên Facebook

12/11/2022 - Updated on 13/11/2022
Next Post
Javascript Hoa mai đào rơi trang trí Tết cho Website

Javascript Hoa mai đào rơi trang trí Tết cho Website

Subscribe
Notify of
guest

guest

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

1 Comment
oldest
newest
Inline Feedbacks
View all comments
Nguyễn Lam
Nguyễn Lam
6 years ago

Bài viết rất hữu ích cho newbie

Reply
wpdiscuz   wpDiscuz

Liên hệ Quảng Cáo

Lien he AnonyViet

Các bài mới

Cách chèn logo hàng loạt vào từng slide Powerpoint 6

Cách chèn logo hàng loạt vào từng slide Powerpoint

30/09/2023
Cách xem TikTok không cần Internet 7

Cách xem TikTok không cần Internet

30/09/2023
3 cách khôi phục menu chuột phải cũ trong Windows 11 8

3 cách khôi phục menu chuột phải cũ trong Windows 11

29/09/2023
macOS Sonoma ra mắt với nhiều cải tiến mới 9

macOS Sonoma ra mắt với nhiều cải tiến mới

29/09/2023
Prodima - Trung tâm đào tạo seo tại TPHCM uy tín, chất lượng nhất hiện nay 10

Prodima – Trung tâm đào tạo seo tại TPHCM uy tín, chất lượng nhất hiện nay

28/09/2023

Ads

Giới thiệu

AnonyViet

AnonyViet

Nơi chia sẻ những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

Chúng tôi sẵn sàng đón những ý kiến đóng góp, cũng như bài viết của các bạn gửi đến AnonyViet.

Hãy cùng AnonyViet xây dựng một cộng đồng CNTT lớn mạnh nhất!

Giới thiệu

AnonyViet là Website chia sẻ miễn phí tất cả các kiến thức về công nghệ thông tin. AnonyViet cung cấp mọi giải pháp về mạng máy tính, phần mềm, đồ họa và MMO.

Liên hệ

Email: anonyviet.com[@]gmail.com

1409 Hill Street #01-01A
Old Hill Street Police Station
Singapore 179369

 

Bản quyền: DMCA.com Protection Status

Phản hồi gần đây

  • fre fir trong Cách vượt Xác thực 2 yếu tố cho Facebook mới nhất
  • khanh trong Full hướng dẫn học Hack trên Kali Linux
  • Thuong trong Hướng dẫn cài Qv2Ray để Hack 4G trên Windows
  • AnonyViet trong Download Panel TMV: Panel chỉnh sửa ảnh miễn phí cho Photoshop
  • T MV trong Download Panel TMV: Panel chỉnh sửa ảnh miễn phí cho Photoshop

©2023 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ ku11net.link F8BET W88 ST666 https://jun886.net Trực tiếp bóng đá xoilac tv ae888 New 88 new88 Nhà cái New88 uy tín https://vn88.news/ suncity https://hi88g.com/ Dewabet Fun88 SODO CASINO vn88 vc ae3888 sodo casino 79king.cam ee88788.com go88 nhà cái Jun88 uy tín https://jun88.land/ Twin xem bong da truc tiep ku11 https://st6667.com/ Nhà Cái PTWIN i9betcom.net NHÀ CÁI UY TÍN 789WIN xem keo nha cai Xoilac tv Vnloto Lucky88 cwin 12BET MNCX Five88 dự đoán xổ số nhacai banca Lode88 6686vni.com Game mobile lodeonline awin681.com 8us Lucky88 Xoso66 onbet 789win 333666.casino 123b com new88 hi88 VN138 nhận định kèo nhà cái sv388bet.cam hitclub.bz 7ball sunwin Kubet1 nohu52.fun https://tdtcblog.club/ http://win79bet.club/ https://sunwin1.in/ QH88 https://kubet77.to https://bongdanet.win/ Jun88 new88788.com tdtc.guru KUBET77 Nhà Cái Uy Tín Onl SM66 bossnhacai.com https://kubet88.gg/ Cubet nhà cái j88 Net88 game bài đổi thưởng socolive https://kubet.icu socolive tv

No Result
View All Result
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC

©2023 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ ku11net.link F8BET W88 ST666 https://jun886.net Trực tiếp bóng đá xoilac tv ae888 New 88 new88 Nhà cái New88 uy tín https://vn88.news/ suncity https://hi88g.com/ Dewabet Fun88 SODO CASINO vn88 vc ae3888 sodo casino 79king.cam ee88788.com go88 nhà cái Jun88 uy tín https://jun88.land/ Twin xem bong da truc tiep ku11 https://st6667.com/ Nhà Cái PTWIN i9betcom.net NHÀ CÁI UY TÍN 789WIN xem keo nha cai Xoilac tv Vnloto Lucky88 cwin 12BET MNCX Five88 dự đoán xổ số nhacai banca Lode88 6686vni.com Game mobile lodeonline awin681.com 8us Lucky88 Xoso66 onbet 789win 333666.casino 123b com new88 hi88 VN138 nhận định kèo nhà cái sv388bet.cam hitclub.bz 7ball sunwin Kubet1 nohu52.fun https://tdtcblog.club/ http://win79bet.club/ https://sunwin1.in/ QH88 https://kubet77.to https://bongdanet.win/ Jun88 new88788.com tdtc.guru KUBET77 Nhà Cái Uy Tín Onl SM66 bossnhacai.com https://kubet88.gg/ Cubet nhà cái j88 Net88 game bài đổi thưởng socolive https://kubet.icu socolive tv

wpDiscuz