Как подключить DeepSeek к мини-приложению WeChat? 49

小编 ·

Как подключить DeepSeek к мини-приложению WeChat?

Инструкция по настройке среды и реализации кода для интеграции DeepSeek AI в мини-приложение WeChat.

Как подключить DeepSeek к мини-приложению WeChat?

Интеграция DeepSeek ai в WeChat Mini Program требует от разработчика следующей настройки среды и реализации кода.

Прежде всего убедитесь, что версия базовой библиотеки вашего мини-приложения не ниже 3.7.1 и что для мини-приложения уже активирована функция облачной разработки. Соответствующие параметры можно настроить и создать нужную среду в инструментах разработчика WeChat с помощью кнопки «Облачная разработка» на панели инструментов.

I. Подготовительные работы

Регистрация учётной записи WeChat Mini Program:

  • Перейдите на публичную платформу WeChat (mp.weixin.qq.com) и зарегистрируйте учётную запись WeChat Mini Program.

Создание проекта мини-приложения:

  • Скачайте и установите инструменты разработчика WeChat.

Обновление базовой библиотеки мини-приложения:

  • Убедитесь, что используемая вами версия базовой библиотеки WeChat Mini Program не ниже 3.7.1.

Активация облачной разработки:

  • В инструментах разработчика WeChat нажмите кнопку «Облачная разработка» на панели инструментов и следуйте инструкциям, чтобы активировать облачную разработку и создать новую среду. Пользователи, впервые использующие облачную разработку, получают один месяц бесплатного пакета.

II. Инициализация среды облачной разработки

Добавьте в код вашего мини-приложения следующий код для инициализации среды облачной разработки:

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

III. Вызов большой модели для генерации текста

  • Предположим, мы хотим реализовать функцию генерации текста на простой странице, например, генерацию описательного фрагмента.

IV. Написание клиентского кода

В файлах .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();
      },
    });
  },
});

V. Написание облачной функции

Нам нужно создать в консоли облачной разработки облачную функцию с именем callDeepSeek, которая будет вызывать DeepSeek и возвращать результат.

Создание облачной функции

1. Войдите в консоль управления облачной разработкой WeChat.

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. Загрузите изменения в облачную разработку: вернитесь в инструменты разработчика WeChat, щёлкните правой кнопкой мыши по каталогу functions/callDeepSeek/ и выберите «Загрузить и развернуть: установка зависимостей в облаке».

VI. Тестирование и проверка

После выполнения описанных выше настроек вернитесь в режим предварительного просмотра инструментов разработчика WeChat, попробуйте нажать кнопку «生成文本» и проверьте, появляется ли ожидаемый результат.