带你玩转公众号开发

1.开发网页

使用Hbuilder编辑网页

2.内网穿透

2.1注册登录

https://www.ngrok.cc/

注册，登录，关注公众号

123450502@qq.com 914***

2.2购买服务器

在下图中输入域名和本地ip,端口号，端口号是你程序所有端口号

查看隧道id

2.3下载客户端

​​​​​​​2.4双击bat启动ngrok

解压客户端后，双击bat启动ngrok，输入购买的隧道id

启动成功后如下图

​​​​​​​2.5使用域名访问内网服务

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

 "button":[
  
      {
           "name":"网址",
           "sub_button":[
           {	
               "type":"view",
               "name":"baidu",
               "url":"http://www.baidu.com/"
            },
            {	
               "type":"view",
               "name":"sohu",
               "url":"http://www.sohu.com/"
            }
            ]
       },
         {
           "name":"网址",
           "sub_button":[
           {	
               "type":"view",
               "name":"baidu",
               "url":"http://www.baidu.com/"
            },
            {	
               "type":"view",
               "name":"sohu",
               "url":"http://www.sohu.com/"
            }
            ]
       }]
 }

6.1.3删除菜单

​​​​​​​6.1.4重新创建菜单

{
    "button": [
        {
            "name": "user", 
            "sub_button": [
                {
                    "type": "view", 
                    "name": "login", 
                    "url": "http://zhangjj.vipgz4.idcfengye.com/project/login.html"
                }, 
                {
                    "type": "view", 
                    "name": "register", 
                    "url": "http://zhangjj.vipgz4.idcfengye.com/project/register.html"
                }
            ]
        }, 
        {
            "name": "网址", 
            "sub_button": [
                {
                    "type": "view", 
                    "name": "baidu", 
                    "url": "http://www.baidu.com/"
                }, 
                {
                    "type": "view", 
                    "name": "sohu", 
                    "url": "http://www.sohu.com/"
                }
            ]
        }
    ]
}

7.申请微信开发者正式帐号