共计 1128 个字符，预计需要花费 3 分钟才能阅读完成。
本篇文章讲的是，开发一个简略的网页，应用内网浸透工具把本机作为一个服务器，联合微信公众号，手机上点击即可拜访到您的网站。
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/