微信小程序如何接入DeepSeek?

微信小程序中接入DeepSeek ai,开发者需进行以下环境配置和代码实现。

首先,确保您的小程序基础库版本在3.7.1及以上,并且已为小程序开通了云开发功能。可以在微信开发者工具中通过工具栏的【云开发】按钮进行相关设置并创建相应的环境。

一、准备工作

注册微信小程序账号:

  • 访问微信公众平台(mp.weixin.qq.com),注册一个微信小程序账号。

创建小程序工程项目:

  • 下载并安装微信开发者工具。

更新小程序基础库:

  • 确保您使用的微信小程序基础库版本至少为 3.7.1 及以上。

开通云开发:

  • 在微信开发者工具中,点击工具栏中的「云开发」按钮,按提示开通云开发,并创建一个新的环境。首次使用云开发的用户可以获得一个月的免费套餐。

二、初始化云开发环境

在您的小程序代码中,添加以下代码以初始化云开发环境:

// app.js 文件中
App({
  onLaunch() {
    if (!wx.cloud) {
      console.error('请检查是否已启用 cloud 开发');
      return;
    }
    
    // 初始化云开发环境,默认指向当前项目的默认环境
    wx.cloud.init({
      env: 'your-env-id', // 替换为您的云开发环境ID
      traceUser: true,
    });
  },
});

三、调用大模型实现文本生成

  • 假设我们要在一个简单的页面中实现文本生成功能,比如生成一段描述性的文字。

四、编写前端代码

在某个页面的 .js 和 .wxml 文件中分别编写逻辑和展示代码。

示例页面结构 (pages/index/index.wxml)

生成文本

示例页面逻辑 (pages/index/index.js)

Page({
  data: {
    generatedText: '',
  },

  generateText() {
    const that = this;

    wx.showLoading({ title: '正在生成...' });

    wx.cloud.callFunction({
      name: 'callDeepSeek',
      success(res) {
        console.log('[Cloud Function] callDeepSeek result:', res.result);
        that.setData({
          generatedText: res.result.text, // 假设返回结果包含 text 字段
        });
      },
      fail(err) {
        console.error('[Cloud Function] callDeepSeek error:', err);
        wx.showToast({ icon: 'none', title: '请求失败' });
      },
      complete() {
        wx.hideLoading();
      },
    });
  },
});

五、编写云端函数

我们需要在云开发控制台中创建一个名为 callDeepSeek 的云函数,以便调用 DeepSeek 并返回结果。

创建云函数

1. 登录到 微信云开发管理后台。

2. 导航至左侧菜单中的【云函数】,点击【新建】。

3. 输入名称 callDeepSeek,然后点击确定。

编写云函数代码 (Node.js)

在 index.js 中编写如下代码:

const axios = require('axios');

exports.main = async (event, context) => {
  try {
    const apiKey = process.env.DEEPSEEK_API_KEY; // 设置环境变量 DEEPSEEK_API_KEY 存储 API Key
    const apiUrl = 'https://api.deepseek.com/v1/generate'; // DeepSeek 文本生成 API 地址
    
    const response = await axios.post(apiUrl, {
      prompt: event.prompt || '请输入您的指令或主题。',
      max_tokens: 150, // 返回的最大 token 数量
    }, {
      headers: {
        Authorization: `Bearer ${apiKey}`,
        'Content-Type': 'application/json'
      }
    });

    return { 
      code: 0,
      message: 'success',
      text: response.data.choices[0].text.trim(), // 解析返回的数据
    };
  } catch (error) {
    console.error(error);
    return { 
      code: -1,
      message: 'failed to fetch from deepseek api',
      text: ''
    };
  }
};

添加依赖包

为了使用 Axios 库发送 HTTP 请求,请确保在云函数根目录下安装 Axios 包。可以通过 npm 来安装:

1. 切换到云函数目录:

cd functions/callDeepSeek/

2. 安装 Axios:

npm install axios --save

3. 构建 Node_modules:

npm run build:npm

(如果没有 build:npm 脚本,可以在 package.json 中手动添加)

4. 上传更改到云开发: 回到微信开发者工具,右键点击 functions/callDeepSeek/ 目录,选择「上传并部署:云端安装依赖」

六、测试与验证

完成上述设置后,回到微信开发者工具预览模式,尝试触发「生成文本」按钮,观察是否有预期的结果出现。

收藏
#Deepseek使用
最新工具
XiaomiROM
XiaomiROM

一个能下载小米手机、平板等设备官方系统固件的网站,收集了国行、全...

CPS check
CPS check

一人测试用户点击速度(CPS,即每秒点击次数) 的在线网站,可在...

中国庭审公开网
中国庭审公开网

全国法院的庭审直播平台,能看各类案件庭审直播和回放,还能按不同条...

GradientHunt
GradientHunt

一个免费的色彩灵感平台,提供大量手工制作的时尚渐变色,目标是成为...

特工宇宙
特工宇宙

国内首个专注于Agent的科技媒体,由杭州电子科技大学00后毕业...

面灵AI
面灵AI

一款面试辅助工具,能实时分析面试问题并给出专业建议,支持多语言面...

Teleprompter Online
Teleprompter Online

一款免费的在线提词器网页应用,能在PC或Mac的现代网页浏览器上...

Gallerix
Gallerix

也叫“巨人网上博物馆”,是个专注艺术的互联网博物馆,Galler...

快手Kwali
快手Kwali

磁力引擎旗下磁力开创平台推出的AI视频I创作工具,输入自然语言指...

磁力开创
磁力开创

快手磁力引擎推出的一站式视频创意生产平台,结合智能化功能和简化流...