node.js微信公眾平台開發教學_node.js-js教程-PHP中文網

首頁

web前端

js教程

node.js微信公眾平台開發教學_node.js

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:12 PM

用nodejs怎麼來實現對微信公眾平台的開發呢？

　　別的就不多說了，先來簡單介紹微信公眾平台的基本原理。

　　微信伺服器就相當於一個轉發伺服器，終端機（手機、Pad等）發起請求至微信伺服器，微信伺服器，然後將請求轉發給自訂服務（這裡就是我們的具體實作）。服務處理完畢，然後轉寄至微信伺服器，微信伺服器再將特定回應回覆至終端；通訊協定為：HTTP；資料格式為：XML。
　　具體的流程如下圖：

　　其實，我們需要做的事情，就是對HTTP請求，做出回應。具體的請求內容，我們依照特定的XML格式去解析，處理完畢後，也要依照特定的XML格式回傳。

平台註冊

　　要想完成對微信公眾平台的開發，我們需要註冊一個微信公眾平台帳號。註冊步驟如下：
　　開啟微信公共平台的官網，https://mp.weixin.qq.com/，點選「立即註冊」。

　　然後根據提示，填寫基本信息，郵箱激活，選擇類型，信息登記，公眾號信息，完成註冊。

　　在註冊完成以後，我們要對公眾號進行一些基本的設定。登入公眾號，找到【公眾號設定】，然後設定頭像以及其它資訊。

nodejs環境搭建

　　我們需要在公網上找一台伺服器，以便可以啟動我們的nodejs的環境，啟動環境後透過設定存取位址，我們就可以接收微信伺服器發送的訊息了，並且我們也可以向微信伺服器發送訊息了。

　　在公網的伺服器中安裝完成nodejs以後，我們還需要安裝一些nodejs所用到的模組，如：express，node-xml，jssha等模組。可以透過npm指令進行安裝。

　　我們透過nodejs來實現向微信伺服器訊息的發送與接收，以及與微信伺服器的簽章認證。

　　在我們右邊的編輯環境中已經為同學們安裝了nodejs環境。我們在接下來內容中就為同學來實現微信伺服器的簽章認證。

建立express框架

　　我們在前面的課程中已經安裝了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請求用來處理微信訊息。

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引擎：實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要，因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段；2)執行過程中，引擎會進行動態優化，如內聯緩存和隱藏類；3)最佳實踐包括避免全局變量、優化循環、使用const和let，以及避免過度使用閉包。

Python vs. JavaScript：學習曲線和易用性Apr 16, 2025 am 12:12 AM

Python更適合初學者，學習曲線平緩，語法簡潔；JavaScript適合前端開發，學習曲線較陡，語法靈活。 1.Python語法直觀，適用於數據科學和後端開發。 2.JavaScript靈活，廣泛用於前端和服務器端編程。

Python vs. JavaScript：社區，圖書館和資源Apr 15, 2025 am 12:16 AM

Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好，適合初學者，但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大，JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富，但Python適合從官方文檔開始，JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。

從C/C到JavaScript：所有工作方式Apr 14, 2025 am 12:05 AM

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1）C/C 是靜態類型語言，需手動管理內存，而JavaScript是動態類型，垃圾回收自動處理。 2）C/C 需編譯成機器碼，JavaScript則為解釋型語言。 3）JavaScript引入閉包、原型鍊和Promise等概念，增強了靈活性和異步編程能力。

JavaScript引擎：比較實施Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時，效果會有所不同，因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析：將源碼轉換為詞法單元。 2.語法分析：生成抽象語法樹。 3.優化和編譯：通過JIT編譯器生成機器碼。 4.執行：運行機器碼。 V8引擎通過即時編譯和隱藏類優化，SpiderMonkey使用類型推斷系統，導致在相同代碼上的性能表現不同。