本篇文章讲的是,开发一个简略的网页,应用内网浸透工具把本机作为一个服务器,联合微信公众号,手机上点击即可拜访到您的网站。
1.开发无关一个简略的网页
应用到的工具 Hbuilder
1.1 我的项目构造
1.2 语言
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> IndexPage </body></html>
2.内网浸透
2.1 下载内网浸透工具
https://www.ngrok.cc/ 下载Ngrok客户端(windows_amd64)
下载解压:
注册登录
2.2 购买服务器
输出域名和本地ip、端口号
点击编辑
配置服务器
服务器端口号和本地端口号统一
2.3 双击bat启动ngrok
双击bat启动ngrok,输出购买的隧道id启动胜利后如下图
回车启动胜利
2.4 应用域名拜访内网服务
http://zhou1314.free.idcfengy...
3.申请微信开发者测试帐号
http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo
用手机扫描网页上的二维码,如下图。
在手机上点批准
拷贝 appid, appsecret
Appid为空:
多刷新几次。
也有可能是网络问题。
4.设置公众号回调
5.手机拜访公众号
6.设置菜单
6.1 用网页调试工具
6.1.1 取access_token
在后盾找到获取access_token的入口,在新窗口中关上网页。如下图
查看文档,如下图。
在调试网页中获取access_token,如下图
拷贝access_token
获取access_token失败了,起因是appid,appsecrt过期了,要刷新从新获取appid,appsecrt
6.1.2 创立菜单
在调试网页中找到创立菜单的的接口,填上access_token
6.1.3 删除菜单
删除菜单,查看问题
6.1.4 从新创立菜单
6.1.5 body外面的代码
{ "button": [ { "type": "click", "name": "今日歌曲", "key": "V1001_TODAY_MUSIC" }, { "name": "菜单", "sub_button": [ { "type": "view", "name": "搜寻", "url": "http://zhou1314.free.idcfengye.com/wx/index.html" }, { "type": "click", "name": "赞一下咱们", "key": "V1001_GOOD" } ] } ]}
7.最初就是这样子
扫一扫测试
手机界面成果
8.申请微信开发者正式帐号
我的项目开发实现后,必须申请正式公从号。
https://mp.weixin.qq.com/