微信 미니프로그램에 DeepSeek 연동하는 방법 48

小编 · 2025-02-13

微信 미니프로그램에 DeepSeek AI를 연동하기 위한 환경 설정 및 코드 구현 방법을 안내합니다.

微信 미니프로그램에 DeepSeek 연동하는 방법

微信 미니 프로그램에서 DeepSeek ai를 연동하려면, 개발자는 다음과 같은 환경 설정과 코드 구현을 진행해야 합니다.

우선, 사용 중인 미니 프로그램의 기본 라이브러리 버전이 3.7.1 이상인지 확인하고, 미니 프로그램에 클라우드 개발(云开发) 기능을 활성화해야 합니다. WeChat 개발자 도구의 툴바에서 【클라우드 개발】 버튼을 통해 관련 설정을 진행하고 해당 환경을 생성할 수 있습니다.

1. 준비 작업

微信 미니 프로그램 계정 등록:

微信 공개 플랫폼(mp.weixin.qq.com)에 접속하여 微信 미니 프로그램 계정을 등록합니다.

미니 프로그램 프로젝트 생성:

微信 개발자 도구를 다운로드하여 설치합니다.

미니 프로그램 기본 라이브러리 업데이트:

사용 중인 微信 미니 프로그램 기본 라이브러리 버전이 최소 3.7.1 이상인지 확인합니다.

클라우드 개발 활성화:

微信 개발자 도구에서 툴바의 「클라우드 개발」 버튼을 클릭하고, 안내에 따라 클라우드 개발을 활성화한 후 새로운 환경을 생성합니다. 클라우드 개발을 처음 사용하는 사용자는 1개월 무료 패키지를 제공받을 수 있습니다.

2. 클라우드 개발 환경 초기화

미니 프로그램 코드에 다음 코드를 추가하여 클라우드 개발 환경을 초기화합니다:

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

3. 대규모 모델을 호출하여 텍스트 생성 구현

간단한 페이지에서 텍스트 생성 기능을 구현한다고 가정해 봅시다. 예를 들어, 설명적인 문장을 생성하는 경우입니다.

4. 프론트엔드 코드 작성

특정 페이지의 .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();
      },
    });
  },
});

5. 클라우드 함수 작성

클라우드 개발 콘솔에서 callDeepSeek라는 이름의 클라우드 함수를 생성하여 DeepSeek를 호출하고 결과를 반환하도록 해야 합니다.

클라우드 함수 생성

1. 微信 클라우드 개발 관리 백엔드에 로그인합니다.

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. 클라우드 함수 디렉터리로 전환합니다: