devbox
小丑西瓜9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

【鸿蒙】大模型对话应用（一）：大模型接口对接与调试_模型 接口

作者：小丑西瓜9 | 2024-06-06 14:01:59

赞

踩

模型 接口

Demo介绍

本demo对接阿里云和百度的大模型API，实现一个简单的对话应用。

DecEco Studio版本：DevEco Studio 3.1.1 Release

HarmonyOS API版本：API9

关键点：ArkTS、ArkUI、UIAbility、网络http请求、列表布局

官方接口文档

此链接为当前时间（2024-1-26）文档链接地址，可能发生迁移变更，以官方为准。

阿里云通义千文API接口文档地址：通义千问API如何使用_模型服务灵积(DashScope)-阿里云帮助中心

百度智能云千帆大模型API接口文档地址：鉴权介绍 - 千帆大模型平台 | 百度智能云文档

新建项目

API9，Stage模型（需要联网）

资源同步下载结束后，打开预览器，可正常预览页面

实现API接口调用

新建http目录，在其中并在此目录下新建两个ts文件，分别实现调用阿里云和百度的API接口

申请网络权限

1、对接阿里云API

开通服务并获得API-KEY

请参照：如何开通DashScope并创建API-KEY_模型服务灵积(DashScope)-阿里云帮助中心

开通完成后，可在工作台拿到接口请求的鉴权信息：API-KEY，发起http时请求头header需要携带

参照文档实现请求方法

根据接口文档构造请求体，发起http请求，完成大模型对话

接口文档：通义千问API如何使用_模型服务灵积(DashScope)-阿里云帮助中心

实现ALiYunHttpUtils 类的 request 方法。

  1.  
  2. import http from '@ohos.net.http';
  3. import hilog from '@ohos.hilog';
  4. class ALiYunHttpUtils {
  5.  
  6.   request(question: string) {
  7.     hilog.info(0x0000, 'testTag', 'ALiYunHttpUtils request invoke. question: %{public}s', question);
  8.  
  9.     // 1 createHttp接口创建请求
  10.     let httpRequest = http.createHttp();
  11.  
  12.     // 2 发起请求
  13.     httpRequest.request(
  14.       // 请求地址
  15.       "https://dashscope.aliyuncs.com/api/v1/services/aigc/text-generation/generation",
  16.       // 请求options: HttpRequestOptions
  17.       {
  18.         // 请求方式
  19.         method: http.RequestMethod.POST,
  20.         // 请求头
  21.         header: {
  22.           "Content-Type": "application/json",
  23.           // 这里的Authorization 就是刚才工作台查看的 API-KEY
  24.           "Authorization": "sk-0bxxxxxxxxxxxxxxxxc3" // 脱敏处理
  25.         },
  26.         // 请求体
  27.         extraData: {
  28.           "model": "qwen-plus", // 指定用于对话的通义千问模型名
  29.           "input": {
  30.             "messages": [
  31.               {
  32.                 "role": "user",
  33.                 "content": question // 请求发起方传入的问题
  34.               }
  35.             ]
  36.           }
  37.         }
  38.       }, (err, data: http.HttpResponse) => {
  39.         if (err) {
  40.           hilog.error(0x0000, 'testTag', 'Failed to request ALiYun. Cause: %{public}s', JSON.stringify(err) ?? '');
  41.           httpRequest.destroy();
  42.         } else {
  43.           hilog.error(0x0000, 'testTag', 'Request ALiYun success. data: %{public}s', JSON.stringify(data.result));
  44.           httpRequest.destroy();
  45.         }
  46.       })
  47.   }
  48.   
  49. }
  50. export default new ALiYunHttpUtils;
调用http请求方法

在index页面加载的时候，调用ALiYunHttpUtils.request方法

刷新页面触发请求

刷新或重启Preview预览器，index页面重新加载，会执行aboutToAppear方法；

打开Log控制台，可看到请求结果

2、对接百度API

创建应用

登录平台，创建应用，可得到应用的API Key 和 Secret Key；这两个信息在调用鉴权信息接口时会用到。

开通服务（计费）

添加应用后，会默认预置一部分服务，可在【在线服务】菜单页查看；

大部分服务都需要付费开通，有几个免费的本人不太会用（尴尬。。）有免费的策略各位也可以分享一下 嘿嘿~

开通了一个计费的，个人测试使用，调用不会很频繁

鉴权认证

根据鉴权接口文档，实现鉴权接口请求

文档地址：获取access_token - 千帆大模型平台 | 百度智能云文档

实现BaiduHttpUtils类的 request 方法。

注意：此处BaiduHttpUtils.request方法仅完成了鉴权接口调用，还未进行真正的对话

  1. import hilog from '@ohos.hilog';
  2. import http from '@ohos.net.http';
  3. class BaiduHttpUtils {
  4.  
  5.   request(question: string) {
  6.     hilog.info(0x0000, 'testTag', 'BaiduHttpUtils request invoke. question: %{public}s', question);
  7.  
  8.     // 先鉴权
  9.     // 1 createHttp接口创建请求
  10.     let httpRequest = http.createHttp();
  11.  
  12.     // 2 发起请求
  13.     httpRequest.request(
  14.       // 请求地址
  15.       // 参数grant_type 固定值client_credentials
  16.       // 参数client_id 应用的API Key
  17.       // 参数client_secret 应用的Secret Key
  18.       "https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=asxxxxxxxxxxHo&client_secret=ihxxxxxxxxgG",
  19.       {
  20.         method: http.RequestMethod.POST,
  21.         header: {
  22.           "Content-Type": "application/json"
  23.         }
  24.       }, (err, data: http.HttpResponse) => {
  25.         if (err) {
  26.           hilog.error(0x0000, 'testTag', 'Failed to request BaiDu. Cause: %{public}s', JSON.stringify(err) ?? '');
  27.           httpRequest.destroy();
  28.         } else {
  29.           hilog.error(0x0000, 'testTag', 'Request BaiDu success. data: %{public}s', JSON.stringify(data.result));
  30.           httpRequest.destroy();
  31.         }
  32.       }
  33.     )
  34.   }
  35.  
  36. }
  37. export default new BaiduHttpUtils;

在index页面加载的时候，调用BaiduHttpUtils.request方法

鉴权通过后，可在接口返回中获取后续对话接口所需要的鉴权信息access_token

发起对话请求

拿到access_token后，可根据上述开通的服务对应的接口文档，发起对话请求

实现BaiduHttpUtils类的 chatRequest方法，在鉴权结束后调用

  1. import hilog from '@ohos.hilog';
  2. import http from '@ohos.net.http';
  3. class BaiduHttpUtils {
  4.  
  5.   request(question: string) {
  6.     hilog.info(0x0000, 'testTag', 'BaiduHttpUtils request invoke. question: %{public}s', question);
  7.  
  8.     // 先鉴权
  9.     // 1 createHttp接口创建请求
  10.     let httpRequest = http.createHttp();
  11.  
  12.     // 2 发起请求
  13.     httpRequest.request(
  14.       // 请求地址
  15.       // 参数grant_type 固定值client_credentials
  16.       // 参数client_id 应用的API Key
  17.       // 参数client_secret 应用的Secret Key
  18.       "https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=asxxxxxxxxHo&client_secret=ihxxxxxxxxgG",
  19.       {
  20.         method: http.RequestMethod.POST,
  21.         header: {
  22.           "Content-Type": "application/json"
  23.         }
  24.       }, (err, data: http.HttpResponse) => {
  25.         if (err) {
  26.           hilog.error(0x0000, 'testTag', 'Failed to request BaiDu. Cause: %{public}s', JSON.stringify(err) ?? '');
  27.           httpRequest.destroy();
  28.         } else {
  29.           hilog.error(0x0000, 'testTag', 'Request BaiDu success. data: %{public}s', JSON.stringify(data.result));
  30.           httpRequest.destroy();
  31.  
  32.           // 携带认证信息 发起对话请求
  33.           let respToken: BaiDuToken = JSON.parse(data.result.toString())
  34.           this.chatRequest(respToken.access_token, question)
  35.         }
  36.       }
  37.     )
  38.   }
  39.  
  40.   chatRequest(token: string, question: string) {
  41.     // 通常情况不建议把token打印出来 此处为了方便调试
  42.     hilog.info(0x0000, 'testTag', 'BaiduHttpUtils chaRequest invoke. token: %{public}s, question: %{public}s', token, question);
  43.  
  44.     // 1 createHttp接口创建请求
  45.     let httpRequest = http.createHttp();
  46.  
  47.     // 2 发起请求
  48.     httpRequest.request(
  49.       // 请求地址
  50.       "https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/completions?access_token=" + token,
  51.       {
  52.         method: http.RequestMethod.POST,
  53.         header: {
  54.           "Content-Type": "application/json"
  55.         },
  56.         extraData: {
  57.           "messages": [
  58.             {
  59.               "role": "user",
  60.               "content": question
  61.             }
  62.           ]
  63.         }
  64.       }, (err, data: http.HttpResponse) => {
  65.       if (err) {
  66.         hilog.error(0x0000, 'testTag', 'Failed to request BaiDu. Cause: %{public}s', JSON.stringify(err) ?? '');
  67.         httpRequest.destroy();
  68.       } else {
  69.         hilog.error(0x0000, 'testTag', 'Request BaiDu success. data: %{public}s', JSON.stringify(data.result));
  70.         httpRequest.destroy();
  71.       }
  72.     })
  73.  
  74.   }
  75.  
  76. }
  77. export default new BaiduHttpUtils;
  78.  
  79. class BaiDuToken {
  80.   access_token: string
  81.   expires_in: number
  82.   session_key: string
  83.   // ...
  84. }
刷新页面触发请求

刷新或重启Preview预览器，index页面重新加载，会执行aboutToAppear方法；

打开Log控制台，可看到请求结果

至此，两个大模型的API接口对接完成，下一步可以开始设计对话页面。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/681210
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号