宜搭低代码平台接入 DeepSeek AI 大模型能力原来这么方便!本教程将揭秘宜搭如何快速接入 DeepSeek API,3 步打造专属作诗机器人,也许你还能开发出更多有意思的智能玩法,让创意在代码间自由生长。
第一步:获取个人 DeepSeek 的 API Key
1、 登录 DeepSeek 官网(https://www.deepseek.com/),选择页面右上方「API 开放平台」:
2、 选择左侧API keys
菜单,点击 创建按钮,获取到自己的API Key
(注意 API Key 仅出现一次,需要及时保存本地):
第二步:创建宜搭 DeepSeek 连接器
登录钉钉宜搭低代码平台(https://www.aliwork.com/)
版本要求:宜搭专业版宜搭专属版;权限要求:平台管理员应用管理员
创建连接器
打开宜搭工作台,点击右上角平台管理,选择「连接器工厂」,新建HTTP 连接器
:
连接器配置
注:连接器详细配置说明见:https://docs.aliwork.com/docs/developer/guide/concept/connector
- 连接器基本信息:
- 连接器名称:自定义,后续页面需使用
- 域名:
api.deepseek.com
- 登录方式:
无身份验证
- 连接器执行动作编辑,具体如下:
- 请求地址:
chat/completions
- 请求方式:
POST
- Headers:
Content-Type: application/json Authorization: Bearer <DeepSeek API Key> //<DeepSeek API Key> 部分替换为个人保存的API Keys
- Body:
{ "model":"deepseek-chat", "messages":[ {"role":"system","content":"hello world"} ], "stream":false }
- 保存测试:
- 右上角点击「测试」按钮,测试连接器是否配置成功:
- 若未成功,请参照错误码排查上述配置
宜搭调用 DeepSeek 的场景举例
除连接器的日常流程等常见使用场景,以下教程为搭建一个调用 DeepSeek
自动写诗应用场景。
应用搭建
打开宜搭工作台,右上角创建一个空白应用 -> 新建空白自定义页面,如下图:
页面设计
- 选择多行输入框、按钮、富文本组件:
【非必要】可将控件标题更改自己想要的名称,如按钮标题更改为「呼唤 DeepSeek」;
【建议】控件的唯一标识换成:minput
、button
、DS
(若不更改,后续需将代码中唯一标识换成控件默认标识),更改入口:
- 配置连接器数据源,如图编辑保存:
连接器数据源名称:callDS
(也可自定义,后续JS 面板
中记得更改);
将 「连接器执行动作参数」中的内容替换为:
{ "Headers":{ "Authorization":"", "Content-Type":"" }, "Body":{ "stream":"", "model":"", "messages": [ { "user": "", "content": "" } ] } }
- 配置按钮动作及其
JavaScript
,如下图: onClick
的全部代码替换(需更改控件标识和连接器数据源名称,具体见代码中三处中文注释):
export function onClick() { //下一行「minput」替换为自己拖拽的多行输入框控件的唯一标识 const content = this.$('minput').getValue(); if (!content) { this.utils.toast({ title: '请输入内容!', type: 'error', }); return; } //下一行中「callDS」更换为自己页面上连接器数据源的名称,Header中的「Authorization」需改为自己的 API Keys this.dataSourceMap.callDS.load({ inputs: JSON.stringify({ Headers: { "Authorization": "Bearer sk-********6b49871a061786a01", "Content-Type": "application/json" }, Body: { stream: false, messages: [{ "role": "user", "content": content }], model: "deepseek-chat", } }), }).then((res) => { const { choices = [] } = res; this.utils.toast({ title: '调用成功', type: 'success', }); console.log("res", res) this.setState({ loading: false, }); //下一行中「DS」为富文本控件的唯一标识 this.$('DS').setValue(choices[0].message.content); }).catch((error) => { this.utils.toast({ title: error.message, type: 'error', }); this.setState({ loading: false, }); }); }
欲了解方案详情,请点击此处获取方案咨询
写诗咯
获取访问地址:上述配置完成,保存页面,切换到页面发布:
宜搭页面调用 DeepSeek
成功😄~