引言
微信支付和微信第三方登录已经做过好多次了,每次做感觉都有坑,详细记录下,以免下次踩坑,先从微信登录开始吧。
微信第三方登录
1.集成微信SDK
1.1手动集成
-
登录微信开放者平台->资源中心->资源下载
微信SDK文件
下载好了直接拖到Xcode里就可以了。
- Build Phases->Link Binary With Libraries中添加以下依赖库
SystemConfiguration.framework
libz.dylib
libsqlite3.0.dylib
libc++.dylib
Security.framework
CoreTelephony.framework
CFNetwork.framework
添加相关依赖库
-
Build Setting->Other Linker Flags中加入"-ObjC"
-
Info->URL Types中添加下图所示(URL Schemes就是你微信开放者平台应用的AppID)
-
在桥接文件中添加以下代码
#import "WXApi.h"
#import "WXApiObject.h"
#import <CommonCrypto/CommonCrypto.h>
1.2 cocopods集成
pod 'WechatOpenSDK'
- 在桥接文件中添加以下代码
#import "WXApi.h"
#import "WXApiObject.h"
#import <CommonCrypto/CommonCrypto.h>
2.在代码中使用开发工具包
在很多的第三方登录都会有OAuth2.0授权登录系统,包括微博等等,其实就是为了安全考虑,你在第三方App登录微信账号密码必然不放心,所以微信给你官方的登录界面,这样就可以保护用户的账户安全,由于微信没有提供网页登录方式,所以必须IOS用户必须下载微信客户端,第三方App向微信请求来获取用户的基本信息。
微信文档中的获取access_token时序图
2.1.注册微信
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
//MARK: -注册微信
WXApi.registerApp(WXAppID)
return true
}
2.2.AppDelegate添加微信回调方法
添加WXApiDelegate代理
class AppDelegate: UIResponder, UIApplicationDelegate,WXApiDelegate
// 微信跳转回调
func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool {
WXApi.handleOpen(url, delegate: self)
return true
}
func application(_ application: UIApplication, open url: URL, sourceApplication: String?, annotation: Any) -> Bool {
let result = UMSocialManager.default().handleOpen(url)
if result == false {
//调用其他SDK,例如支付宝SDK等
WXApi.handleOpen(url, delegate: self)
}
return result
}
// 微信回调
func onResp(_ resp: BaseResp!){
// 微信登录回调
if resp.errCode == 0 && resp.type == 0{//授权成功
let response = resp as! SendAuthResp
// 微信登录成功通知
NotificationCenter.default.post(name: NSNotification.Name(rawValue: "WXLoginSuccessNotification"), object: response.code)
}
}
2.3.调起微信
- 在你想调起微信登录的界面加上下面的代码
override func viewDidLoad() {
super.viewDidLoad()
// 微信登录通知
NotificationCenter.default.addObserver(self,selector: #selector(WXLoginSuccess(notification:)),name: NSNotification.Name(rawValue: "WXLoginSuccessNotification"),object: nil)
}
//调起微信
func wxLoginBtnAction() {
let urlStr = "weixin://"
if UIApplication.shared.canOpenURL(URL.init(string: urlStr)!) {
let req = SendAuthReq()
//应用授权作用域,如获取用户个人信息则填写snsapi_userinfo
req.scope = "snsapi_userinfo"
WXApi.send(req)
}else{
if #available(iOS 10.0, *) {
UIApplication.shared.open(URL.init(string: "http://weixin.qq.com/r/qUQVDfDEVK0rrbRu9xG7")!, options: [:], completionHandler: nil)
} else {
// Fallback on earlier versions
UIApplication.shared.openURL(URL.init(string: "http://weixin.qq.com/r/qUQVDfDEVK0rrbRu9xG7")!)
}
}
}
- 调起微信如果成功,会调用AppDelegate中
func onResp(_ resp: BaseResp!){
// 微信登录回调
if resp.errCode == 0 && resp.type == 0{//授权成功
let response = resp as! SendAuthResp
// 微信登录成功通知
NotificationCenter.default.post(name: NSNotification.Name(rawValue: "WXLoginSuccessNotification"), object: response.code)
}
}
微信登录回调参数.png
- 如果用户同意(即resp.errCode等于0),我们可以获取到code。
用GET方式请求官方获取access_token的接口:
https://api.weixin.qq.com/sns/oauth2/access_token?appid=(你的AppID)&secret=(你的AppSecret)&code=(你获取的code)&grant_type=authorization_code.
// 微信成功通知
func WXLoginSuccess(notification:Notification) {
let code = notification.object as! String
let url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=\(WXAppID)&secret=\(WXAppSecret)&code=\(code)&grant_type=authorization_code"
//获取access_token
RequestTool.GETRequestWith(url, success: { (task, data) in
print(data)
}) { (task, error) in
print(error)
}
}
正确的返回
{
"access_token":"ACCESS_TOKEN",
"expires_in":7200,
"refresh_token":"REFRESH_TOKEN",
"openid":"OPENID",
"scope":"SCOPE"
}
由于access_token只有2个小时的有效期,用GET的方式请求以下接口,刷新或续期access_token使用
https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=(你的APPID)&grant_type=refresh_token&refresh_token=(返回的REFRESH_TOKEN)
2.4.获取用户个人信息(UnionID机制)
使用GET的方式请求以下接口
https://api.weixin.qq.com/sns/userinfo?access_token=(你的ACCESS_TOKEN)&openid=(你的OPENID)
正确的Json返回结果:
{
"openid":"OPENID",
"nickname":"NICKNAME",
"sex":1,
"province":"PROVINCE",
"city":"CITY",
"country":"COUNTRY",
"headimgurl": "http://wx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/0",
"privilege":[
"PRIVILEGE1",
"PRIVILEGE2"
],
"unionid": " o6_bmasdasdsad6_2sgVt7hMZOPfL"
}
微信返回个人信息说明
总结
微信登录的总体流程就是这样的,最好把用户信息保存,以便在App中需要使用用户信息的时候调用。
网友评论
if result == false {
//调用其他SDK,例如支付宝SDK等
WXApi.handleOpen(url, delegate: self)
}
return result