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

一个在线AIPPT生成平台。通过 AI 的智能内容分析,将文本、...

DroidRun
DroidRun

一款可以通过AI代理实现Android设备的自动化操作开源框架,...

CloneUI
CloneUI

一款强大的AI驱动的图片转代码工具,能够将截图、网址或 Figm...

PaneFlow
PaneFlow

一款所见即所得的PPT制作工具,它采用拖拽式界面,用户可以通过简...

SearchAny
SearchAny

一款免费的集提问、搜索和研究功能于一身的AI搜索工具,整合谷歌、...

支付宝百宝箱Tbox
支付宝百宝箱Tbox

一个零代码AI应用开发平台,用户可以通过自然语言就可以快速创建A...

Vanna AI
Vanna AI

一个基于RAG技术的开源Python框架,用于将自然语言问题转换...

Awesome GPT-4o Images
Awesome GPT-4o Images

一个精选的GPT-4o生成图片集锦,收集了OpenAI 最新多模...

OPPO小布助手网页版
OPPO小布助手网页版

网址是xiaobu.coloros.com ,融合满血版Deep...

OldPicRestore
OldPicRestore

一个免费的老照片修复工具,可修复老照片中的损坏、模糊和褪色问题,...