详解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实现多人同时在线移动鼠标的小游戏分享
Dec 06 NodeJs
NodeJS学习笔记之Http模块
Jan 13 NodeJs
NodeJs中的VM模块详解
May 06 NodeJs
Nodejs express框架一个工程中同时使用ejs模版和jade模版
Dec 28 NodeJs
nodejs连接mongodb数据库实现增删改查
Dec 01 NodeJs
NodeJS遍历文件生产文件列表功能示例
Jan 22 NodeJs
利用nodejs监控文件变化并使用sftp上传到服务器
Feb 18 NodeJs
关于Mac下安装nodejs、npm和cnpm的教程
Apr 11 NodeJs
详解nodejs 配置文件处理方案
Jan 02 NodeJs
nodejs实现日志读取、日志查找及日志刷新的方法分析
May 20 NodeJs
如何利用nodejs实现命令行游戏
Nov 24 NodeJs
分享五个Node.js开发的优秀实践 
Apr 07 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正则走开
2008/03/15 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
2009/12/07 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
jquery 时间戳转日期过程详解
2019/10/12 jQuery
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
python中文编码问题小结
2014/09/28 Python
python函数装饰器用法实例详解
2015/06/04 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
python 除法保留两位小数点的方法
2018/07/16 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
Python脚本操作Excel实现批量替换功能
2019/11/20 Python
Python urllib2运行过程原理解析
2020/06/04 Python
2014年幼儿园植树节活动方案
2014/03/02 职场文书
积极向上的团队口号
2014/06/06 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
学前班语言教学计划
2015/01/20 职场文书
数据库连接池
2021/04/06 MySQL
MySQL分库分表详情
2021/09/25 MySQL
Python实现Hash算法
2022/03/18 Python