node.js WeChat 공개 플랫폼 개발 tutorial

집

웹 프론트엔드

JS 튜토리얼

node.js WeChat 공개 플랫폼 개발 tutorial_node.js

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:12 PM

WeChat 공개 플랫폼을 개발하기 위해 nodejs를 사용하는 방법은 무엇입니까?

더 이상 말하지 않겠습니다. 위챗 공개 플랫폼의 기본 원칙을 간단히 소개하겠습니다.

WeChat 서버는 전달 서버와 동일합니다. 단말기(휴대폰, 패드 등)가 WeChat 서버에 요청을 시작한 다음 WeChat 서버는 해당 요청을 맞춤 서비스에 전달합니다(여기서는 구체적인 구현이 나와 있습니다). ). 서비스가 처리된 후 WeChat 서버로 전달되고 WeChat 서버는 터미널에 특정 응답으로 응답합니다. 통신 프로토콜은 HTTP입니다. 데이터 형식은 XML입니다.
구체적인 과정은 아래 그림과 같습니다.

실제로 우리가 해야 할 일은 HTTP 요청에 응답하는 것입니다. 특정 XML 형식에 따라 특정 요청 콘텐츠를 구문 분석한 후 특정 XML 형식에 따라 반환해야 합니다.

플랫폼 등록

WeChat 공개 플랫폼 개발을 완료하려면 WeChat 공개 플랫폼 계정을 등록해야 합니다. 등록 단계는 다음과 같습니다.
WeChat 공개 플랫폼 공식 웹사이트 https://mp.weixin.qq.com/을 열고 "지금 등록"을 클릭하세요.

그런 다음 안내에 따라 기본 정보를 입력하고 이메일을 활성화한 후 유형, 정보 등록, 공식 계정 정보를 선택하고 등록을 완료하세요.

등록이 완료되면 공식 계정에 대한 몇 가지 기본 설정을 해야 합니다. 공식 계정에 로그인 후 [공식 계정 설정]을 찾아 아바타 및 기타 정보를 설정하세요.

nodejs 환경 설정

nodejs 환경을 시작하려면 공용 인터넷에서 서버를 찾아야 합니다. 환경을 시작한 후 액세스 주소를 설정하면 WeChat 서버에서 보내는 메시지를 받을 수 있고, 다음으로 메시지를 보낼 수도 있습니다. 위챗 서버.

공개 서버에 nodejs를 설치한 후에는 express, node-xml, jssha 및 기타 모듈과 같이 nodejs에서 사용하는 일부 모듈도 설치해야 합니다. npm 명령을 통해 설치할 수 있습니다.

우리는 nodejs를 사용하여 WeChat 서버와의 메시지 송수신은 물론 WeChat 서버와의 서명 인증도 구현합니다.

오른쪽 편집 환경에는 학생들을 위한 nodejs 환경이 설치되어 있습니다. 다음 내용에서는 학생을 위한 WeChat 서버의 서명 인증을 구현합니다.

익스프레스 프레임워크 생성

이전 과정에서는 Express 모듈을 설치했고, 오른쪽 환경에는 app.js라는 파일이 생성되었습니다. 이제 이 파일에서 Express 프레임워크를 완성하겠습니다. 다음 코드:

var express = require("express");
var path=require('path');
var app = express();
server = require('http').Server(app);
app.set('views',__dirname);  // 设置视图 
app.set('view engine', 'html'); 
app.engine( '.html', require( 'ejs' ).__express );
require('./index')(app);   //路由配置文件
server.listen(80,function(){
console.log('App start,port 80.');
});

그런 다음 test.html이라는 파일을 추가합니다. 다음을 작성하세요

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>汇智网</title>
</head>
<body>
<div><%=issuccess%></div>
</body>
</html>

또한 라우팅을 구현하려면 index.js라는 파일을 추가해야 합니다. 편집 환경에서 파일 추가 버튼을 클릭하여 파일을 추가한 후 다음 코드를 작성합니다. 여기서 GET 요청은 구성된 URL의 적법성을 확인하는 데 사용되고 POST 요청은 WeChat 메시지를 처리하는 데 사용됩니다.

module.exports = function(app){
app.get('/',function(req,res){
res.render('test',{issuccess:"success"})
});
app.get('/interface',function(req,res){});
app.post('/interface',function(req,res){});
}

这样我们需要的express框架就完成了，当然我们还可以添加public公共文件夹以及我们要用到的中间件。保存文件，点击【提交运行】，然后点击【访问测试】，去试试吧。记下访问测试的地址，我们将在下一节中会用到该地址。

微信服务器配置

　　我们登录微信公众平台，在开发者模式下面找到基本配置，然后修改服务器配置。如图所示：

　　首先URL要填写公网上我们安装nodejs接收与发送数据的路径。我们可以填写上节中【访问测试】的地址，然后加上对应的路由就可以了。

　　Token要与我们自定义服务器端的token一致。填写完成以后，就可以点击提交了，在提交以前，我们启动app.js（点击【提交运行】）。这样根据我们的路由匹配就可以验证签名是否有效了。

　　当配置完成以后，一定要启用配置。

网址接入

　　公众平台用户提交信息后，微信服务器将发送GET请求到填写的URL上，并且带上四个参数：

参数                     描述
signature            微信加密签名
timestamp            时间戳
nonce                随机数
echostr              随机字符串

　　开发者通过检验signature对请求进行校验（下面有校验方式）。若确认此次GET请求来自微信服务器，请原样返回echostr参数内容，则接入生效，否则接入失败。

　　signature结合了开发者填写的token参数和请求中的timestamp参数、nonce参数。

加密/校验流程：

1、将token、timestamp、nonce三个参数进行字典序排序；
2、将三个参数字符串拼接成一个字符串进行sha1加密；
3、开发者获得加密后的字符串可与signature对比，标识该请求来源于微信。
参数排序

　　首先我们确认请求是来自微信服务器的get请求，那么就可以在index.js文件中进行添加代码了。然后在app.get(‘/interface',function(req,res){});的function中进行添加。

　　先来获取各个参数的值，如下代码：

var token="weixin";
var signature = req.query.signature;
var timestamp = req.query.timestamp;
var echostr  = req.query.echostr;
var nonce   = req.query.nonce;

我们在这里对token进行设置，让其与微信服务器中设置的token一致。

然后对其中的token、timestamp、nonce进行排序，如下代码：

var oriArray = new Array();
oriArray[0] = nonce;
oriArray[1] = timestamp;
oriArray[2] = token;
oriArray.sort();

这样我们就完成了排序。

参数加密

　　在上节中我们已经对参数进行了排序，然后我们在这一节中要将参数组成一个字符串，进行SH-1加密。在加密以前要用到jssha模块，在我们的文件中要引用该模块。

var jsSHA = require('jssha');

在上一节课中我们已经对参数排序完成，并存放在数组中，我们可以通过join方法来生成一个字符串，如下代码：

var original = oriArray.join('');

最后对该数据进行加密，如下代码：

var jsSHA = require('jssha');
var shaObj = new jsSHA(original, 'TEXT');
var scyptoString=shaObj.getHash('SHA-1', 'HEX');

好了这样就生成了我们需要的签名字符串scyptoString。

签名对比

　　我们已经得到了我们想要的签名字符串scyptoString，然后我们就可以与来自微信服务器的签名进行对比了,对比通过，则我们就可以接收与发送消息了。

 if(signature == scyptoString){
 //验证成功
 } else {
 //验证失败
 }

以上就是本文的全部内容，希望对大家的学习有所帮助

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

JavaScript 데이터 유형 : 브라우저와 Nodejs 사이에 차이가 있습니까?May 14, 2025 am 12:15 AM

JavaScript 코어 데이터 유형은 브라우저 및 Node.js에서 일관되지만 추가 유형과 다르게 처리됩니다. 1) 글로벌 객체는 브라우저의 창이고 node.js의 글로벌입니다. 2) 이진 데이터를 처리하는 데 사용되는 Node.js의 고유 버퍼 객체. 3) 성능 및 시간 처리에는 차이가 있으며 환경에 따라 코드를 조정해야합니다.

JavaScript 댓글 : / / * * /사용 안내서May 13, 2025 pm 03:49 PM

javaScriptUSTWOTYPESOFSOFCOMMENTS : 단일 라인 (//) 및 multi-line (//)

Python vs. JavaScript : 개발자를위한 비교 분석May 09, 2025 am 12:22 AM

Python과 JavaScript의 주요 차이점은 유형 시스템 및 응용 프로그램 시나리오입니다. 1. Python은 과학 컴퓨팅 및 데이터 분석에 적합한 동적 유형을 사용합니다. 2. JavaScript는 약한 유형을 채택하며 프론트 엔드 및 풀 스택 개발에 널리 사용됩니다. 두 사람은 비동기 프로그래밍 및 성능 최적화에서 고유 한 장점을 가지고 있으며 선택할 때 프로젝트 요구 사항에 따라 결정해야합니다.

Python vs. JavaScript : 작업에 적합한 도구 선택May 08, 2025 am 12:10 AM

Python 또는 JavaScript를 선택할지 여부는 프로젝트 유형에 따라 다릅니다. 1) 데이터 과학 및 자동화 작업을 위해 Python을 선택하십시오. 2) 프론트 엔드 및 풀 스택 개발을 위해 JavaScript를 선택하십시오. Python은 데이터 처리 및 자동화 분야에서 강력한 라이브러리에 선호되는 반면 JavaScript는 웹 상호 작용 및 전체 스택 개발의 장점에 없어서는 안될 필수입니다.

파이썬 및 자바 스크립트 : 각각의 강점을 이해합니다May 06, 2025 am 12:15 AM

파이썬과 자바 스크립트는 각각 고유 한 장점이 있으며 선택은 프로젝트 요구와 개인 선호도에 따라 다릅니다. 1. Python은 간결한 구문으로 데이터 과학 및 백엔드 개발에 적합하지만 실행 속도가 느립니다. 2. JavaScript는 프론트 엔드 개발의 모든 곳에 있으며 강력한 비동기 프로그래밍 기능을 가지고 있습니다. node.js는 풀 스택 개발에 적합하지만 구문은 복잡하고 오류가 발생할 수 있습니다.

JavaScript의 핵심 : C 또는 C에 구축 되었습니까?May 05, 2025 am 12:07 AM

javaScriptisNotBuiltoncorc; it'SangretedLanguageThatrunsonOngineStenWrittenInc .1) javaScriptWasDesignEdasAlightweight, 해석 hanguageforwebbrowsers.2) Endinesevolvedfromsimpleplemporectreterstoccilpilers, 전기적으로 개선된다.

JavaScript 응용 프로그램 : 프론트 엔드에서 백엔드까지May 04, 2025 am 12:12 AM

JavaScript는 프론트 엔드 및 백엔드 개발에 사용할 수 있습니다. 프론트 엔드는 DOM 작업을 통해 사용자 경험을 향상시키고 백엔드는 Node.js를 통해 서버 작업을 처리합니다. 1. 프론트 엔드 예 : 웹 페이지 텍스트의 내용을 변경하십시오. 2. 백엔드 예제 : node.js 서버를 만듭니다.

Python vs. JavaScript : 어떤 언어를 배워야합니까?May 03, 2025 am 12:10 AM

Python 또는 JavaScript는 경력 개발, 학습 곡선 및 생태계를 기반으로해야합니다. 1) 경력 개발 : Python은 데이터 과학 및 백엔드 개발에 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 적합합니다. 2) 학습 곡선 : Python 구문은 간결하며 초보자에게 적합합니다. JavaScript Syntax는 유연합니다. 3) 생태계 : Python에는 풍부한 과학 컴퓨팅 라이브러리가 있으며 JavaScript는 강력한 프론트 엔드 프레임 워크를 가지고 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.