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

一个能让你拥有个性化光标的网站。Custom Cursor网站有...

橙子8设计
橙子8设计

一站式AI电商图片制作平台,专为电商和跨境卖家服务。不用专业设计...

Sandspiel
Sandspiel

一款基于细胞自动机和实时物理的开源像素沙盘游戏,玩家可以在虚拟沙...

印象地图
印象地图

这是个可以帮你记住全国省市位置的测试工具。打开网站就能用,选个模...

Sandtris
Sandtris

一款把经典俄罗斯方块和流沙物理效果结合的休闲游戏。玩家需要利用沙...

Maze Toys
Maze Toys

一个以迷宫游戏为主的网站,提供多种类型的迷宫玩法,包括Mini、...

AiPyApp
AiPyApp

一款以Python为核心的开源新人工智能体助手,结合大模型和 P...

Adobe Express
Adobe Express

Adobe推出的一站式设计工具,整合了图像、视频、文档/PDF、...

Intangible AI
Intangible AI

创意行业空间智能AI平台,通过简洁的3D界面与空间智能技术解决A...

法大大iTerms
法大大iTerms

法大大推出的一站式法律AI工作台,基于自研法律大模型的AI智能体...