详解NodeJs开发微信公众号


Posted in NodeJs onMay 25, 2018

古话说: 万事开头难, 回头细想想还真是这样,在没有开始做微信公众号开发之前我以为它很复杂,但是学过之后只想说原来just so so~

这里是我的项目的github地址: https://github.com/muzishuiji/wechat

下面我就把我的学习过程做一下总结,希望可以帮助到有需要的人儿.粗鄙之见,恐有不足,欢迎指教(PS: 在阅读下文之前,你应该对NodeJs和koa框架有一定的了解,会编写简单的项目,如果不是,建议你暂放这篇文章,来这里看看)!

我把我们这次的学习之旅比做一次烹饪美食的过程,那么首先,我们要准备好"烹饪"所需要的素材,如下(由于微信公众号的认证流程很复杂,我一肉体凡胎恐无法解决,所以只有退而求其次,申请测试公众号进行开发):

(1) node环境(我的node版本是8.8.0,npm 版本是4.5.2, windows系统)

(2) 一个微信开放平台的账号

(3) 一台服务器(嗯哼?没有,我们有ngrok内网穿透)

额,似乎就没有啥了,接下来,我们就要开始了,新鲜美味即将出炉,好激动,有木有?
首先,我们不得不大致了解一下这枯燥无味的开发者文档,如果你实现看不进去也不要紧,和我一起,需要的时候再去看也行.

1.使用koa搭建一个后台服务器,以下是我的入口文件和文件目录截图

详解NodeJs开发微信公众号

//项目中用到的模块都可在项目文件的package.json中查看, 你可以一次向安装,也可以用到的时候再安装.

2.接入微信公众平台及开发

微信公众号的开发说白了就是我们搭建的服务器和微信服务器进行交互,我们的服务器根据需要调用微信开放平台提供的相关接口,然后微信服务器在接收到我们服务器发送的请求后,会进行处理并将相关结果返回给微信公众号的客户端,从而实现相关功能.

点击绑定测试号,进入一个绑定测试号的表单页,然后点击查看appID,得到接入认证需要的appID和appSecret,可以暂时不绑定,不影响测试.

详解NodeJs开发微信公众号

然后一起来看文档

详解NodeJs开发微信公众号

这就是接入微信公众平台开发的相关文档,在这过程中,我们需要一个代理域名来映射到我们本地的服务器,已使得微信的服务器可以通过域名与我们的本地服务器进行数据通信.

现在假设你已经有了一个代理(如果没有,先去看3),接下来,微信接入验证.

详解NodeJs开发微信公众号

接入示例代码:

我所有用到的配置项都下载cofig文件夹下的cofig.js里

详解NodeJs开发微信公众号

然后在router文件夹下的index.js中应用配置项,编写路由的相关处理逻辑,代码如下:

详解NodeJs开发微信公众号

这些都编写完毕就可以去微信开放平台修改你测试公众号的相关配置了,修改完成后点击提交,知道看到配置成功的提示就说明修改成功了.因为使用的是代理服务器,所以有一两次配置失败属正常现象.

详解NodeJs开发微信公众号

接下里,你就可以获取access_token,调用相关接口,实现功能了.

3.使用ngrok进行内网转发

首先去这个网站 https://ngrok.com/ 下载一个跟你操作系统相匹配的ngrok.exe,放到一个比较好找的地方.
然后运行你搭建的本地服务器,然后在你存放ngrok.exe的文件夹下,打开命令行窗口,执行一下命令就可以得到一个代理域名.(具体命令由系统决定)

.\ngrok.exe http <你的node服务器的端口号>

然后将你得到的域名,执行成功后的截图,成功后转去 2

详解NodeJs开发微信公众号

好了,已成功接入微信公众平台,火已经开了,油也已经热了,可以放菜了.

NodeJs 相关文章推荐
nodejs入门详解(多篇文章结合)
Mar 07 NodeJs
nodejs中操作mysql数据库示例
Dec 20 NodeJs
Nodejs初级阶段之express
Nov 23 NodeJs
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
Jul 26 NodeJs
Nodejs下用submit提交表单提示cannot post错误的解决方法
Nov 21 NodeJs
详解Nodejs的timers模块
Dec 22 NodeJs
Highcharts+NodeJS搭建数据可视化平台示例
Jan 01 NodeJs
Nodejs回调加超时限制两种实现方法
Jun 09 NodeJs
nodejs操作mongodb的填删改查模块的制作及引入实例
Jan 02 NodeJs
详解redis在nodejs中的应用
May 02 NodeJs
手把手教你如何使用nodejs编写cli命令行
Nov 05 NodeJs
图解NodeJS实现登录注册功能
Sep 16 NodeJs
nodejs express配置自签名https服务器的方法
May 22 #NodeJs
通过nodejs 服务器读取HTML文件渲染到页面的方法
May 17 #NodeJs
解决nodejs的npm命令无反应的问题
May 17 #NodeJs
Mac下通过brew安装指定版本的nodejs教程
May 17 #NodeJs
对mac下nodejs 更新到最新版本的最新方法(推荐)
May 17 #NodeJs
nodejs前端模板引擎swig入门详解
May 15 #NodeJs
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
May 15 #NodeJs
You might like
php和javascript之间变量的传递实现代码
2012/12/19 PHP
js继承 Base类的源码解析
2008/12/30 Javascript
用JS写的一个TableView控件代码
2010/01/23 Javascript
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
Angular父子组件通过服务传参的示例方法
2018/10/31 Javascript
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
python重试装饰器的简单实现方法
2019/01/31 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
2019/06/21 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
python字符串,元组,列表,字典互转代码实例详解
2020/02/14 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
python实现单机五子棋
2020/08/28 Python
python 贪心算法的实现
2020/09/18 Python
详解Python中第三方库Faker
2020/09/25 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
XML文档面试题
2015/08/05 面试题
应届大学生的推荐信
2013/11/20 职场文书
颁奖典礼主持词
2014/03/25 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
奖学金申请书(范文)
2019/08/14 职场文书
Java实现带图形界面的聊天程序
2022/06/10 Java/Android