详解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读取memcache示例分享
Jan 02 NodeJs
NodeJS学习笔记之网络编程
Aug 03 NodeJs
快速掌握Node.js之Window下配置NodeJs环境
Mar 21 NodeJs
NodeJS创建基础应用并应用模板引擎
Apr 12 NodeJs
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
Nov 21 NodeJs
NodeJS基础API搭建服务器详细过程记录
Apr 01 NodeJs
nodejs个人博客开发第五步 分配数据
Apr 12 NodeJs
Nodejs下使用gm圆形裁剪并合成图片的示例
Feb 22 NodeJs
解决nodejs的npm命令无反应的问题
May 17 NodeJs
详解webpack打包nodejs项目(前端代码)
Sep 19 NodeJs
NodeJS服务器实现gzip压缩的示例代码
Oct 12 NodeJs
nodejs实现日志读取、日志查找及日志刷新的方法分析
May 20 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学习之 认清变量的作用范围
2010/01/26 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
php之可变函数的实例详解
2017/09/13 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
innerText 使用示例
2014/01/23 Javascript
浏览器缩放检测的js代码
2014/09/28 Javascript
Jquery实现由下向上展开效果的例子
2014/12/08 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
Javascript中弹窗confirm与prompt的区别
2018/10/26 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Windows系统下使用flup搭建Nginx和Python环境的方法
2015/12/25 Python
Python基础语言学习笔记总结(精华)
2017/11/14 Python
Python:合并两个numpy矩阵的实现
2019/12/02 Python
Python self用法详解
2020/11/28 Python
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
技校生自我鉴定范文
2013/09/26 职场文书
就业自荐书
2013/12/05 职场文书
大学生求职自荐信
2015/03/24 职场文书
公司人事任命通知
2015/04/20 职场文书
个人售房合同协议书
2016/03/21 职场文书
SQLServer 错误: 15404,无法获取有关 Windows NT 组/用户 WIN-8IVSNAQS8T7\Administrator 的信息
2021/06/30 SQL Server
JavaScript分页组件使用方法详解
2021/07/26 Javascript
深入理解go slice结构
2021/09/15 Golang
Python超详细分步解析随机漫步
2022/03/17 Python
mysql查看表结构的三种方法总结
2022/07/07 MySQL