微信开发接口配置和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。