Comment intégrer DeepSeek dans les Mini-programmes WeChat ? 54

Intégrer DeepSeek ai dans une mini-programme WeChat nécessite la configuration d'environnement et l'implémentation de code suivantes pour les développeurs.

Tout d'abord, assurez-vous que la version de la bibliothèque de base de votre mini-programme est 3.7.1 ou supérieure, et que la fonction de développement cloud a été activée pour la mini-programme. Vous pouvez effectuer les réglages nécessaires et créer l'environnement correspondant via le bouton 【云开发】 (Développement Cloud) dans la barre d'outils des outils de développement WeChat.

I. Travaux préparatoires

Enregistrer un compte de mini-programme WeChat :

• Accédez à la plateforme publique WeChat (mp.weixin.qq.com) et enregistrez un compte de mini-programme WeChat.

Créer un projet de mini-programme :

• Téléchargez et installez les outils de développement WeChat.

Mettre à jour la bibliothèque de base de la mini-programme :

• Assurez-vous que la version de la bibliothèque de base de votre mini-programme WeChat est au moins 3.7.1 ou supérieure.

Activer le développement cloud :

• Dans les outils de développement WeChat, cliquez sur le bouton 「云开发」 (Développement Cloud) dans la barre d'outils, suivez les instructions pour activer le développement cloud et créez un nouvel environnement. Les nouveaux utilisateurs du développement cloud bénéficient d'un mois d'offre gratuite.

II. Initialisation de l'environnement de développement cloud

Ajoutez le code suivant dans le code de votre mini-programme pour initialiser l'environnement de développement cloud :

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

III. Appel du grand modèle pour la génération de texte

• Supposons que nous souhaitions implémenter une fonction de génération de texte dans une page simple, par exemple générer un texte descriptif.

IV. Rédaction du code front-end

Rédigez respectivement la logique et le code d'affichage dans les fichiers .js et .wxml d'une page.

Structure de page d'exemple (pages/index/index.wxml)

生成文本

Logique de page d'exemple (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();
      },
    });
  },
});

V. Rédaction de la fonction cloud

Nous devons créer une fonction cloud nommée callDeepSeek dans la console de développement cloud afin d'appeler DeepSeek et de renvoyer le résultat.

Créer une fonction cloud

1. Connectez-vous à la console d'administration de WeChat Cloud Development.

2. Accédez à 【云函数】 (Fonctions cloud) dans le menu de gauche et cliquez sur 【新建】 (Nouvelle).

3. Saisissez le nom callDeepSeek, puis cliquez sur Confirmer.

Rédaction du code de la fonction cloud (Node.js)

Rédigez le code suivant dans 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: ''
    };
  }
};

Ajout des paquets de dépendances

Pour utiliser la bibliothèque Axios afin d'envoyer des requêtes HTTP, assurez-vous d'installer le paquet Axios dans le répertoire racine de la fonction cloud. Vous pouvez l'installer via npm :

1. Basculez vers le répertoire de la fonction cloud :

cd functions/callDeepSeek/

2. Installez Axios :

npm install axios --save

3. Construisez les Node_modules :

npm run build:npm

(S'il n'y a pas de script build:npm, vous pouvez l'ajouter manuellement dans package.json)

4. Téléversez les modifications vers le développement cloud : Retournez dans les outils de développement WeChat, faites un clic droit sur le répertoire functions/callDeepSeek/, et sélectionnez 「上传并部署：云端安装依赖」 (Téléverser et déployer : installation des dépendances côté cloud)

VI. Tests et vérification

Après avoir terminé les réglages ci-dessus, retournez en mode aperçu dans les outils de développement WeChat, essayez de déclencher le bouton 「生成文本」 (Générer du texte) et observez si le résultat attendu apparaît.