微信小程序如何接入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使用
最新工具
ChinaTextbook
ChinaTextbook

一个专门收集和分享中国大陆从小学到大学的教材资源的开源项目,特别...

暗壳AI
暗壳AI

家居AIGC营销与导购工具,它号称“一人即团队”,能够快速生成渲...

UntitledPen
UntitledPen

一个可以生成真实人声旁白的工具,也就是能够在一个平台上编写、编辑...

PageAI
PageAI

一款AI网站生成工具,就像一个小型创意工作室一样,能在短时间内根...

Seedance AI
Seedance AI

字节跳动推出的一款强大的视频生成工具,借助 Seedance 1...

ChatPs
ChatPs

ChatPs 是一款为 Photoshop 设计的插件,它背后是...

趣丸千音
趣丸千音

一个AI语音创作平台,专注提供一站式智能语音解决方案。集成文本转...

太极神器 TAICHI-flet
太极神器 TAICHI-flet

基于flet的一款多功能娱乐软件,实现了浏览图片、音乐、小说、各...

YIKM
YIKM

一个能在线玩小霸王、红白机、街机、FC 等经典游戏的地方,像《魂...

Bridgely
Bridgely

基于AI的实时通用翻译浏览器扩展,支持 60 多种语言,包括 W...