文心一言API uniapp

### 如何在 UniApp 中集成文心一言 API

为了在 UniApp 项目中成功集成并使用文心一言 API，需遵循特定流程来配置环境以及编写必要的代码逻辑。以下是详细的说明：

#### 准备工作
确保已获取到用于访问文心一言服务所需的 `API_KEY` 和 `SECRET_KEY` 。这些凭证是在完成账号注册之后，在个人控制台的应用管理界面下找到的[^2]。

#### 安装依赖库
由于 HTTP 请求操作并非原生 JavaScript 的强项之一，建议引入 axios 或者 fetch 来简化网络通信过程。可以通过 npm 方式安装 axios 库：

npm install axios --save

#### 编写调用函数
接下来定义一个异步方法来进行实际的服务请求。此段落中的伪代码展示了发起 POST 请求至指定端点的过程，并附带了必需的身份验证信息作为头部字段传递过去。

import axios from 'axios';

async function callWenxinYiyan(prompt) {
    const url = "https://aip.baidubce.com/rpc/2.0/ernie/v1/turbogeneration";
    
    try {
        let response = await axios.post(url, JSON.stringify({
            "prompt": prompt,
        }), {
            headers: {
                'Content-Type': 'application/json',
                'Authorization': `Bearer ${access_token}`
            }
        });
        
        console.log(response.data);
        return response.data;
    } catch (error) {
        console.error(error);
    }
}

注意这里的 URL 地址应当替换为最新的官方提供的地址；另外还需要计算 access token ，这通常通过 SDK 提供的方法或者直接按照官方文档指导下的 HMAC-SHA256 加密算法实现。

#### 跨域处理
考虑到浏览器同源策略的影响，可能遇到跨站资源共享(CORS)的问题。解决办法取决于服务器端设置，对于开发阶段而言，可以在本地启动代理服务器转发请求，或是利用 uni-app 自身支持的云函数特性间接绕过该限制。

#### 实际应用场景
最后一步便是将上述封装好的功能嵌入到具体的业务场景当中去，比如构建聊天机器人UI组件，监听用户输入事件触发对话交互等。