文档

【集成示例】网页端

更新时间:

网页浏览器集成智能对话机器人大模型问答

效果展示

概览

image

  1. 调用ApplyForStreamAccessToken接口。参考文档:ApplyForStreamAccessToken - 获取流式调用的连接信息

  2. ApplyForStreamAccessToken接口,返回的连接签名信息有效期2小时,必须在到期前重新获取

  3. 接收到用户发送的消息,并调用自定义的代理SSE接口

  4. 计算会话接口签名。参考文档:会话接口签名

  5. 调用会话接口,监听SSE事件,获取大模型流式输出。参考文档:流式会话接口

  6. 大模型流式接口会多次返回,由前端SDK解析并渲染大模型的回复。前端SDK

示例

示例工程代码

web-java-proxy-chat-example.zip

如何运行

  1. 本示例工程的运行环境要求为JDK 8,参考文档:在Windows安装JDK

  2. 根据智能对话机器人配置操作完成后,获取示例工程中的参数中的参数

  3. 将上面提到的参数填写到示例工程的application.properties配置文件中

  4. 运行com.aliyun.chatbot.channel.WebApplication

  5. 浏览器打开 http://localhost:8080/ 即可进行对话问答

示例工程中的参数

名称

描述

ALIYUN_ACCESS_KEY

阿里云账号AK

ALIYUN_SECRET_KEY

阿里云账号SK

CHATBOT_INSTANCE_ID

机器人id

CHATBOT_AGENT_KEY

业务空间AgentKey,获取地址:业务空间管理

智能对话机器人配置

  1. 进入智能对话机器人控制台,https://chatbot.console.aliyun.com

  2. 机器人创建,获取机器人id,发布机器人(如无发布按钮则跳过)

    image

  3. 获取业务空间AgentKey,地址:业务空间管理

    image

  4. 阿里云账号AKSK获取,地址:AccessKey