本篇文章给大家分享了NodeJs开发微信公众号的相关技术内容,对此有需要的朋友们可以跟着学习参考下。

古话说: 万事开头难, 回头细想想还真是这样,在没有开始做微信公众号开发之前我以为它很复杂,但是学过之后只想说原来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搭建一个后台服务器,以下是我的入口文件和文件目录截图

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

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

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

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

然后一起来看文档

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

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

接入示例代码:

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

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

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

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

3.使用ngrok进行内网转发

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

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

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

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

最新资讯
缺斤少两农残超标 盒马每日优鲜等7家买菜App被点名

缺斤少两农残超标 盒

近期,杭州市消保委选取部分在杭州城区能提供1小时送达
腾讯音乐、网易云音乐要挣钱 得先争版权

腾讯音乐、网易云音乐

音乐版权发行业务孵化的背后,是传统唱片公司与互联网音
周鸿祎:360将专注解决网络雷达问题 正研发防御系统

周鸿祎:360将专注解决

周鸿祎在参加“强网论坛”时透露,近几年360在网络攻击
中国电影票房9年来首现负增长 观影人次同期减约1亿

中国电影票房9年来首

2019年1-5月,中国电影分账票房(不含服务费)累计249.41亿
哈啰:未开展助力车投资返利业务 受骗用户及时报警

哈啰:未开展助力车投资

哈啰出行从未开展或授权任何主体开展认购车辆投资返利
华为被限制后 博通下调了20亿美元的营收预期

华为被限制后 博通下

据悉,2018年博通与华为的总销售额约为9亿美元。
最新文章
JavaScript解析及序列化JSON的方法实例分析

JavaScript解析及序列

这篇文章主要介绍了JavaScript解析及序列化JSON的方法
如何为vuex实现带参数的 getter和state.commit

如何为vuex实现带参数

这篇文章主要介绍了如何为vuex实现带参数的getter和st
使用VUE+iView+.Net Core上传图片的方法示例

使用VUE+iView+.Net C

这篇文章主要介绍了使用VUE+iView+.Net Core上传图片
JS实现的获取银行卡号归属地及银行卡类型操作示例

JS实现的获取银行卡号

这篇文章主要介绍了JS实现的获取银行卡号归属地及银行
Angular6 用户自定义标签开发的实现方法

Angular6 用户自定义

这篇文章主要介绍了Angular6 用户自定义标签开发的实
React 实现拖拽功能的示例代码

React 实现拖拽功能的

这篇文章主要介绍了React 实现拖拽功能的示例代码,小编