Node.js를 사용하여 WeChat 공개 계정 백엔드 서비스를 구축하는 방법에 대한 심층 설명

PHPz
풀어 주다: 2023-04-05 09:27:33
원래의
1159명이 탐색했습니다.

1. 서문

현재 위챗은 많은 기업과 개인이 셀프미디어를 운영하는 중요한 채널이 되었고, 위챗 공개 계정을 위한 효율적이고 안정적인 백엔드 서비스 구축이 필수가 되었습니다. 가볍고 효율적인 백엔드 언어인 Node.js는 강력한 비동기 IO 기능과 개발 효율성으로 인해 광범위한 주목을 받아왔습니다. 이 글에서는 Node.js를 사용하여 WeChat 공식 계정 백엔드 서비스를 구축하는 방법을 간단하고 심도 있게 소개합니다.

2. 준비

시작하기 전에 다음 도구와 환경을 준비해야 합니다.

  • Node.js: Node.js 공식 웹사이트로 이동하여 다운로드하고 설치하세요.
  • WeChat 공개 계정: 다음으로 이동하세요. 개발 권한 등록 및 신청을 위한 WeChat 공개 플랫폼
  • 파일 편집기: Visual Studio Code를 권장합니다.

3. WeChat 공용 계정 백엔드 서비스 구축

  1. 프로젝트 생성

먼저 프로젝트를 저장할 폴더를 생성합니다. 그런 다음 명령줄에 폴더를 입력하고 다음 명령을 실행합니다.

npm init
로그인 후 복사

실행 후 프롬프트에 따라 프로젝트 이름, 버전, 설명 및 기타 정보를 입력하여 프로젝트 초기화를 완료합니다.

  1. Install dependency

다음 명령을 실행하여 필요한 종속성을 설치하세요.

npm install express request xml2js
로그인 후 복사

그 중 express는 Node.js에서 개발한 웹 프레임워크이고, request는 HTTP 요청을 캡슐화한 라이브러리, xml2js는 XML을 JSON 데이터용 라이브러리로 변환합니다.

  1. 라우팅 구성

프로젝트 루트 디렉터리에서 index.js라는 파일을 생성하고 파일에 다음 내용을 추가합니다.

const express = require('express');
const request = require('request');
const { parseString } = require('xml2js');

const app = express();

app.get('/api/wechat', (req, res) => {
  const { signature, timestamp, nonce, echostr } = req.query;

  //  排序和拼接字符串
  const str = [process.env.TOKEN, timestamp, nonce].sort().join('');
  const sha1 = require('crypto').createHash('sha1');
  sha1.update(str);
  const code = sha1.digest('hex');

  if (code === signature) {
    return res.send(echostr); // 校验成功,原样返回 echostr 参数内容
  }

  res.send(); // 校验失败,返回空响应
});
로그인 후 복사

위 코드는 WeChat 공식 계정의 액세스 확인, 구체적인 구현을 구현합니다. 방법은 공식 홈페이지 문서를 참고하세요.

  1. WeChat 메시지 처리

프로젝트 루트 디렉터리에서 WeChat 메시지 처리를 위해 message.js라는 파일을 만듭니다. 파일에 다음 내용을 추가합니다.

/**
 * 解析 XML 数据
 * @param {string} xmlStr XML 字符串
 */
function parseXML(xmlStr) {
  const options = {
    explicitArray: false, // 不将子元素变为数组
    ignoreAttrs: true, // 忽略属性
  };
  return new Promise((resolve, reject) => {
    parseString(xmlStr, options, (err, result) => {
      if (err) {
        return reject(err);
      }
      resolve(result.xml);
    });
  });
}

module.exports = function handleWechatMessage(req, res) {
  let body = '';

  req.on('data', (chunk) => {
    body += chunk;
  });

  req.on('end', async () => {
    const {
      ToUserName,
      FromUserName,
      CreateTime,
      MsgType,
      Event,
      Content,
      EventKey,
    } = await parseXML(body);

    let replyXML;
    switch (MsgType) {
      case 'text':
        // 处理文本消息
        replyXML = `<xml>
          <ToUserName><![CDATA[${FromUserName}]]></ToUserName>
          <FromUserName><![CDATA[${ToUserName}]]></FromUserName>
          <CreateTime>${Math.floor(Date.now() / 1000)}</CreateTime>
          <MsgType><![CDATA[text]]></MsgType>
          <Content><![CDATA[${Content}]]></Content>
        </xml>`;
        break;
      case 'event':
        // 处理事件消息
        if (Event === 'subscribe') {
          // 处理关注事件
          replyXML = `<xml>
            <ToUserName><![CDATA[${FromUserName}]]></ToUserName>
            <FromUserName><![CDATA[${ToUserName}]]></FromUserName>
            <CreateTime>${Math.floor(Date.now() / 1000)}</CreateTime>
            <MsgType><![CDATA[text]]></MsgType>
            <Content><![CDATA[欢迎关注]]></Content>
          </xml>`;
        } else if (Event === 'unsubscribe') {
          // 处理取消关注事件
          console.log('用户取消关注');
        } else if (Event === 'CLICK' && EventKey === 'test') {
          // 处理菜单点击事件
          replyXML = `<xml>
            <ToUserName><![CDATA[${FromUserName}]]></ToUserName>
            <FromUserName><![CDATA[${ToUserName}]]></FromUserName>
            <CreateTime>${Math.floor(Date.now() / 1000)}</CreateTime>
            <MsgType><![CDATA[text]]></MsgType>
            <Content><![CDATA[点击了测试菜单]]></Content>
          </xml>`;
        }
        break;
      default:
        break;
    }

    if (replyXML) {
      res.setHeader('Content-Type', 'application/xml');
      return res.send(replyXML);
    }

    res.send();
  });
};
로그인 후 복사

위 코드는 WeChat 공식 계정의 메시지를 구문 분석하고 처리 후 해당 응답 메시지를 반환합니다.

  1. 서비스 시작

index.js에 다음 코드를 추가하여 서비스를 시작합니다.

const handleWechatMessage = require('./message');

const server = app.listen(process.env.PORT || 3000, () => {
  const address = server.address();
  console.log(`Server running at http://${address.address}:${address.port}`);
});

app.post('/api/wechat', handleWechatMessage);
로그인 후 복사
  1. Verification service

서비스를 시작한 후 백그라운드에서 서버 주소를 구성하여 확인할 수 있습니다. 위챗 공식 계정. 인증이 성공적으로 완료되면 이 주소를 WeChat 공식 계정의 백엔드 서비스 주소로 사용할 수 있습니다. 동시에 코드를 디버깅하여 메시지가 정상적으로 전달되고 응답될 수 있는지 확인할 수 있습니다.

4. 요약

이 글에서는 Node.js를 사용하여 WeChat 공개 계정 백엔드 서비스를 구축하는 방법을 소개하며 액세스 확인과 메시지 처리라는 두 가지 측면을 다룹니다. 이 기사를 통해 독자들은 Node.js를 사용하여 WeChat 백엔드 서비스를 구축하는 기본 원칙과 구현 방법을 빠르게 이해하고 숙달할 수 있을 것이라고 믿습니다.

위 내용은 Node.js를 사용하여 WeChat 공개 계정 백엔드 서비스를 구축하는 방법에 대한 심층 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿