Wie integriert man DeepSeek in WeChat-Mini-Programme? 47

DeepSeek ai in WeChat-Miniprogramme zu integrieren, müssen Entwickler die folgenden Umgebungskonfigurationen und Code-Implementierungen vornehmen.

Stellen Sie zunächst sicher, dass die Version Ihrer Miniprogramm-Basisbibliothek 3.7.1 oder höher ist und dass die Cloud-Entwicklung für das Miniprogramm aktiviert wurde. In den WeChat-Entwickler-tools können Sie die entsprechenden Einstellungen über die Schaltfläche [Cloud-Entwicklung] in der Symbolleiste vornehmen und die zugehörige Umgebung erstellen.

1. Vorbereitende Arbeiten

WeChat-Miniprogramm-Konto registrieren:

• Besuchen Sie die WeChat-Public-Plattform (mp.weixin.qq.com) und registrieren Sie ein WeChat-Miniprogramm-Konto.

Miniprogramm-Projekt erstellen:

• Laden Sie die WeChat-Entwicklertools herunter und installieren Sie sie.

Miniprogramm-Basisbibliothek aktualisieren:

• Stellen Sie sicher, dass die von Ihnen verwendete Version der WeChat-Miniprogramm-Basisbibliothek mindestens 3.7.1 oder höher ist.

Cloud-Entwicklung aktivieren:

• Klicken Sie in den WeChat-Entwicklertools auf die Schaltfläche „Cloud-Entwicklung" in der Symbolleiste, aktivieren Sie die Cloud-Entwicklung gemäß den Anweisungen und erstellen Sie eine neue Umgebung. Erstnutzer der Cloud-Entwicklung erhalten ein kostenloses Paket für einen Monat.

2. Cloud-Entwicklungsumgebung initialisieren

Fügen Sie in Ihrem Miniprogramm-Code den folgenden Code hinzu, um die Cloud-Entwicklungsumgebung zu initialisieren:

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

3. Großes Modell zur Textgenerierung aufrufen

• Angenommen, wir möchten in einer einfachen Seite eine Textgenerierungsfunktion implementieren, z. B. die Generierung eines beschreibenden Textes.

4. Frontend-Code schreiben

Schreiben Sie die Logik- und Anzeigecode in den .js- und .wxml-Dateien einer Seite.

Beispielseitenstruktur (pages/index/index.wxml)

生成文本

Beispielseitenlogik (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();
      },
    });
  },
});

5. Cloud-Funktion schreiben

Wir müssen in der Cloud-Entwicklungskonsole eine Cloud-Funktion namens callDeepSeek erstellen, um DeepSeek aufzurufen und die Ergebnisse zurückzugeben.

Cloud-Funktion erstellen

1. Melden Sie sich beim WeChat-Cloud-Entwicklungs-Verwaltungs-Backend an.

2. Navigieren Sie im linken Menü zu [Cloud-Funktionen] und klicken Sie auf [Neu erstellen].

3. Geben Sie den Namen callDeepSeek ein und klicken Sie auf Bestätigen.

Cloud-Funktions-Code schreiben (Node.js)

Schreiben Sie den folgenden Code in 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: ''
    };
  }
};

Abhängigkeitspakete hinzufügen

Um die Axios-Bibliothek zum Senden von HTTP-Anfragen zu verwenden, stellen Sie bitte sicher, dass das Axios-Paket im Stammverzeichnis der Cloud-Funktion installiert ist. Sie können es über npm installieren:

1. Wechseln Sie in das Cloud-Funktionsverzeichnis:

cd functions/callDeepSeek/

2. Installieren Sie Axios:

npm install axios --save

3. Node_modules erstellen:

npm run build:npm

(Wenn kein build:npm-Skript vorhanden ist, können Sie es manuell in package.json hinzufügen)

4. Änderungen in die Cloud-Entwicklung hochladen: Kehren Sie zu den WeChat-Entwicklertools zurück, klicken Sie mit der rechten Maustaste auf das Verzeichnis functions/callDeepSeek/ und wählen Sie „Hochladen und bereitstellen: Abhängigkeiten in der Cloud installieren"

6. Test und Überprüfung

Nach Abschluss der oben genannten Einstellungen kehren Sie in den Vorschaumodus der WeChat-Entwicklertools zurück, versuchen Sie die Schaltfläche „Text generieren" auszulösen und beobachten Sie, ob die erwarteten Ergebnisse angezeigt werden.