Node.js Botframework 4 - Hero Card with buttons doesn't work on Facebook Messanger
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I'm using botframework with Node.js SDK version 4, and i'm try to send an HeroCard to Facebook Messanger.
If i send the card without all it works properly, but if i add some buttons i get a generic error in console that doesn't give me any information.
The error is the following : "[onTurnError]: Error: Facebook API error bot framework"
Doesn't work:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", ["buy","view"]);, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", ["action1","action2"]);], attachmentLayout: "carousel", text:"asd"});
Work without errors:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", );, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", );], attachmentLayout: "carousel", text:"asd"});
Thanks,
Lorenzo
javascript azure botframework facebook-messenger azure-bot-service
add a comment |
I'm using botframework with Node.js SDK version 4, and i'm try to send an HeroCard to Facebook Messanger.
If i send the card without all it works properly, but if i add some buttons i get a generic error in console that doesn't give me any information.
The error is the following : "[onTurnError]: Error: Facebook API error bot framework"
Doesn't work:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", ["buy","view"]);, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", ["action1","action2"]);], attachmentLayout: "carousel", text:"asd"});
Work without errors:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", );, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", );], attachmentLayout: "carousel", text:"asd"});
Thanks,
Lorenzo
javascript azure botframework facebook-messenger azure-bot-service
add a comment |
I'm using botframework with Node.js SDK version 4, and i'm try to send an HeroCard to Facebook Messanger.
If i send the card without all it works properly, but if i add some buttons i get a generic error in console that doesn't give me any information.
The error is the following : "[onTurnError]: Error: Facebook API error bot framework"
Doesn't work:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", ["buy","view"]);, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", ["action1","action2"]);], attachmentLayout: "carousel", text:"asd"});
Work without errors:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", );, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", );], attachmentLayout: "carousel", text:"asd"});
Thanks,
Lorenzo
javascript azure botframework facebook-messenger azure-bot-service
I'm using botframework with Node.js SDK version 4, and i'm try to send an HeroCard to Facebook Messanger.
If i send the card without all it works properly, but if i add some buttons i get a generic error in console that doesn't give me any information.
The error is the following : "[onTurnError]: Error: Facebook API error bot framework"
Doesn't work:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", ["buy","view"]);, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", ["action1","action2"]);], attachmentLayout: "carousel", text:"asd"});
Work without errors:
await turnContext.sendActivity({attachments: [CardFactory.heroCard("Lorem Ipsum 1","https://mysite/myimg.jpg", );, CardFactory.heroCard("Lorem Ipsum 2","https://mysite/myimg.jpg", );], attachmentLayout: "carousel", text:"asd"});
Thanks,
Lorenzo
javascript azure botframework facebook-messenger azure-bot-service
javascript azure botframework facebook-messenger azure-bot-service
edited Nov 16 '18 at 14:07
JBerta93
asked Nov 16 '18 at 13:10
JBerta93JBerta93
3592825
3592825
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
It looks like you are not providing the correct parameters for the card action. At least in the code you posted you are just adding a string instead of an actual card action.
Try something like this:
CardFactory.heroCard(
'BotFramework Hero Card',
CardFactory.images(['https://sec.ch9.ms/ch9/7ff5/e07cfef0-aa3b-40bb-9baa-7c9ef8ff7ff5/buildreactionbotframework_960.jpg']),
CardFactory.actions([
{
type: 'openUrl',
title: 'Get started',
value: 'https://docs.microsoft.com/en-us/azure/bot-service/'
}
])
);
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53338583%2fnode-js-botframework-4-hero-card-with-buttons-doesnt-work-on-facebook-messang%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
It looks like you are not providing the correct parameters for the card action. At least in the code you posted you are just adding a string instead of an actual card action.
Try something like this:
CardFactory.heroCard(
'BotFramework Hero Card',
CardFactory.images(['https://sec.ch9.ms/ch9/7ff5/e07cfef0-aa3b-40bb-9baa-7c9ef8ff7ff5/buildreactionbotframework_960.jpg']),
CardFactory.actions([
{
type: 'openUrl',
title: 'Get started',
value: 'https://docs.microsoft.com/en-us/azure/bot-service/'
}
])
);
add a comment |
It looks like you are not providing the correct parameters for the card action. At least in the code you posted you are just adding a string instead of an actual card action.
Try something like this:
CardFactory.heroCard(
'BotFramework Hero Card',
CardFactory.images(['https://sec.ch9.ms/ch9/7ff5/e07cfef0-aa3b-40bb-9baa-7c9ef8ff7ff5/buildreactionbotframework_960.jpg']),
CardFactory.actions([
{
type: 'openUrl',
title: 'Get started',
value: 'https://docs.microsoft.com/en-us/azure/bot-service/'
}
])
);
add a comment |
It looks like you are not providing the correct parameters for the card action. At least in the code you posted you are just adding a string instead of an actual card action.
Try something like this:
CardFactory.heroCard(
'BotFramework Hero Card',
CardFactory.images(['https://sec.ch9.ms/ch9/7ff5/e07cfef0-aa3b-40bb-9baa-7c9ef8ff7ff5/buildreactionbotframework_960.jpg']),
CardFactory.actions([
{
type: 'openUrl',
title: 'Get started',
value: 'https://docs.microsoft.com/en-us/azure/bot-service/'
}
])
);
It looks like you are not providing the correct parameters for the card action. At least in the code you posted you are just adding a string instead of an actual card action.
Try something like this:
CardFactory.heroCard(
'BotFramework Hero Card',
CardFactory.images(['https://sec.ch9.ms/ch9/7ff5/e07cfef0-aa3b-40bb-9baa-7c9ef8ff7ff5/buildreactionbotframework_960.jpg']),
CardFactory.actions([
{
type: 'openUrl',
title: 'Get started',
value: 'https://docs.microsoft.com/en-us/azure/bot-service/'
}
])
);
answered Nov 16 '18 at 15:48
D4RKCIDED4RKCIDE
3,23711430
3,23711430
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53338583%2fnode-js-botframework-4-hero-card-with-buttons-doesnt-work-on-facebook-messang%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown