Koa2 WeChat パブリック アカウント開発用のローカル開発およびデバッグ環境を操作する方法

今回は、Koa2 WeChat パブリック アカウント開発のローカル開発およびデバッグ環境を構築する方法と、Koa2 WeChat パブリック アカウント開発のローカル開発およびデバッグ環境を構築するための 注意事項 を​​説明します。見てみましょう。

1.はじめに

開発環境 をセットアップし、WeChat にアクセスします。

2. ローカル開発およびデバッグ環境をセットアップします

2.1 開発環境

1. MacOs

2. Node v8. 9.1

3. Koa2

2.2 WeChatパブリックプラットフォーム開発の基本原則

2.3 ngrok WeChat ローカル開発

処理ファイルです。それを実行し、対応するトンネル ID を入力して、Mac のコマンド ラインで次のコマンドを実行します。

./sunny clientid 隧道id

詳細については、ngrok公式Webサイトのチュートリアルを参照してください

この時点で、ノードサービスを実行し、外部ネットワークからngrokのドメイン名を介してアクセスしましょう

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 を実行してサービスに接続します。実行すると、ブラウザーは localhost:7001 を開き、JavaScript Zen が返されることを確認できます。ここではスーパーバイザーを使用することをお勧めします。コードへの変更を監視し、自動的に Node を再起動します

npm install -g supervisor
supervisor app.js

次のステップは、イントラネット転送に前述の ngrok を使用することです

./sunny clientid 隧道id

問題がなければ、転送を開くことができます。ドメイン名 http://**.free.ngrok.cc には JavaScript の Zen も表示されます

3. WeChat パブリック プラットフォーム開発へのアクセス

WeChat パブリック プラットフォーム開発へのアクセス、開発者は、次の手順に従って完了する必要があります:

1. サーバー構成を入力します

2. サーバーアドレスの有効性を確認します

3. インターフェースドキュメントに基づいてビジネスロジックを実装します

我们登录微信公众平台接口测试帐号https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login，登录后填写接口配置信息*(你的url地址以及token)*，这时肯定不能配置成功的。我们需要验证服务器地址的有效性，开发者提交信息后，微信服务器将发送GET请求到填写的服务器地址URL上，GET请求携带参数如下表所示：

开发者通过检验signature对请求进行校验。若确认此次GET请求来自微信服务器，原样返回echostr参数内容，则接入生效，成为开发者成功，否则接入失败。加密/校验流程如下：

1. 将token、timestamp、nonce三个参数进行字典序排序

2. 将三个参数字符串拼接成一个字符串进行sha1加密

3. 开发者获得加密后的字符串可与signature对比，标识该请求来源于微信

Talk is cheap. Show me the code

3.2 koa2验证服务器地址的有效性

修改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)

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

如何使用JS实现分页打印

mac内nodejs如何更新最新版本

以上がKoa2 WeChat パブリック アカウント開発用のローカル開発およびデバッグ環境を操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。