Simple Facebook Messenger Platform Bot API
- Install
- Example
- API
- send (options[, callback])
- sendText (options[, callback])
- sendAttachment (options[, callback])
- sendImage (options[, callback])
- sendButtons (options[, callback])
- sendGeneric (options[, callback])
- sendList (options[, callback])
- sendAction (options[, callback])
- sendReceipt (options[, callback])
- setGetStarted (options[, callback])
- setWhitelist (options[, callback])
- setPersistentMenu (options[, callback])
- getUserProfile (userId[, callback])
- getPSID (accountLinkingToken[, callback])
- createWebURLButton (title, url)
- createAccountLinkButton (url)
- createPostbackButton (title, payload)
- createShareButton ()
- createQuickReply (title, payload[, imageURL])
- createShareLocation ()
- createListElement (options)
- createButtonTemplate (text, buttons)
- createGenericTemplate (elements)
- createListTemplate (options)
- handleMessage (req)
- Events
- Change Log
npm i botly --save
const express = require("express");
const Botly = require("botly");
const botly = new Botly({
accessToken: pageAccessToken, //page access token provided by facebook
verifyToken: verificationToken, //needed when using express - the verification token you provided when defining the webhook in facebook
webHookPath: yourWebHookPath, //defaults to "/",
notificationType: Botly.CONST.REGULAR //already the default (optional),
});
botly.on("message", (senderId, message, data) => {
let text = `echo: ${data.text}`;
botly.sendText({
id: senderId,
text: text
});
});
const app = express();
app.use("/webhook", botly.router());
app.listen(3000);
You can also clone the repository and run a complete bot example from the example
folder.
botly.send({
id: userId,
message: {text: "Hi There!"}
}, function (err, data) {
//log it
});
botly.sendText({id: userId, text: "Hi There!"}, function (err, data) {
//log it
});
botly.sendAttachment({
id: userId,
type: Botly.CONST.ATTACHMENT_TYPE.IMAGE,
payload: {url: "http://example.com/image.png"}
}, function (err, data) {
//log it
});
botly.sendImage({id: userId, url: "http://example.com/image.png"}, function (err, data) {
//log it
});
let buttons = [];
buttons.push(botly.createWebURLButton("Go to Askrround", "http://askrround.com"));
buttons.push(botly.createPostbackButton("Continue", "continue"));
botly.sendButtons({id: userId, text: "What do you want to do next?", buttons: buttons}
, function (err, data) {
//log it
});
let buttons = [];
buttons.push(botly.createWebURLButton("Go to Askrround", "http://askrround.com"));
buttons.push(botly.createPostbackButton("Continue", "continue"));
let element = {
title: "What do you want to do next?",
item_url: "http://example.com",
image_url: "http://example.com/image.png",
subtitle: "Choose now!",
buttons: buttons
}
botly.sendGeneric({id: userId, elements: element}, function (err, data) {
console.log("send generic cb:", err, data);
});
let buttons = [];
buttons.push(botly.createPostbackButton("Continue", "continue"));
let element = botly.createListElement({
title: "Classic T-Shirt Collection",
image_url: "https://peterssendreceiveapp.ngrok.io/img/collection.png",
subtitle: "See all our colors",
buttons: {title: "Go to Askrround", url: "http://askrround.com"},
default_action: {
"url": "https://peterssendreceiveapp.ngrok.io/shop_collection",
}
});
botly.sendList({id: userId, elements: element, buttons: buttons}, function (err, data) {
console.log("send generic cb:", err, data);
});
botly.sendAction({id: userId, action: Botly.CONST.ACTION_TYPES.TYPING_ON}, function (err, data) {
//log it
});
let payload = {
"recipient_name": "Stephane Crozatier",
"order_number": "12345678902",
"currency": "USD",
"payment_method": "Visa 2345",
"order_url": "http://petersapparel.parseapp.com/order?order_id=123456",
"timestamp": "1428444852",
"elements": [
{
"title": "Classic White T-Shirt",
"subtitle": "100% Soft and Luxurious Cotton",
"quantity": 2,
"price": 50,
"currency": "USD",
"image_url": "http://petersapparel.parseapp.com/img/whiteshirt.png"
},
{
"title": "Classic Gray T-Shirt",
"subtitle": "100% Soft and Luxurious Cotton",
"quantity": 1,
"price": 25,
"currency": "USD",
"image_url": "http://petersapparel.parseapp.com/img/grayshirt.png"
}
],
"address": {
"street_1": "1 Hacker Way",
"street_2": "",
"city": "Menlo Park",
"postal_code": "94025",
"state": "CA",
"country": "US"
},
"summary": {
"subtotal": 75.00,
"shipping_cost": 4.95,
"total_tax": 6.19,
"total_cost": 56.14
},
"adjustments": [
{
"name": "New Customer Discount",
"amount": 20
},
{
"name": "$10 Off Coupon",
"amount": 10
}
]
};
botly.sendReceipt({id: sender, payload: payload}, function (err, data) {
console.log("send generic cb:", err, data);
});
botly.setGetStarted({pageId: "myPage", payload: "GET_STARTED_CLICKED"}, function (err, body) {
//log it
});
botly.setWhitelist({whiteList: ["https://askhaley.com"], actionType: "add" /*default*/}, function (err, body) {
//log it
});
botly.setPersistentMenu({pageId: "myPage", buttons: [botly.createPostbackButton('reset', 'reset_me')]}, function (err, body) {
//log it
});
Also supports passing an object as {id: userId, accessToken: OTHER_TOKEN}
botly.getUserProfile(userId, function (err, info) {
//cache it
});
Used to retrieve the user page-scoped ID (PSID) during the linking flow.
Also supports passing an object as {token: accountLinkingToken, accessToken: OTHER_TOKEN}
botly.getUserProfile(accountLinkingToken, function (err, info) {
//cache it
});
sendAttachment
and sendText
both support optional quick_replies
share location quick reply
Will create a list element. default_action
will be added web_url
type, and will create button according to properties (url
means web_url
and payload
means postback
)
Where buttons
can be a single button or an array of buttons.
Where elements
can be a single element or an array of elements.
Where options
has bottons
and elements
- an array will be created automatically if a single item was passed.
If you are not using express, you can use this function to parse the request from facebook in order to generate the proper events.
req
should have a body property.
botly.on("message", (sender, message, data) => {
/**
* where data can be a text message or an attachment
* data = {
* text: "text entered by user"
* }
* OR
* data = {
* attachments: {
* image: ["imageURL1", "imageURL2"],
* video: ["videoURL"],
* audio: ["audioURL1"],
* location: [{coordinates}]
* }
* }
*/
});
botly.on("postback", (sender, message, postback, ref) => {
/**
* where postback is the postback payload
* and ref will arrive if m.me params were passed on a get started button (if defined)
*/
});
botly.on("delivery", (sender, message, mids) => {
/**
* where mids is an array of mids
*/
});
botly.on("optin", (sender, message, optin) => {
/**
* where optin is the ref pass through param
*/
});
botly.on("error", (ex) => {
/* handle exceptions */
});
botly.on("sent", (to, message) => {
/* track it */
});
botly.on("echo", (sender, message, content) => {
/* track it */
});
botly.on("account_link", (sender, message, link) => {
/**
* where link is the the object containing the status and authorization code
*/
});
botly.on("referral", (sender, message, ref) => {
/**
* where ref is the data in the m.me param
*/
});
- support version 1.3 of messenger including the new list template
- support for referral params on m.me links
- added support for webview height in web url button
- added support setWhitelist for webview items
- added createShare button
- added support for location share quick reply
- added imageURL to quick reply
- Send 403 status code when verify token is invalid
- fixed duplicate messages on echo
- added echo event support
- added support for account linking functionality (event, getPSID)
- added ability to override accessToken on all APIs for multiple pages support
- added support for sender actions using
sendAction
(mark seen/ typing on/ typing off)
- added send event - useful for tracking
- quick replies are considered as postback and not regular message
- removed
createTemplate
function - was too verbose - moved to object parameters - too many parameters
- added support for quick replies
- add support for persistent menu
- added support for audio/video/file attachments
- renamed setWelcomeScreen to setGetStarted since no longer supported by facebook.