详解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学习笔记之Stream模块
Jan 13 NodeJs
nodejs进阶(6)—连接MySQL数据库示例
Jan 07 NodeJs
详解nodejs微信公众号开发——1.接入微信公众号
Apr 10 NodeJs
nodejs获取微信小程序带参数二维码实现代码
Apr 12 NodeJs
NodeJS链接MySql数据库的操作方法
Jun 27 NodeJs
NodeJs实现定时任务的示例代码
Dec 05 NodeJs
nodeJs实现基于连接池连接mysql的方法示例
Feb 10 NodeJs
NodeJS实现不可逆加密与密码密文保存的方法
Mar 16 NodeJs
nodejs中实现用户注册路由功能
May 20 NodeJs
详解利用nodejs对本地json文件进行增删改查
Sep 20 NodeJs
nodejs中的异步编程知识点详解
Jan 17 NodeJs
Node.js实现爬取网站图片的示例代码
Apr 04 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
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
详解angular element()方法使用
2017/04/08 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
AngularJS实现tab选项卡的方法详解
2017/07/05 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
在React项目中使用Eslint代码检查工具及常见问题
2018/10/10 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
vue实现修改图片后实时更新
2019/11/14 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
Python中的下划线详解
2015/06/24 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
基于PyTorch中view的用法说明
2021/03/03 Python
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
allbeauty美国:英国在线美容店
2019/03/11 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
反腐倡廉标语
2014/06/24 职场文书
音乐学专业求职信
2014/07/22 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
论文致谢词范文
2015/05/14 职场文书
单身证明格式样本
2015/06/15 职场文书
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang
MySQL时间设置注意事项的深入总结
2021/05/06 MySQL