首頁 > Ai資訊 > AI教程

微信小程序如何接入DeepSeek？

映技派于2025-02-13發布在AI教程

微信小程序中接入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. 切換到云函數目錄：