1.注册微信开放平台https://open.weixin.qq.com,必定要清楚微信开放平台和微信公众平台是分别独立的,不能共用。web
2.登陆进入——管理中心,网站应用,建立网站应用。填写申请,企业还要盖章,而后设置域名,最后交300元保护费。成功经过验证。得到appid和appSecret两个参数。
3.如今能够在web端里写登陆控制器了。
4.微信网站登陆的文档在https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419316505&token=41ab5f757248bbbdcc2aad1a6d52b49fdc19579e&lang=zh_CN。
数据库
以上前3步是公司去微信那边注册用的。主要是获取两个参数 appid (应用惟一标识)和 appsecret (是应用接口使用密钥) 还有就是指定咱们注册时,api
对应的域名,方便咱们之后进行域名映射跳转。 第4不是微信官方文档咱们的会和微信交互3次,这三个链接都是从文档上拿的记得好好看。浏览器
总体流程就是:微信
1. 第三方发起微信受权登陆请求,微信用户容许受权第三方应用后,微信会拉起应用或重定向到第三方网站,而且带上受权临时票据code参数;
2. 经过code参数加上AppID和AppSecret等,经过API换取access_token;
3. 经过access_token进行接口调用,获取用户基本数据资源或帮助用户实现基本操做。app
==贴代码微信公众平台
1.第一步ide
**
*@ClassName 读取微信配置文件中的参数
*@Description TODD
*@AUTHOR sh-wangbs
*@Date 2019/1/3115:00
*@Version 1.0
**/
@Configuration
@PropertySource(value = "classpath:application.properties")
@Data
public class WeChatConfig {
//开放平台appid
@Value("${wxopen.appid}")
private String openAppid;
//开放平台appsecret
@Value("${wxopen.appsecret}")
private String openAppsecret;
//重定向第三方平台的地址
@Value("${wxopen.redirect_url}")
private String openRedirectUrl;
//微信开放平台二维码链接(从微信官方文档拿的第一个链接)
private final static String OPEN_QRCODE_URL = "https://open.weixin.qq.com/connect/qrconnect?appid=%s&redirect_uri=%s&response_type=code&scope=snsapi_login&state=%s#wechat_redirect";
// 开放平台获取access_token地址(从微信官方文档拿的第二个链接)
private final static String OPEN_ACCESS_TOKEN_URL = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=%s&secret=%s&code=%s&grant_type=authorization_code";
//获取用户信息(从微信官方文档拿的第三个链接)
private final static String OPEN_USER_INFO_URL ="https://api.weixin.qq.com/sns/userinfo?access_token=%s&openid=%s&lang=zh_CN";
public static String getOpenUserInfoUrl() {
return OPEN_USER_INFO_URL;
}
public static String getOpenQrcodeUrl() {
return OPEN_QRCODE_URL;
}
public static String getOpenAccessTokenUrl() {
return OPEN_ACCESS_TOKEN_URL;
}
}
2.第二步
/***
* @Description: 用户生成用户能扫一扫的微信二维码
* @Param: [accessPage]
* @return: cn.unicom.com.utils.JsonData
* @author: wangbs
* @create: 2019/2/1 8:52
*/
@GetMapping("login_url")
@ResponseBody
public JsonData loginUrl(@RequestParam(value = "access_page",required = true)String accessPage) throws UnsupportedEncodingException {
//获取跳转到咱们本身项目的重定向地址
String redirectUrl = weChatConfig.getOpenRedirectUrl();
String callbackUrl = URLEncoder.encode(redirectUrl,"GBK"); //进行编码
String qrcodeUrl = String.format(weChatConfig.getOpenQrcodeUrl(), weChatConfig.getOpenAppid(), callbackUrl, accessPage);
return JsonData.buildSuccess(qrcodeUrl);
}
3.第三步
/***
* @Description: 咱们本身网站用于回调的借口
* @Param: [code=>用户的惟一标识, state=》咱们本身设定带的参数(比较带用户当前扫码的地址), response]
* @return: cn.unicom.com.utils.JsonData
* @author: wangbs
* @create: 2019/2/1 14:20
*/
@GetMapping("callback")
@ResponseBody
public JsonData callback(@RequestParam(value = "code",required = true) String code,
String state, HttpServletResponse response){
//保存用户 微信一键登陆的(剩下的两次交互写在了service)
User user = userService.saveWeChatUser(code);
//判断用户是否成功登录 不为null 用户登陆成功,作你该作的业务,为null 用户没登陆。
if(user != null){
//生成jwt
String token = JwtUtils.geneJsonWebToken(user);
// state 当前用户的页面地址,须要拼接 http:// 这样才不会站内跳转
response.sendRedirect(state+"?token="+token+"&head_img="+user.getHeadImg()+"&name="+URLEncoder.encode(user.getName(),"UTF-8"));
}
return null ;
}
a.service
@Override
public User saveWeChatUser(String code) {
//获取和微信客户端的第二次交互的url(记得带上appid+appsecret+code)
String accessTokenUrl = String.format(WeChatConfig.getOpenAccessTokenUrl(),weChatConfig.getOpenAppid(),weChatConfig.getOpenAppsecret(),code);
//和微信客户端的第二次交互,获取appid和access_token
Map<String, Object> baseMap = HttpUtils.doGet(accessTokenUrl);
//access_token openid
if(baseMap == null || baseMap.isEmpty()){ return null; }
String accessToken = (String)baseMap.get("access_token");
String openId = (String) baseMap.get("openid");
//在这里用户已经登录了,咱们首先拿到用户的惟一标识openid 去咱们的user表中查,该用户是否存在
User userByOptionId = userMapper.findUserByOptionId(openId);
//用户信息在咱们数据库有了 直接放心
if (userByOptionId!=null){
return userByOptionId;
}
//用户第一次经过扫一扫登陆咱们系统
//获取和微信客户端的第三次交互的链接
String userInfoUrl = String.format(WeChatConfig.getOpenUserInfoUrl(),accessToken,openId);
//经过第三次访问微信链接 得到 用户信息
Map<String ,Object> baseUserMap = HttpUtils.doGet(userInfoUrl);
if(baseUserMap == null || baseUserMap.isEmpty()){ return null; }
String nickname = (String)baseUserMap.get("nickname");
Double sexTemp = (Double) baseUserMap.get("sex");
int sex = sexTemp.intValue();
String province = (String)baseUserMap.get("province");
String city = (String)baseUserMap.get("city");
String country = (String)baseUserMap.get("country");
String headimgurl = (String)baseUserMap.get("headimgurl");
StringBuilder sb = new StringBuilder(country).append("||").append(province).append("||").append(city);
String finalAddress = sb.toString();
try {
//解决乱码
nickname = new String(nickname.getBytes("ISO-8859-1"), "UTF-8");
finalAddress = new String(finalAddress.getBytes("ISO-8859-1"), "UTF-8");
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
//封装用户信息保存用户
User user=new User();
user.setOpenid(openId);
user.setName(nickname);
user.setSex(sex);
user.setHeadImg(headimgurl);
user.setCreateTime(new Date());
user.setCity(finalAddress);
userMapper.saveUser(user);
return user;
}
复制下方date中的链接去浏览器(就是二维码)
用户扫一扫就登录了。工具
//上面代码亲自测试的 有效 缺失点实体类啥的本身补上。 还有上面提到的域名映射的问题测试的话能够用(ngrock) http://ngrok.ciqiuwl.cn/ 这个工具可以实现本地ip和域名的映射。别人就能经过外网访问你的域名从而能访问你的ip了。这软件只能本身练习用,不能干非法的事。