详解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使用mysql模块之获得更新和删除影响的行数的方法
Mar 18 NodeJs
NodeJS学习笔记之(Url,QueryString,Path)模块
Jan 13 NodeJs
nodejs开发微博实例
Mar 25 NodeJs
nodejs爬虫遇到的乱码问题汇总
Apr 07 NodeJs
使用 NodeJS+Express 开发服务端的简单介绍
Apr 07 NodeJs
浅析 NodeJs 的几种文件路径
Jun 07 NodeJs
nodejs密码加密中生成随机数的实例代码
Jul 17 NodeJs
nodejs简单实现TCP服务器端和客户端的聊天功能示例
Jan 04 NodeJs
详解redis在nodejs中的应用
May 02 NodeJs
Nodejs中获取当前函数被调用的行数及文件名详解
Dec 12 NodeJs
nodejs提示:cross-device link not permitted, rename错误的解决方法
Jun 10 NodeJs
详解NodeJS模块化
Jun 15 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
PHP 透明水印生成代码
2012/08/27 PHP
PHP ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
解析smarty模板中类似for的功能实现
2013/06/18 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
Laravel ORM 数据model操作教程
2019/10/21 PHP
js 金额文本框实现代码
2012/02/14 Javascript
JavaScript禁止页面操作的示例代码
2013/12/17 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
javascript实现类似百度分享功能的方法
2015/07/27 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
Bootstrap 布局组件(全)
2016/07/18 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
js继承实现方法详解
2016/12/16 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
jQuery实现可编辑的表格
2019/12/11 jQuery
jQuery实现全选按钮
2021/01/01 jQuery
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
使用python的pandas为你的股票绘制趋势图
2019/06/26 Python
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
《这儿真好》教学反思
2014/02/22 职场文书
丧事主持词大全
2014/04/02 职场文书
对学校的意见和建议
2015/06/04 职场文书
病假条格式范文
2015/08/17 职场文书
《你在为谁工作》心得体会(共8篇)
2016/01/20 职场文书