本篇文章讲的是,开发一个简略的网页,应用内网浸透工具把本机作为一个服务器,联合微信公众号,手机上点击即可拜访到您的网站。

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/