乐趣区

关于微信公众号开发:01微信公众号开发入门篇

jiezi

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

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/

退出移动版