本篇文章给大家分享了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

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

最新资讯
携程熊星:机票业务将加速全球化布局 发力欧洲和北美

携程熊星:机票业务将

熊星指出,随着技术的突破,航空公司的分销成本大幅下降,已
携程推平台赋能战略 梁建章:为旅游创业者带来新机会

携程推平台赋能战略

在今日举行的2018年携程全球合作伙伴峰会上,携程联合创
IDC:中国智能手机市场出现反弹迹象 2020年恢复增长

IDC:中国智能手机市场

调研机构IDC今日发布报告称,中国智能手机市场已出现反
马斯克:我们将在2019年推出皮卡车

马斯克:我们将在2019年

据彭博消息,特斯拉CEO马斯克称将在2019年购买皮卡车原
投行:中国法(tian)院(ping)iPhone禁令将推动苹果与高通和解

投行:中国法(tian)院(ping)iPhone禁

投资银行野村极讯(Nomura Instinet)今日发布投资研究
街电COO何顺:不会放弃专利战维权 将进行设备升级

街电COO何顺:不会放弃

在街电与来电的专利诉讼之后,街电COO何顺今日晚间发布
最新文章
详解mpvue小程序中怎么引入iconfont字体图标

详解mpvue小程序中怎

这篇文章主要介绍了详解mpvue小程序中怎么引入iconfon
JS如何获取地址栏的参数实例讲解

JS如何获取地址栏的参

本篇文章给大家带来了关于JS如何获取地址栏的参数实例
angularJs利用$scope处理升降序的方法

angularJs利用$scope

今天小编就为大家分享一篇angularJs利用$scope处理升
CKEditor4配置与开发详细中文说明文档

CKEditor4配置与开发

网上分享的CKEditor4中文说明很多都只是的部分使用方
angularjs获取到My97DatePicker选中的值方法

angularjs获取到My97D

今天小编就为大家分享一篇angularjs获取到My97DatePic
vue实现一个炫酷的日历组件

vue实现一个炫酷的日

公司业务新开了一个商家管理微信H5移动端项目,日历控件