成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Koa2微信公眾號開發(fā)(一) 本地開發(fā)調(diào)試環(huán)境搭建

snifes / 1125人閱讀

摘要：本篇是該系列的第一篇，本地開發(fā)環(huán)境搭建以及接入微信。若確認此次請求來自微信服務(wù)器，原樣返回參數(shù)內(nèi)容，則接入生效，成為開發(fā)者成功，否則接入失敗。

一、簡介

關(guān)于微信公眾號的介紹就省略了，自行搜索。注冊過程也不說了。我們會直接注冊測試號來實現(xiàn)代碼。這將會是個全面講解微信公眾號開發(fā)的系列教程。本篇是該系列的第一篇，本地開發(fā)環(huán)境搭建以及接入微信。
在開始之前最好去看看開發(fā)者文檔微信公眾平臺技術(shù)文檔

二、本地開發(fā)調(diào)試環(huán)境搭建 2.1 開發(fā)環(huán)境 
- MacOs
- Node v8.9.1
- Koa2
2.2 微信公眾平臺開發(fā)的基本原理

我們先來看看微信公眾平臺開發(fā)的基本原理：在進行微信開發(fā)的時候,需要在我們在自己的服務(wù)器上部署服務(wù)對微信消息進行處理。微信服務(wù)器就相當于一個轉(zhuǎn)發(fā)服務(wù)器。終端（手機、Pad等）發(fā)起請求至微信服務(wù)器，微信服務(wù)器然后將請求轉(zhuǎn)發(fā)給自定義服務(wù)（這里就是我們的具體實現(xiàn)）。服務(wù)處理完畢，然后轉(zhuǎn)發(fā)給微信服務(wù)器，微信服務(wù)器再將具體響應(yīng)回復(fù)到終端，通信協(xié)議為：HTTP；數(shù)據(jù)格式為：XML。


我們的服務(wù)需要做的就是對請求做出響應(yīng)，解析XML,進行相應(yīng)的處理后再返回特定的XML。

2.3 ngrok微信本地開發(fā)

這兒我們了解到了接入微信開發(fā)需要一個自己的響應(yīng)服務(wù)器，我們可以購買服務(wù)器或者新浪云百度云之類的服務(wù)。但是在我們開發(fā)階段這樣做是很麻煩的，我們需要搭建一個好用的本地調(diào)試環(huán)境，將內(nèi)網(wǎng)映射出去，讓外網(wǎng)能夠訪問的。
這兒推薦使用Ngrok服務(wù)。win、mac都能方便使用，而且穩(wěn)定，外網(wǎng)域名是固定的。

打開它的網(wǎng)站https://www.ngrok.cc/注冊登錄然后開通隧道。同時你需要下載相應(yīng)的客戶端
在win中這是個批處理文件，運行它然后填入相應(yīng)的隧道id回車即可，在Mac中命令行執(zhí)行如下命令。

./sunny clientid 隧道id

運行成功會返回ngrok換發(fā)域名。


更多參見ngrok官網(wǎng)教程

到此，我們來讓node服務(wù)跑起來，并通過ngrok的域名外網(wǎng)訪問

mkdir koa2-wechat && cd koa2-wechat
npm install koa --save

新建app.js

const Koa = require("koa")
const app = new Koa()

app.use(async ctx => {
  ctx.body = "JavaScript之禪"
});

app.listen(7001);

我們運行app.js，將服務(wù)跑起來，瀏覽器打開localhost:7001我們將能夠看見返回了JavaScript之禪。這兒推薦使用supervisor，它會監(jiān)視你對代碼的改動,并自動重動 Node

npm install -g supervisor
supervisor app.js

接下來就是用前面講的ngrok進行內(nèi)網(wǎng)轉(zhuǎn)發(fā)了

./sunny clientid 隧道id

如果不出問題，你打開你的轉(zhuǎn)發(fā)域名http://.free.ngrok.cc也將看見JavaScript之禪

三、接入微信公眾平臺開發(fā) 3.1 接入流程

接入微信公眾平臺開發(fā)，開發(fā)者需要按照如下步驟完成：

1、填寫服務(wù)器配置

2、驗證服務(wù)器地址的有效性

3、依據(jù)接口文檔實現(xiàn)業(yè)務(wù)邏輯

我們登錄微信公眾平臺接口測試帳號https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login，登錄后填寫接口配置信息(你的url地址以及token)，這時肯定不能配置成功的。我們需要驗證服務(wù)器地址的有效性，開發(fā)者提交信息后，微信服務(wù)器將發(fā)送GET請求到填寫的服務(wù)器地址URL上，GET請求攜帶參數(shù)如下表所示：

參數(shù) 描述
signature 微信加密簽名，signature結(jié)合了開發(fā)者填寫的token參數(shù)和請求中的timestamp參數(shù)、nonce參數(shù)。
timestamp 時間戳
nonce 隨機數(shù)
echostr 隨機字符串

開發(fā)者通過檢驗signature對請求進行校驗。若確認此次GET請求來自微信服務(wù)器，原樣返回echostr參數(shù)內(nèi)容，則接入生效，成為開發(fā)者成功，否則接入失敗。加密/校驗流程如下：

將token、timestamp、nonce三個參數(shù)進行字典序排序

將三個參數(shù)字符串拼接成一個字符串進行sha1加密

開發(fā)者獲得加密后的字符串可與signature對比，標識該請求來源于微信

Talk is cheap. Show me the code

3.2 koa2驗證服務(wù)器地址的有效性

修改app.js

const Koa = require("koa")
const app = new Koa()
// 引入node加密模塊進行sha1加密
const crypto = require("crypto")

const config = {
  wechat: {
    appID: "appID",
    appsecret: "appsecret",
    token: "zenofjavascript",
  }
}

app.use(async ctx => {
    const { signature, timestamp, nonce, echostr } = ctx.query  
    const token = config.wechat.token
    let hash = crypto.createHash("sha1")
    const arr = [token, timestamp, nonce].sort()
    hash.update(arr.join(""))
    const shasum = hash.digest("hex")
    if(shasum === signature){
      return ctx.body = echostr
    }
    ctx.status = 401      
    ctx.body = "Invalid signature"
})

app.listen(7001)

進入測試號的頁面重新提交接口配置信息，你將會看見一個一閃而過的配置成功過提示框。恭喜，這標志著你正式跳進了微信開發(fā)的坑了。

GitHub地址 https://github.com/liuxing/ko...

本篇文章到此結(jié)束，下一節(jié)將講解公眾號的消息回復(fù)功能

參考鏈接

微信公眾平臺開發(fā)者文檔

公眾號測試號

Ngrok

koa

supervisor

大家可以關(guān)注我的公眾號，一起玩耍。有技術(shù)干貨也有扯淡亂談,回復(fù)888還有干貨領(lǐng)取

左手代碼右手磚，拋磚引玉

不說了，吃雞去了???

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/94485.html

相關(guān)文章

  • Koa2 + Mongo + 爬蟲 搭建 小說微信小程序（本地開發(fā)篇）

    摘要：前言根據(jù)慕課網(wǎng)實現(xiàn)電影微信公眾號前后端開發(fā)學(xué)習后的改造由于上下班期間會看會小說，但是無奈廣告太多，還要收費，于是結(jié)合課程，進行開發(fā)，并上傳到自己的微信小程序。 前言：根據(jù)慕課網(wǎng) Koa2 實現(xiàn)電影微信公眾號前后端開發(fā) 學(xué)習后的改造 由于上下班期間會看會小說，但是無奈廣告太多，還要收費，于是結(jié)合課程，進行開發(fā)，并上傳到自己的微信小程序。 showImg(https://segment...

    Kross 評論0 收藏0

  • ngrok+express解決本地環(huán)境中微信接口調(diào)試問題

    摘要：在微信項目的開發(fā)中，經(jīng)常需要對微信提供的接口進行調(diào)試，比如說錄音分享上傳圖像等接口，但是微信要求綁定安全域名才能使用其提供的一系列功能而在開發(fā)環(huán)境中使用或者本地無法完成域名的認證和綁定所以無法在本地調(diào)試。 在微信項目的開發(fā)中，經(jīng)常需要對微信jssdk提供的接口進行調(diào)試，比如說錄音, 分享 ,上傳圖像等接口，但是微信jssdk要求綁定安全域名才能使用其提供的一系列功能 , 而在開發(fā)環(huán)境中...

    luffyZh 評論0 收藏0

  • 搭建并使用前端代理服務(wù)器

    摘要：本文主要是從前端的角度，使用搭建一個簡易的測試項目，在自己搭建的代理服務(wù)的下實現(xiàn)簡單的微信分享。在微信測試工具中調(diào)試接口，點擊發(fā)送即可會出現(xiàn)比較漂亮的分享鏈接。 一、背景簡介： 目前流行的前后端分離項目，一般都處于不同的域名下，前后端開發(fā)過程中，是分別部署在不同服 務(wù)器上，在做接口聯(lián)調(diào)時，會出現(xiàn)跨域的情況，部署上線時，基本不存在這種需要，因此搭建一個 前端代理服務(wù)，方便開發(fā)。 作為一個...

    lyning 評論0 收藏0

  • 搭建并使用前端代理服務(wù)器

    摘要：本文主要是從前端的角度，使用搭建一個簡易的測試項目，在自己搭建的代理服務(wù)的下實現(xiàn)簡單的微信分享。在微信測試工具中調(diào)試接口，點擊發(fā)送即可會出現(xiàn)比較漂亮的分享鏈接。 一、背景簡介： 目前流行的前后端分離項目，一般都處于不同的域名下，前后端開發(fā)過程中，是分別部署在不同服 務(wù)器上，在做接口聯(lián)調(diào)時，會出現(xiàn)跨域的情況，部署上線時，基本不存在這種需要，因此搭建一個 前端代理服務(wù)，方便開發(fā)。 作為一個...

    jasperyang 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<