关于node.js：无法在createDirectLine(botframework webchat)中成功传递Javascript变量导致403错误

Unable to succesfully pass Javascript variable in createDirectLine (botframework webchat) resulting in 403 error

每个网络聊天会话，我都会从与 https://webchat.botframework.com/api/tokens 对话的 restify 服务中检索一个令牌。我使用直接密码来获取令牌。令牌被正确检索。当我手动使用令牌(通过在 html 中输入)时，网络聊天会呈现。当我在函数中传递 Javascript 变量时，我无法创建直线。一些指导表示赞赏。一种解决方法是在 html 中使用秘密，但我宁愿不这样做

我尝试了多种语法来传递变量：window.WebChat.createDirectLine({ webChatToken }) or (webChatToken) or ({ webChatToken }) or (token: webChatToken) and ({ token: webChatToken })

唯一有效的方法是在 html 中手动输入令牌。

我使用我的 index.js(用于示例机器人)中的 restify 服务器来侦听和处理令牌请求：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

// Create HTTP server and Cors
let server = restify.createServer();
server.pre(cors.preflight);
server.use(cors.actual);
server.listen(process.env.port || process.env.PORT || 3978, function() {
});

// Listen for bot requests.
server.post(‘/api/messages’, (req, res) => {
adapter.processActivity(req, res, async (context) => {
await bot.run(context);
});
});

// Listen for token requests.
server.get(‘/api/token’,
async function(req, res) {
const result = await fetch(‘https://webchat.botframework.com/api/tokens’, {
method: ‘GET’,
headers: {
Authorization: `Bearer ${ process.env.directLineSecret }`
}
});
const token = await result.json();
console.log(token);
res.send(token);
});

以及 html 和 Javascript 代码中的网络聊天客户端。在此示例中，它与 restify 服务器的本地实例通信。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

//get token
const webChatToken = getToken();

window.WebChat.renderWebChat({
directLine: window.WebChat.createDirectLine({ webChatToken }),
renderMarkdown: markdownIt.render.bind(markdownIt),
store,
// styling
styleOptions: {
},
userID: ‘N/A’,
username: ‘Web Chat User’,
locale: ‘nl-nl’
}, document.getElementById(‘webchat’));

async function getToken() {
const res = await fetch(‘http://localhost:3978/api/token’);
const token = await res.json();
return token;
}

我希望有一个可以工作的网络聊天客户端。在 chrome dev 扩展中，我看到 “POST https://directline.botframework.com/v3/directline/conversations 403 (Forbidden)。
直达api对应的响应：

{
“错误”： {
“code”: “BadArgument”,
“message”: “无效的令牌或秘密”
}
}

直线选项具有 token 属性，而不是 webChatToken 属性。您需要在选项对象中将 token 值设置为 webChatToken。查看下面的代码片段和 Direct Line Documentetion，了解有关初始化 Web Chat 和 Direct Line 客户端的更多详细信息。

1
2
3
4
5
6
7
8
9
10

(async function () {
const res = await fetch(‘http://localhost:3978/api/token’, { method: ‘GET’ });
const webChatToken = await res.json();

window.WebChat.renderWebChat({
directLine: window.WebChat.createDirectLine({ token: webChatToken })
}, document.getElementById(‘webchat’));

document.querySelector(‘#webchat > *’).focus();
})().catch(err => console.error(err));

希望这会有所帮助！

Unable to succesfully pass Javascript variable in createDirectLine (botframework webchat) resulting in 403 error

猜你喜欢