参考：  

一．开始前准备

1.公网服务器的准备

尽量不要使用ip那种的会影响后面好多功能。实际开发可自行购买云服务器和域名。域名不可以有端口号即只可用80端口。

附录1：使用ngrok做内网穿透

A) 登录ngrok国内网址：https://www.ngrok.cc/注册账号，申请隧道。

B) 下载ngrok客户端，云盘： 提取码：4agx

C) 开启

 

附录2：Apache反向代理

 

附录3：申请测试账号

地址：

 

附录4：阅读开发文档

 

附录5：在线接口调试工具

 

附录6：Java参考代码

 提取码：隐藏

 

2.微信公众号申请

个人测试用的话即可，企业的话申请公众号可申请服务号（订阅号好多接口不可用，具体可查看官网）

 

二．开发模式

1.服务器配置

 

首先需要把 AppID和Appsecret提取出来

 

启用服务器配置

1）具体参考开发文档

2）代码

 

 

 

2.使用接口调试工具创建自定义菜单

具体可查看开发文档

{

        "button": [

            {

                "type": "view",

                "name": "图书漂流",

                "url": "url"

            }

        ]

}

2.接口调用

2.1 用户绑定

在进入绑定页面之前，授权获得用户信息

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdc1f6ca919a5a5fe&redirect_uri=http%3A%2F%2Fycm12580.ngrok.cc%2Fwechat%2FwxreceiveHandle%2Flogin&response_type=code&scope=snsapi_base&state=123#wechat_redirect

上面的参数redirect_uri 为授权后回调地址需要urlEncode对链接进行处理

具体参考开发文档

回调地址会携带code参数和state参数，可通过code获取到用户管理微信的openID，首次登陆需要提交系统用户的信息，将openID绑定到该用户上完成绑定

代码参考：

 

 

 

2.2 发送客服信息

 

 

具体参考开发文档

 

2.3 调用js-sdk获取地理位置

 

 

 

 

 

后台获取配置参数具体参考代码，注：此处url的获取必须动态获取，且传递参数的时候必须POST传递，否则网页上会出现 valid signature的错误。