微信第三方网页登录
注:仅适用于线上测试,不提供本地测试(供新手参考)
第一步:
在微信开放平台填写开发者信息,创建应用(图片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" /> </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:可能测试时无法再本地服务器上面测试,可以先把接口写好,审核通过后,在正式官网上测试
( 提交审核时,须确认按钮在官网上能点击顺利跳转无报错 )