微信开发接口配置和Web开发工具

微信公众平台开发者文档：http://mp.weixin.qq.com/wiki/home/index.html

首先申请一个微信公众开发测试账号：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login



申请后会提供appID和appsecret，你需要在自己的代码中添加接口配置的处理。

但此处URL必须为一个公网地址，且使用80端口，这就涉及到之前讲到的公网映射的方式。通常使用ngrok，注册后获得authtoken并配置，使用ngrok http <port>即可将指定端口映射到公网80端口。

接口配置的java示例：（参考Journey的博客）

@WebServlet(urlPatterns = "/wx", name = "wxHouseKeeperServlet")
public class HouseKeeper extends HttpServlet {
public static final String TOKEN = "mzmzo";

@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
try {
// 开发者提交信息后，微信服务器将发送GET请求到填写的服务器地址URL上，GET请求携带参数
String signature = request.getParameter("signature");// 微信加密签名（token、timestamp、nonce。）
String timestamp = request.getParameter("timestamp");// 时间戳
String nonce = request.getParameter("nonce");// 随机数
String echostr = request.getParameter("echostr");// 随机字符串
PrintWriter out = response.getWriter();
// 将token、timestamp、nonce三个参数进行字典序排序
String[] params = new String[] { TOKEN, timestamp, nonce };
Arrays.sort(params);
// 将三个参数字符串拼接成一个字符串进行sha1加密
String clearText = params[0] + params[1] + params[2];
String algorithm = "SHA-1";
String sign = new String(
Hex.encodeHex(MessageDigest.getInstance(algorithm).digest((clearText).getBytes()), true));
// 开发者获得加密后的字符串可与signature对比，标识该请求来源于微信
if (signature.equals(sign)) {
response.getWriter().print(echostr);
}
} catch (Exception e) {
e.printStackTrace();
}
}
}

此处TOKEN与网页中填写的Token一致即可

接下来配置“网页授权获取用户基本信息”



注意填写时不用加http://，只填写域名即可。

完成后扫描下方二维码即可关注自己的公众测试号，网页中会显示关注用户的Openid。

下载微信Web开发工具，即可模拟手机调试



完成登录和绑定后，开发者就可以开始调试微信网页授权，在地址栏直接输入URL

示例： https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_base&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome

这里appid填写之前注册后得到的，redirect_uri指向自己的公网域名下的url，response_type为code，scope为snsapi_base表示静默授权，state填写uri后的mapping。注意这里的redirect_uri和state可能需要urlencode。