Node.js+Koa開發微信公眾號個人筆記(一)準備工作 - ZhangCui - 博客園

本人也是在學習過程中,所以文章只作為學習筆記,如果能幫到你,那就更好啦~當然也難免會有錯誤,請不吝指出~

一、準備工作

1、本人學習教程:慕課網Scott老師的《Node.js七天搞定微信公眾號》 ,但是有點小貴,經濟條件允許的話可以支持一下。

2、文檔:微信開發官方文檔,必備。https://mp.weixin.qq.com/wiki

3、微信開發測試號:測試公眾號,必備。https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

4、云服務器:本人使用的是阿里云ECS,我是不建議使用ngrok這類的工具,太麻煩了,有個云服務器后一勞永逸!想弄的話可以看一下我以前的一篇文章http://www.cnblogs.com/zczhangcui/p/6789094.html

5、域名:有了服務器和外網IP后,沒有域名好像也可以進行,我是買了個域名并進行了備案,備案耗時較長,我是在云網買的,建議買之前看看域名在國內能不能備案。

6、開發工具:mac + chrome + sublime + 手機,當然都不是必須的。sublime使用sftp插件向云服務同步代碼,很方便。

二、框架選擇

這里使用了Node.js的Koa框架的1.2版本,Node版本為7.6.

至于為什么Koa2都有了還要用Koa1.2,當然是跟著教程來的,為了減小入門成本,所以選擇了與教程一致的版本。_(:з」∠)_

三、目錄結構

這里目錄的生成使用了koa-generator快速生成。https://github.com/17koa/koa-generator

四、接入微信服務器

首先進入測試號頁面,如下圖

其中接口配置信息需要填寫你的服務器URL,Token是自己填寫的驗證信息,內容隨意。在提交之前,需要在服務器端進行配置。說白了,這個過程就是向微信證明“你(填寫的服務器地址)是你”。

五、配置服務器,完成接入

在此之前,必須閱讀微信開發文檔,了解接入過程!

?

接下來直接上代碼:

首先使用koa-generator或者生成項目目錄,之后使用npm install 安裝依賴。

在routes下的index中進行如下修改:

復制代碼

var router = require('koa-router')();
var index_middleware = require('../wechat/index_middleware');
var config = require('../wechat/config');router.get('/', index_middleware.get(config.wechat));module.exports = router;

復制代碼

接下來實現index_middleware和config。

wechat/config.js:

復制代碼

module.exports = {wechat: {appID: 'xxxxxx',appSecret: 'xxxxxxxxxxxxxxx',token: 'xxxxxxx'}
};

復制代碼

這里面的信息根據你自己的測試號進行填寫。

wechat/index_middleware.js:

復制代碼

var sha1 = require('sha1');exports.get = function(opts) {return function *(next) {var token = opts.token;var signature = this.query.signature;var nonce = this.query.nonce;var timestamp = this.query.timestamp;var echostr = this.query.echostr;var str = [token, timestamp, nonce].sort().join('');var sha = sha1(str);if (sha === signature) {this.body = echostr + '';}};
};

復制代碼

完成接入邏輯后,需要npm install sha1 --save 安裝sha1加密模塊。

建議安裝npm install supervisor -g,之后supervisor bin/www啟動服務器并監聽變化自動重啟服務器,這樣可以不用每次改動后手動重啟服務器。

完成以上步驟后,回到步驟四,對填寫的URL進行驗證,這時,無意外的話,會出現驗證成功,至此該服務器可以作為微信開發服務器了。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/248876.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/248876.shtml
英文地址,請注明出處:http://en.pswp.cn/news/248876.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

bzoj4919 大根堆

考慮二分求序列LIS的過程。 g[i]表示長度為i的LIS最小以多少結尾。 對于每個數,二分尋找插入的位置來更新g數組。 放到樹上也是一樣,額外加上一個合并兒子的過程。 發現兒子與兒子直接是互不影響的,可以直接合并。 用啟發式合并set來維護這個…

Oracle rowid

SYS prod>select rowid from scott.emp;ROWID ------------------ AAASPXAAEAAAACVAAA AAASPXAAEAAAACVAAB AAASPXAAEAAAACVAAC AAASPXAAEAAAACVAAD AAASPXAAEAAAACVAAE ROWID的格式如下: 數據對象編號 文件編號 塊編號 行編號 AAASPX AAE AAAACV AAA 我們可以看…

vue項目配置eslint(附visio studio code配置)

eslint基礎環境搭建 全局安裝eslint:npm install eslint -g 項目eslint初始化:eslint --init,按團隊或自己的編程風格回答三道題。 ? How would you like to configure ESLint? Use a popular style guide ? Which style guide do you w…

從數據庫中取出數據表,導入并生成excel

RequestMapping("/numericalStatement1")public void createExcel(HttpServletResponse resp) throws Exception{try {String path "G:/test.xlsx";// 創建新的Excel 工作簿XSSFWorkbook workbook new XSSFWorkbook();// 在Excel工作簿中建一工作表&…

【vue-router①】router-link跳轉頁面傳遞參數 - 進擊的前端之路(偶爾爬坑java小路) - SegmentFault 思否

在vue項目中,往往會遇到這樣的情況,就是要實現在一個循環列表中,點擊其中一條跳轉到下個頁面,然后將這一條的相關數據帶到下個頁面中顯示,這是個循環列表,無論點哪一條都是跳到相同的頁面,只是填…

RHEL7 USB installation problem and solving

版權聲明:本文為博主原創文章。未經博主同意不得轉載。 https://blog.csdn.net/scruffybear/article/details/37063701 Encountered quite a few problems while install the RHEL7, with the Windows system already installed. Problem 1:/dev/root does not exis…

Vue表單類的父子組件數據傳遞示例_vue.js_腳本之家

使用Vue.js進行項目開發,那必然會使用基于組件的開發方式,這種方式的確給開發和維護帶來的一定的便利性,但如果涉及到組件之間的數據與狀態傳遞交互,就是一件麻煩事了,特別是面對有一大堆表單的頁面。 在這里記錄一下…

Jmeter-【JSON Extractor】-響應結果中三級key取值

一、請求返回樣式 二、取第三個option 三、查看結果 轉載于:https://www.cnblogs.com/Nancy-Lee/p/10938758.html

Day5:python之函數(3)

一、函數默認值參數 內置函數: input()、print()、int() 常用模塊: 1、列表生成式 s [1,2,3,4,5,6,7,8] for i in s:print(i1) res [ i1 for i in s] res [str(i) for i in s]prin…

vue路由傳參的三種基本方式 - 流年的櫻花逝 - SegmentFault 思否

現有如下場景&#xff0c;點擊父組件的li元素跳轉到子組件中&#xff0c;并攜帶參數&#xff0c;便于子組件獲取數據。 父組件中&#xff1a; <li v-for"article in articles" click"getDescribe(article.id)"> methods&#xff1a; 方案一&#…

Rust從入門到放棄(1)—— hello,world

安裝及環境配置 特點&#xff1a;安全&#xff0c;性能&#xff0c;并發rust源配置RLS安裝cargo rust管理工具&#xff0c;該工具可以愉快方便的管理rust工程 #!/bin/bash mkdir learn cd learn cargo init ## 該命令會在當前目錄下初始化一個## 目錄下會出現一個Cargo.toml文…

牛客33-tokitsukaze and Number Game(數論)

題目描述 tokitsukaze又在玩3ds上的小游戲了&#xff0c;現在她遇到了難關。 tokitsukaze得到了一個整數x&#xff0c;并被要求使用x的每一位上的數字重新排列&#xff0c;組成一個能被8整除的數&#xff0c;并且這個數盡可能大。 聰明的你們請幫幫可愛的tokitsukaze&#xff0…

手摸手,帶你用vue擼后臺 系列一(基礎篇) - 掘金

完整項目地址&#xff1a;vue-element-admin 系列文章&#xff1a; 手摸手&#xff0c;帶你用 vue 擼后臺 系列一&#xff08;基礎篇&#xff09;手摸手&#xff0c;帶你用 vue 擼后臺 系列二(登錄權限篇)手摸手&#xff0c;帶你用 vue 擼后臺 系列三 (實戰篇)手摸手&#xf…

21、python基礎學習-new_three_menu

1 #!/usr/bin/env python2 #__author: hlc3 #date: 2019/5/294 5 menu {6 北京: {7 海淀: {8 五道口: {9 soho: {}, 10 網易: {}, 11 google: {} 12 }, 13 中關村: { 14 …

文獻筆記(十六)

一、基本信息 標題&#xff1a;一種基于 C 語言訪問 MySQL 數據庫的研究 時間&#xff1a;2016 出版源&#xff1a;貴州輕工職業技術學院 領域分類&#xff1a;數據庫與信息管理 作者&#xff1a;唐林 副教授&#xff0c; 研究方向&#xff1a; 計算機應用 二、研究背景 相關工…

webpack+vue+mui學習心得

引入mui 1.不需要npm安裝; 直接從官方下載丟進來 2.那就是全局引用了; 沒錯,就是index.html里直接引入,當然也可以main.js引入,隨意啦! so easy 3.找到webpack.base.conf.js,在module與plugins之間插入以下代碼: 4.這樣就可以在項目里面直接用了.然就是mui與vue-router及點…

[java設計模式簡記] 觀察者模式(Observer-Pattern)

觀察者模式(Observer-Pattern) 數據主體擁有需要數據的對象的數據&#xff0c;并且數據改變時需要數據的對象要及時知道 意圖&#xff1a; 定義對象間的一種一對多的依賴關系&#xff0c;當一個對象的狀態發生改變時&#xff0c;所有依賴于它的對象都得到通知并被自動更新。主要…

【ARTS】01_04_左耳聽風-20181203~1209

ARTS&#xff1a; Algrothm: leetcode算法題目Review: 閱讀并且點評一篇英文技術文章Tip/Techni: 學習一個技術技巧Share: 分享一篇有觀點和思考的技術文章Algorithm Single Number https://leetcode.com/problems/single-number/ 1&#xff09;problem Given a non-empty arra…

vue項目(webpack+mintui),使用hbuilder打包app - 小小人兒大大夢想 - 博客園

一、配置config/index.js 本人沒有配置index.js文件&#xff0c;就開始進行了打包&#xff0c;結果最終效果是頁面空白&#xff0c;解決了空白&#xff0c;接著底部圖標&#xff08;我是用的阿里巴巴圖片&#xff09;資源找不到。所以配置這步比較重要。 &#xff08;1&#…

caffe介紹

轉載于:https://www.cnblogs.com/Artimis-fightting/p/10945099.html