网站集成第三方登录--Weinx

微信第三方网页登录 

注：仅适用于线上测试，不提供本地测试（供新手参考）
第一步：
在微信开放平台填写开发者信息，创建应用（图片28*28， 108*108）
随后填写《微信开放平台网站信息登记表》
获取
AppID：
xxxxxxxxxxxxx
AppSecret：
xxxxxxxxxxxxx
提交审核    300/年


（（ 重点 ））：在申请时，填写回调域名填写全称www.xxx.com 其他形式不接受  
不接受形式有： https://www.xxxx.com
www.xxxx.com/weinx/getHandleToken
https://www.xxxx.com/weinx/getHandleToken


第二步：
初步审核通过后，申请开通“微信登录”
需填写开发者资质认证
内容有：
企业业务：
企业全称、组织机构代码、工商执照注册号、法定代表人/企业负责人姓名、
一般经营范围、许可经营范围、企业规模、企业开户名称、企业开户银行、
企业银行帐号；
运营者：
姓名、部门与职位、手机号码、座机、电子邮箱、身份证号码、运营者身份证件（正/反面）
同时需要运营者用  有绑定运营者信息的银行卡的微信 扫描


企业资料：
组织机构代码证/企业工商营业执照/申请公函（由个人/公司填写盖章）


第三步：

前台：
<!-- WXJS -->需要导入JS
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
      <div class="login-type" id="login-wqk" >
<a  class="wx-login"id="WX"><img src="${pageContext.request.contextPath}/images/WX_logo.png" />&nbsp;</a>
</div>
<!-- 二维码显示窗口 -->
<div id="login_container" style="margin-left: 500px;margin-top: -350px;"></div>




JS：
//微信新页面窗口（还没试成功）
$('.wx-login').click(function(){
var sta='&state='+location.href;
location.href='https://open.weixin.qq.com/connect/qrconnect?appid=xxxxx&redirect_uri=http://www.xxxx.com/weinx/getHandleToken&response_type=code&scope=snsapi_login'+sta;
});


或是 
//微信小窗口（通过）
$('.wx-login').click(function(){
var obj = new WxLogin({
       id:"login_container", 
       appid: "xxxxxxxxx", 
       scope: "snsapi_login", 
       redirect_uri: "http://www.xxxx.com/weinx/getHandleToken",
//        state: location.href,
       style: "black",
//        href: ""
     });
});


CSS：
.login-type .wx-login{
background:url(../images/WX_logo.png) -32px no-repeat;
display:inline-block;
width:32px;
height:32px;
    margin-left: 20px;
}


第四步：（获取用户信息）


导入json-lib-2.3-jdk15.jar
ezmorph-1.0.2.jar
编写信息处理请求工具weinxUtil
处理action---WeinxAction.java

ps:参考链接 https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&lang=zh_CN


ps:可能测试时无法再本地服务器上面测试，可以先把接口写好，审核通过后，在正式官网上测试
( 提交审核时，须确认按钮在官网上能点击顺利跳转无报错 )