¿Cómo integrar DeepSeek en Mini Programas de WeChat? 52

Integrar DeepSeek ai en un mini programa de WeChat requiere la siguiente configuración del entorno e implementación de código por parte del desarrollador.

En primer lugar, asegúrese de que la versión de la biblioteca base de su mini programa sea 3.7.1 o superior, y de que haya activado la función de desarrollo en la nube para el mini programa. Puede realizar la configuración pertinente y crear el entorno correspondiente en las herramientas para desarrolladores de WeChat mediante el botón 【云开发】 (Desarrollo en la nube) de la barra de herramientas.

I. Preparativos

Registrar una cuenta de mini programa de WeChat:

• Visite la plataforma pública de WeChat (mp.weixin.qq.com) y registre una cuenta de mini programa de WeChat.

Crear el proyecto de mini programa:

• Descargue e instale las herramientas para desarrolladores de WeChat.

Actualizar la biblioteca base del mini programa:

• Asegúrese de que la versión de la biblioteca base del mini programa de WeChat que utiliza sea al menos la 3.7.1 o superior.

Activar el desarrollo en la nube:

• En las herramientas para desarrolladores de WeChat, haga clic en el botón 「云开发」 (Desarrollo en la nube) de la barra de herramientas, siga las instrucciones para activar el desarrollo en la nube y cree un nuevo entorno. Los usuarios que utilicen el desarrollo en la nube por primera vez pueden obtener un paquete gratuito de un mes.

II. Inicialización del entorno de desarrollo en la nube

Agregue el siguiente código en su mini programa para inicializar el entorno de desarrollo en la nube:

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

III. Llamar a un modelo grande para generar texto

• Supongamos que queremos implementar la función de generación de texto en una página sencilla, por ejemplo, generar un texto descriptivo.

IV. Escribir el código del frontend

Escriba la lógica y el código de presentación en los archivos .js y .wxml de una página, respectivamente.

Estructura de la página de ejemplo (pages/index/index.wxml)

生成文本

Lógica de la página de ejemplo (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. Escribir la función en la nube

Necesitamos crear una función en la nube llamada callDeepSeek en la consola de desarrollo en la nube para llamar a DeepSeek y devolver el resultado.

Crear la función en la nube

1. Inicie sesión en la consola de administración del desarrollo en la nube de WeChat.

2. Navegue hasta 【云函数】 (Funciones en la nube) en el menú de la izquierda y haga clic en 【新建】 (Nueva).

3. Introduzca el nombre callDeepSeek y haga clic en Aceptar.

Escribir el código de la función en la nube (Node.js)

Escriba el siguiente código en 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: ''
    };
  }
};

Agregar paquetes de dependencias

Para utilizar la biblioteca Axios para enviar solicitudes HTTP, asegúrese de instalar el paquete Axios en el directorio raíz de la función en la nube. Puede hacerlo mediante npm:

1. Cambie al directorio de la función en la nube:

cd functions/callDeepSeek/

2. Instale Axios:

npm install axios --save

3. Compile Node_modules:

npm run build:npm

(Si no dispone del script build:npm, puede agregarlo manualmente en package.json)

4. Suba los cambios al desarrollo en la nube: vuelva a las herramientas para desarrolladores de WeChat, haga clic con el botón derecho en el directorio functions/callDeepSeek/ y seleccione 「上传并部署：云端安装依赖」 (Subir e implementar: instalar dependencias en la nube).

VI. Pruebas y verificación

Una vez completada la configuración anterior, vuelva al modo de vista previa de las herramientas para desarrolladores de WeChat, intente pulsar el botón 「生成文本」 (Generar texto) y compruebe si aparece el resultado esperado.