WeChatミニプログラムにDeepSeekを連携する方法 53

小编 · 2025-02-13

WeChatミニプログラムにDeepSeek AIを連携するために必要な環境設定とコード実装を解説します。

WeChatミニプログラムにDeepSeekを連携する方法

WeChatミニプログラムでDeepSeek aiを連携するには、開発者が以下の環境設定とコード実装を行う必要があります。

まず、ミニプログラムのベースライブラリバージョンが3.7.1以上であることを確認し、ミニプログラム用にクラウド開発機能を有効化してください。WeChat開発者ツールのツールバーにある【クラウド開発】ボタンから関連設定を行い、対応する環境を作成することができます。

一、準備作業

WeChatミニプログラムアカウントの登録：

WeChat公衆プラットフォーム（mp.weixin.qq.com）にアクセスし、WeChatミニプログラムアカウントを登録します。

ミニプログラムプロジェクトの作成：

WeChat開発者ツールをダウンロードしてインストールします。

ミニプログラムベースライブラリの更新：

使用しているWeChatミニプログラムベースライブラリのバージョンが3.7.1以上であることを確認してください。

クラウド開発の有効化：

WeChat開発者ツールでツールバーの「クラウド開発」ボタンをクリックし、指示に従ってクラウド開発を有効化し、新しい環境を作成します。クラウド開発を初めて使用するユーザーは、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. WeChat クラウド開発管理バックエンドにログインします。

2. 左側メニューの【クラウド関数】に移動し、【新規作成】をクリックします。

3. 名前として callDeepSeek を入力し、OK をクリックします。

クラウド関数のコード作成 (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. クラウド関数のディレクトリに移動します：