01-微信公众号开发入门篇

本篇文章讲的是，开发一个简单的网页，使用内网渗透工具把本机作为一个服务器，结合微信公众号，手机上点击即可访问到您的网站。

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/