PC 微信扫码登陆
2017-02-12 13:40
218 查看
1、注册微信开发平台
官网网址 自行注册,需要注意的是注册邮箱号不用与腾讯其他产品同号。
2、微信开发平台添加网站应用
以上资料提交之后等待TX审核,审核时间大概2天左右,审核通过之后就可以查看AppID AppSecret以及申请微信登录。
注意:如果注册完的开放平台之后有进行开发者认证时,审核通过之后微信登录默认是开通的,如果没有进行开发者认证点击申请开通 时会提醒进行开发者认证(如下图)
3、PC微信登录流程介绍
网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。进一步了解OAuth2.0—–理解OAuth2.0 官方介绍资料
大致的步骤如下:
1. 第三方发起微信授权登录请求,微信用户允许授权第三方应用后,微信会拉起应用或重定向到第三方网站,并且带上授权临时票据code参数;
2. 通过code参数加上AppID和AppSecret等,通过API换取access_token;
3. 通过access_token进行接口调用,获取用户基本数据资源或帮助用户实现基本操作。
具体的步骤如下:
第一步:请求CODE
接口说明
https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
参数说明
若提示“该链接无法访问”,请检查参数是否填写错误,如redirect_uri的域名与审核时填写的授权域名不一致或scope不为snsapi_login。
返回说明
用户允许授权后,将会重定向到redirect_uri的网址上,并且带上code和state参数
redirect_uri?code=CODE&state=STATE
若用户禁止授权,则重定向后不会带上code参数,仅会带上state参数
redirect_uri?state=STATE
接口封装
接口测试
1、设置AppId、APPSecret以及回调域名
2、PC访问测试。开源项目中访问地址为:
如果授权回调域名与开发平台中的填写不一致将会出现以下提示
第二步:通过code获取access_token
第三步:通过access_token调用接口获取用户信息
第二步、第三步过程与微信公众号授权登录一样可以参考之前写的一篇文章授权获取用户信息
授权后接口调用(UnionID)
获取用户个人信息(UnionID机制)
此接口用于获取用户个人信息。开发者可通过OpenID来获取用户基本信息。特别需要注意的是,如果开发者拥有多个移动应用、网站应用和公众帐号,可通过获取用户基本信息中的unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号,用户的unionid是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的。请注意,在用户修改微信头像后,旧的微信头像URL将会失效,因此开发者应该自己在获取用户信息后,将头像图片保存下来,避免微信头像URL失效后的异常情况。
官方介绍文档
接口封装可以参考开源项目中
网页授权(公众号、PC)获取用户信息
用户管理接口,获取用户基本信息(UnionID机制)
推荐阅读
Android版-微信APP支付
极速开发微信公众号之微信买单
极速开发微信公众号之公众号支付
极速开发微信公众号之扫码支付
极速开发微信公众号之刷卡支付
极速开发微信公众号之现金红包
[Android版-支付宝APP支付](http://www.jianshu.com/p/3d91248aea4b
)
支付宝Wap支付
一张二维码集成微信、支付宝支付
源码下载地址
记录学习的点滴,以此勉励不断奋斗的自己✌️✌️✌️
官网网址 自行注册,需要注意的是注册邮箱号不用与腾讯其他产品同号。
2、微信开发平台添加网站应用
以上资料提交之后等待TX审核,审核时间大概2天左右,审核通过之后就可以查看AppID AppSecret以及申请微信登录。
注意:如果注册完的开放平台之后有进行开发者认证时,审核通过之后微信登录默认是开通的,如果没有进行开发者认证点击申请开通 时会提醒进行开发者认证(如下图)
3、PC微信登录流程介绍
网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。进一步了解OAuth2.0—–理解OAuth2.0 官方介绍资料
大致的步骤如下:
1. 第三方发起微信授权登录请求,微信用户允许授权第三方应用后,微信会拉起应用或重定向到第三方网站,并且带上授权临时票据code参数;
2. 通过code参数加上AppID和AppSecret等,通过API换取access_token;
3. 通过access_token进行接口调用,获取用户基本数据资源或帮助用户实现基本操作。
具体的步骤如下:
第一步:请求CODE
接口说明
https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
参数说明
参数 | 是否必须 | 说明 |
---|---|---|
appid | 是 | 应用唯一标识 |
redirect_uri | 是 | 重定向地址,需要进行UrlEncode |
response_type | 是 | 填code |
scope | 是 | 应用授权作用域,拥有多个作用域用逗号(,)分隔,网页应用目前仅填写snsapi_login即可 |
state | 否 | 用于保持请求和回调的状态,授权请求后原样带回给第三方。该参数可用于防止csrf攻击(跨站请求伪造攻击),建议第三方带上该参数,可设置为简单的随机数加session进行校验 |
返回说明
用户允许授权后,将会重定向到redirect_uri的网址上,并且带上code和state参数
redirect_uri?code=CODE&state=STATE
若用户禁止授权,则重定向后不会带上code参数,仅会带上state参数
redirect_uri?state=STATE
接口封装
params = new HashMap(); params.put("appid", appId); params.put("response_type", "code"); params.put("redirect_uri", redirect_uri); params.put("scope", "snsapi_login"); if (StrKit.isBlank(state)) { params.put("state", "wx#wechat_redirect"); } else { params.put("state", state.concat("#wechat_redirect")); } String para = PaymentKit.packageSign(params, false); return qrconnect_url + "?" + para; }" data-snippet-id="ext.804f63560277df620a11628fb54298ff" data-snippet-saved="false" data-codota-status="done">[code] private static String qrconnect_url = "https://open.weixin.qq.com/connect/qrconnect"; /** * 生成网页二维码授权链接 * @param appId 应用id * @param redirect_uri 回跳地址 * @return url */ public static String getQrConnectURL(String appId, String redirect_uri) { return getQrConnectURL(appId, redirect_uri, null); } /** * 生成网页二维码授权链接 * @param appId 应用id * @param redirect_uri 回跳地址 * @param state 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节 * @return url */ public static String getQrConnectURL(String appId, String redirect_uri, String state) { Map<String, String> params = new HashMap<String, String>(); params.put("appid", appId); params.put("response_type", "code"); params.put("redirect_uri", redirect_uri); params.put("scope", "snsapi_login"); if (StrKit.isBlank(state)) { params.put("state", "wx#wechat_redirect"); } else { params.put("state", state.concat("#wechat_redirect")); } String para = PaymentKit.packageSign(params, false); return qrconnect_url + "?" + para; }
接口测试
1、设置AppId、APPSecret以及回调域名
2、PC访问测试。开源项目中访问地址为:
http://域名/[项目名称]/toWebOauth
//pc扫描登陆 public void toWebOauth(){ String calbackUrl=PropKit.get("domain")+"/oauth/webCallBack"; String url=SnsAccessTokenApi.getQrConnectURL(PropKit.get("webAppId"), calbackUrl,"666"); redirect(url); }
如果授权回调域名与开发平台中的填写不一致将会出现以下提示
第二步:通过code获取access_token
第三步:通过access_token调用接口获取用户信息
第二步、第三步过程与微信公众号授权登录一样可以参考之前写的一篇文章授权获取用户信息
授权后接口调用(UnionID)
获取用户个人信息(UnionID机制)
此接口用于获取用户个人信息。开发者可通过OpenID来获取用户基本信息。特别需要注意的是,如果开发者拥有多个移动应用、网站应用和公众帐号,可通过获取用户基本信息中的unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号,用户的unionid是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的。请注意,在用户修改微信头像后,旧的微信头像URL将会失效,因此开发者应该自己在获取用户信息后,将头像图片保存下来,避免微信头像URL失效后的异常情况。
官方介绍文档
接口封装可以参考开源项目中
网页授权(公众号、PC)获取用户信息
params = new HashMap(); params.put("appid", appId); params.put("response_type", "code"); params.put("redirect_uri", redirectUri); // snsapi_base(不弹出授权页面,只能拿到用户openid) // snsapi_userinfo(弹出授权页面,这个可以通过 openid 拿到昵称、性别、所在地) if (snsapiBase) { params.put("scope", "snsapi_base"); } else { params.put("scope", "snsapi_userinfo"); } if (StrKit.isBlank(state)) { params.put("state", "wx#wechat_redirect"); } else { params.put("state", state.concat("#wechat_redirect")); } String para = PaymentKit.packageSign(params, false); return authorize_uri + "?" + para; } /** * 生成网页二维码授权链接 * @param appId 应用id * @param redirect_uri 回跳地址 * @return url */ public static String getQrConnectURL(String appId, String redirect_uri) { return getQrConnectURL(appId, redirect_uri, null); } /** * 生成网页二维码授权链接 * @param appId 应用id * @param redirect_uri 回跳地址 * @param state 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节 * @return url */ public static String getQrConnectURL(String appId, String redirect_uri, String state) { Map params = new HashMap(); params.put("appid", appId); params.put("response_type", "code"); params.put("redirect_uri", redirect_uri); params.put("scope", "snsapi_login"); if (StrKit.isBlank(state)) { params.put("state", "wx#wechat_redirect"); } else { params.put("state", state.concat("#wechat_redirect")); } String para = PaymentKit.packageSign(params, false); return qrconnect_url + "?" + para; } /** * 通过code获取access_token * * @param code 第一步获取的code参数 * @param appId 应用唯一标识 * @param secret 应用密钥AppSecret * @return SnsAccessToken */ public static SnsAccessToken getSnsAccessToken(String appId, String secret, String code) { final Map queryParas = ParaMap.create("appid", appId).put("secret", secret).put("code", code).getData(); return RetryUtils.retryOnException(3, new Callable() { @Override public SnsAccessToken call() throws Exception { String json = HttpUtils.get(url, queryParas); return new SnsAccessToken(json); } }); } }" data-snippet-id="ext.fc4c8e08b8a21ac8b08f430a8f26ad21" data-snippet-saved="false" data-codota-status="done">[code]import com.jfinal.kit.StrKit; import com.jfinal.weixin.sdk.kit.ParaMap; import com.jfinal.weixin.sdk.kit.PaymentKit; import com.jfinal.weixin.sdk.utils.HttpUtils; import com.jfinal.weixin.sdk.utils.RetryUtils; import java.util.HashMap; import java.util.Map; import java.util.concurrent.Callable; public class SnsAccessTokenApi { private static String url = "https://api.weixin.qq.com/sns/oauth2/access_token?grant_type=authorization_code"; private static String authorize_uri = "https://open.weixin.qq.com/connect/oauth2/authorize"; private static String qrconnect_url = "https://open.weixin.qq.com/connect/qrconnect"; /** * 生成Authorize链接 * @param appId 应用id * @param redirect_uri 回跳地址 * @param snsapiBase snsapi_base(不弹出授权页面,只能拿到用户openid)snsapi_userinfo(弹出授权页面,这个可以通过 openid 拿到昵称、性别、所在地) * @return url */ public static String getAuthorizeURL(String appId, String redirect_uri, boolean snsapiBase) { return getAuthorizeURL(appId, redirect_uri, null, snsapiBase); } /** * 生成Authorize链接 * @param appId 应用id * @param redirectUri 回跳地址 * @param state 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节 * @param snsapiBase snsapi_base(不弹出授权页面,只能拿到用户openid)snsapi_userinfo(弹出授权页面,这个可以通过 openid 拿到昵称、性别、所在地) * @return url */ public static String getAuthorizeURL(String appId, String redirectUri, String state, boolean snsapiBase) { Map<String, String> params = new HashMap<String, String>(); params.put("appid", appId); params.put("response_type", "code"); params.put("redirect_uri", redirectUri); // snsapi_base(不弹出授权页面,只能拿到用户openid) // snsapi_userinfo(弹出授权页面,这个可以通过 openid 拿到昵称、性别、所在地) if (snsapiBase) { params.put("scope", "snsapi_base"); } else { params.put("scope", "snsapi_userinfo"); } if (StrKit.isBlank(state)) { params.put("state", "wx#wechat_redirect"); } else { params.put("state", state.concat("#wechat_redirect")); } String para = PaymentKit.packageSign(params, false); return authorize_uri + "?" + para; } /** * 生成网页二维码授权链接 * @param appId 应用id * @param redirect_uri 回跳地址 * @return url */ public static String getQrConnectURL(String appId, String redirect_uri) { return getQrConnectURL(appId, redirect_uri, null); } /** * 生成网页二维码授权链接 * @param appId 应用id * @param redirect_uri 回跳地址 * @param state 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节 * @return url */ public static String getQrConnectURL(String appId, String redirect_uri, String state) { Map<String, String> params = new HashMap<String, String>(); params.put("appid", appId); params.put("response_type", "code"); params.put("redirect_uri", redirect_uri); params.put("scope", "snsapi_login"); if (StrKit.isBlank(state)) { params.put("state", "wx#wechat_redirect"); } else { params.put("state", state.concat("#wechat_redirect")); } String para = PaymentKit.packageSign(params, false); return qrconnect_url + "?" + para; } /** * 通过code获取access_token * * @param code 第一步获取的code参数 * @param appId 应用唯一标识 * @param secret 应用密钥AppSecret * @return SnsAccessToken */ public static SnsAccessToken getSnsAccessToken(String appId, String secret, String code) { final Map<String, String> queryParas = ParaMap.create("appid", appId).put("secret", secret).put("code", code).getData(); return RetryUtils.retryOnException(3, new Callable<SnsAccessToken>() { @Override public SnsAccessToken call() throws Exception { String json = HttpUtils.get(url, queryParas); return new SnsAccessToken(json); } }); } }
用户管理接口,获取用户基本信息(UnionID机制)
openIdList) { Map userListMap = new HashMap(); List userList = new ArrayList(); for (String openId : openIdList) { Map mapData = new HashMap(); mapData.put("openid", openId); mapData.put("lang", "zh_CN"); userList.add(mapData); } userListMap.put("user_list", userList); return batchGetUserInfo(JsonUtils.toJson(userListMap)); } private static String updateRemarkUrl = "https://api.weixin.qq.com/cgi-bin/user/info/updateremark?access_token="; /** * 设置备注名 * @param openid 用户标识 * @param remark 新的备注名,长度必须小于30字符 * @return {ApiResult} */ public static ApiResult updateRemark(String openid, String remark) { String url = updateRemarkUrl + AccessTokenApi.getAccessTokenStr(); Map mapData = new HashMap(); mapData.put("openid", openid); mapData.put("remark", remark); String jsonResult = HttpUtils.post(url, JsonUtils.toJson(mapData)); return new ApiResult(jsonResult); } } " data-snippet-id="ext.08b5e56863fb3ea3d62b4329261fcdd8" data-snippet-saved="false" data-codota-status="done">[code]import com.jfinal.weixin.sdk.kit.ParaMap; import com.jfinal.weixin.sdk.utils.HttpUtils; import com.jfinal.weixin.sdk.utils.JsonUtils; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; /** * 用户管理 API * <pre> * https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN * </pre> */ public class UserApi { private static String getUserInfo = "https://api.weixin.qq.com/cgi-bin/user/info"; private static String getFollowers = "https://api.weixin.qq.com/cgi-bin/user/get"; private static String batchGetUserInfo = "https://api.weixin.qq.com/cgi-bin/user/info/batchget?access_token="; /** * 获取用户基本信息(包括UnionID机制) * @param openId 普通用户的标识,对当前公众号唯一 * @return ApiResult */ public static ApiResult getUserInfo(String openId) { ParaMap pm = ParaMap.create("access_token", AccessTokenApi.getAccessTokenStr()).put("openid", openId).put("lang", "zh_CN"); return new ApiResult(HttpUtils.get(getUserInfo, pm.getData())); } /** * 获取用户列表 * @param nextOpenid 第一个拉取的OPENID,不填默认从头开始拉取 * @return ApiResult */ public static ApiResult getFollowers(String nextOpenid) { ParaMap pm = ParaMap.create("access_token", AccessTokenApi.getAccessTokenStr()); if (nextOpenid != null) pm.put("next_openid", nextOpenid); return new ApiResult(HttpUtils.get(getFollowers, pm.getData())); } /** * 获取用户列表 * @return ApiResult */ public static ApiResult getFollows() { return getFollowers(null); } /** * 批量获取用户基本信息, by Unas * @param jsonStr json字符串 * @return ApiResult */ public static ApiResult batchGetUserInfo(String jsonStr) { String jsonResult = HttpUtils.post(batchGetUserInfo + AccessTokenApi.getAccessTokenStr(), jsonStr); return new ApiResult(jsonResult); } /** * 批量获取用户基本信息 * @param openIdList openid列表 * @return ApiResult */ public static ApiResult batchGetUserInfo(List<String> openIdList) { Map<String, List<Map<String, Object>>> userListMap = new HashMap<String, List<Map<String, Object>>>(); List<Map<String, Object>> userList = new ArrayList<Map<String,Object>>(); for (String openId : openIdList) { Map<String, Object> mapData = new HashMap<String, Object>(); mapData.put("openid", openId); mapData.put("lang", "zh_CN"); userList.add(mapData); } userListMap.put("user_list", userList); return batchGetUserInfo(JsonUtils.toJson(userListMap)); } private static String updateRemarkUrl = "https://api.weixin.qq.com/cgi-bin/user/info/updateremark?access_token="; /** * 设置备注名 * @param openid 用户标识 * @param remark 新的备注名,长度必须小于30字符 * @return {ApiResult} */ public static ApiResult updateRemark(String openid, String remark) { String url = updateRemarkUrl + AccessTokenApi.getAccessTokenStr(); Map<String, String> mapData = new HashMap<String, String>(); mapData.put("openid", openid); mapData.put("remark", remark); String jsonResult = HttpUtils.post(url, JsonUtils.toJson(mapData)); return new ApiResult(jsonResult); } }
推荐阅读
Android版-微信APP支付
极速开发微信公众号之微信买单
极速开发微信公众号之公众号支付
极速开发微信公众号之扫码支付
极速开发微信公众号之刷卡支付
极速开发微信公众号之现金红包
[Android版-支付宝APP支付](http://www.jianshu.com/p/3d91248aea4b
)
支付宝Wap支付
一张二维码集成微信、支付宝支付
源码下载地址
记录学习的点滴,以此勉励不断奋斗的自己✌️✌️✌️
相关文章推荐
- 微信开发限制页面pc端登陆
- PC网站微信第三方登陆
- PHP微信PC二维码登陆的实现思路
- PC 微信扫码登陆
- 微信PC端网站 微信扫码登陆
- 移动版&PC版微信登陆功能
- PHP、Yii PC端接QQ、微信、新浪微博 第三方登陆
- pc端用微信扫一扫实现微信第三方登陆
- 微信PC二维码登陆的一种思路
- 微信登陆 (微信PC扫码授权登陆) 简单的php代码
- 微信登陆 (微信PC扫码授权登陆) 简单的php代码
- 关于微信PC扫码支付
- Android 端微信就是无法进行登陆,但是检查代码都没有任何问题
- 网页版微信和微信公共号扫码登陆原理分析
- Android 微信登陆
- Android 集成微信第三方登陆
- 第三方登陆 ,微信扫码登陆
- 微信公众号(服务号)接入开发(2)之微信授权登陆
- 代理服务器设置 && PC上装载旧版本驱动程序 && 查看windows登陆记录 && WIN7上跳过从windows update获取驱动 && 在开始菜单添加应用快捷方式
- 判断实在pc,android,ios,微信,微博,qq打开链接