一、qq登录
1、申请,创建应用
https://connect.qq.com/
输入相关信息,主要的网站域名和回调地址,回调地址新改的规则是要很完整填写
获取到app id和app key
2、查看qq登录文档
http://wiki.open.qq.com/wiki/website/%E6%94%BE%E7%BD%AE%E2%80%9CQQ%E7%99%BB%E5%BD%95%E2%80%9D%E6%8C%89%E9%92%AE_OAuth2.0
1)qq按钮
<a href="#" οnclick='qqLogin()'> <img src="img/qq_login.png"></a>
2)获取code
PC网站: https://graph.qq.com/oauth2.0/authorize (官网文档虽然是wap,但调用wap的时候显示网页不存在,所以选择了pc)
$scope.
qqLogin =
function(){
$scope.
Redirect_uri_qq =
encodeURIComponent(
"https://.../login.html");
location.
href=
"https://graph.qq.com/oauth2.0/authorize?client_id=123456&response_type=code&scope=get_user_info&state="+
$scope.
state+
"&redirect_uri="+
$scope.
Redirect_uri_qq;
}
3) token和openId通过后台获取
二、微信登录
1)获取code
$scope.
wechatLogin =
function(){
//微信授权,获取code
$scope.
Redirect_uri =
encodeURIComponent(
"https://code.html?lastUrl="+
$scope.
lastUrlLink);
location.
href=
"https://open.weixin.qq.com/connect/oauth2/authorize?appid=123456&redirect_uri="+
$scope.
Redirect_uri+
"&response_type=code&scope=snsapi_userinfo&state="+
$scope.
state_wx+
"#wechat_redirect";
}