一．开始前准备

1.公网服务器的准备

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

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

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

B) 下载ngrok客户端，云盘：https://pan.baidu.com/s/1bN3jjS 提取码：4agx

C) 开启

附录2：Apache反向代理

http://www.cnblogs.com/ycmxm/p/6855519.html

附录3：申请测试账号

地址：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

附录4：阅读开发文档

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432

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

https://mp.weixin.qq.com/debug

附录6：Java参考代码

https://pan.baidu.com/s/1pLLrapt 提取码：隐藏

2.微信公众号申请

个人测试用的话http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login即可，企业的话申请公众号可申请服务号（订阅号好多接口不可用，具体可查看官网）

二．开发模式

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的错误。