87 lines
3.1 KiB
HTML
87 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta name="renderer" content="webkit"/>
|
|
<meta name="force-rendering" content="webkit"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover"/>
|
|
<title>智能助理</title>
|
|
<link rel="stylesheet" href="https://g.alicdn.com/chatui/sdk-v2/0.3.8/sdk.css">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script src="https://g.alicdn.com/chatui/sdk-v2/0.3.8/sdk.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/lib/marked.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/dompurify/dist/purify.min.js"></script>
|
|
<!--<script src="https://g.alicdn.com/chatui/extensions/5.18.0/isv-parser.js"></script>-->
|
|
<script>
|
|
const messages = [];
|
|
|
|
var bot = new ChatSDK({
|
|
config: {
|
|
navbar: {
|
|
title: '智能助理'
|
|
},
|
|
robot: {
|
|
avatar: 'https://gw.alicdn.com/tfs/TB1U7FBiAT2gK0jSZPcXXcKkpXa-108-108.jpg'
|
|
},
|
|
// 用户头像
|
|
user: {
|
|
avatar: 'https://gw.alicdn.com/tfs/TB1DYHLwMHqK1RjSZFEXXcGMXXa-56-62.svg',
|
|
},
|
|
messages: [
|
|
{
|
|
type: 'text',
|
|
content: {
|
|
text: '智能助理为您服务，请问有什么可以帮您？'
|
|
}
|
|
}
|
|
]
|
|
},
|
|
requests: {
|
|
send: function (msg) {
|
|
// alert(msg.content.text)
|
|
// messages.push({role: "user", content: msg.content.text});
|
|
const body = JSON.stringify({ "prompt": msg.content.text});
|
|
// console.log(body);
|
|
if (msg.type === 'text') {
|
|
return {
|
|
method: 'POST',
|
|
url: '/v1/ai/completionsTest',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: body
|
|
};
|
|
}
|
|
}
|
|
},
|
|
handlers: {
|
|
onToolbarClick: function (item, ctx) {
|
|
// item 即为上面 toolbar 中被点击的那一项，可通过 item.type 区分
|
|
// ctx 为上下文，可用 ctx.appendMessage 渲染消息等
|
|
// alert(123);
|
|
},
|
|
|
|
parseResponse: function (res, requestType) {
|
|
// alert(requestType);
|
|
console.log(res);
|
|
if (requestType === 'send' && res?.choices?.length > 0) {
|
|
let res1 = res?.choices[0]?.message?.content;
|
|
|
|
res1 = DOMPurify.sanitize(res1)
|
|
|
|
return {type: 'text', content: {text: res1}};
|
|
}
|
|
return res;
|
|
}
|
|
}
|
|
});
|
|
|
|
bot.run();
|
|
</script>
|
|
<script src="https://g.alicdn.com/chatui/icons/2.0.2/index.js" async></script>
|
|
</body>
|
|
</html> |