移动端集成Instagram登录授权目前是不支持SDK，需要通过web形式加载url来获取授权信息
1、申请应用
先去https://developers.facebook.com/apps/创建应用，过程比较简单略过。设置完成后进入应用，在控制面板中往下翻会找到Instagram点击设置
这是我添加产品后的
可以看到应用的所有信息，Instagram 应用编号和Instagram 应用密钥是自动生成的；Instagram Display 名称自定义；有效 OAuth 跳转 URI需要能正常跳转的网址并且是https开头的，这个后面授权成功会回调跳转；取消授权回调网址和数据删除请求网址可以与上面一样。
image.png
往下翻，找到
image.png
添加一名Instagram测试人员（必须添加否则会授权失败）
image.png
到这里Instagram准备工作已经做完了。
2、iOS授权
主要思路就是：通过webView加载获取code的url，拦截回调的有效 OAuth 跳转 URI获取里面的code值，通过code获取user_id和access_token，在通过user_id和access_token获取用户名等信息。
直接上代码：
#import "WebLoginController.h"
@interface InstagramLoginController : WebLoginController
@property (nonatomic, copy) void (^getUserInfoCallback)(BOOL isSuccess, NSDictionary * _Nullable userInfo) ;
@end
#import "InstagramLoginController.h"
#define Instagram_client_id @""
#define Instagram_client_secret @""
#define Instagram_URI @"https://www.baidu.com/"
@interface InstagramLoginController ()
@end
@implementation InstagramLoginController
- (void)viewDidLoad {
[super viewDidLoad];
NSString *urlString = [NSString stringWithFormat: @"https://api.instagram.com/oauth/authorize?client_id=%@&redirect_uri=%@&scope=user_profile,user_media&response_type=code", Instagram_client_id, Instagram_URI];
[self loadUrl:urlString];
}
- (BOOL)judgeUrl:(NSString *)urlString {
if ([urlString hasPrefix:Instagram_URI]) {
NSString *replaceString = [NSString stringWithFormat:@"%@?code=", Instagram_URI];
urlString = [urlString stringByReplacingOccurrencesOfString:replaceString withString:@""];
NSString *code = [urlString stringByReplacingOccurrencesOfString:@"#_" withString:@""];
NSLog(@"%@", urlString);
[self getUserDateWidthCode:code];
return NO;
}
NSLog(@"%@", urlString);
return YES;
}
//处理请求用户数据
- (void)getUserDateWidthCode:(NSString *)code {
NSDictionary *params = @{
@"client_id": Instagram_client_id,
@"client_secret": Instagram_client_secret,
@"grant_type": @"authorization_code",
@"redirect_uri": Instagram_URI,
@"code": code,
};
[PublicDialogManager showWaittingInView:self.view];
[HTTPMANAGER startPostUrl:@"https://api.instagram.com/oauth/access_token" param:params success:^(NSDictionary * _Nullable resultDict) {
NSLog(@"%@", resultDict);
NSString *user_id = [resultDict stringWithFilted:@"user_id"];
NSString *access_token = [resultDict stringWithFilted:@"access_token"];
if (user_id.length > 0 && access_token.length > 0) {
NSString *userInfoUrl = [NSString stringWithFormat:@"https://graph.instagram.com/%@?fields=id,username&access_token=%@", user_id, access_token];
[HTTPMANAGER startGetUrl:userInfoUrl param:nil success:^(NSDictionary * _Nullable resultDict) {
[PublicDialogManager hideWaittingInView:self.view];
NSLog(@"%@", resultDict);
if (self.getUserInfoCallback) {
self.getUserInfoCallback(YES, resultDict);
}
[self popBack];
} failure:^(NSError * _Nullable error) {
[PublicDialogManager hideWaittingInView:self.view];
if (self.getUserInfoCallback) {
self.getUserInfoCallback(NO, nil);
}
NSLog(@"%@", error);
[self popBack];
}];
}else {
[PublicDialogManager hideWaittingInView:self.view];
if (self.getUserInfoCallback) {
self.getUserInfoCallback(NO, nil);
}
[self popBack];
}
} failure:^(NSError * _Nullable error) {
[PublicDialogManager hideWaittingInView:self.view];
if (self.getUserInfoCallback) {
self.getUserInfoCallback(NO, nil);
}
[self popBack];
NSLog(@"%@", error);
}];
}
- (void)popBack {
[self dismissViewControllerAnimated:YES completion:nil];
}
@end
再上一下WebLoginController部分代码：
@interface WebLoginController : BaseViewController
@property (nonatomic, strong) WKWebView *webView ;
@property (nonatomic, strong) NSString *urlString ;
- (void)loadUrl:(NSString *)urlString ;
@end
#import "WebLoginController.h"
@interface WebLoginController ()<WKNavigationDelegate>
@end
@implementation WebLoginController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
WKWebViewConfiguration *webConfiguration = [WKWebViewConfiguration new];
WKWebView *webView = [[WKWebView alloc] initWithFrame:[UIScreen mainScreen].bounds configuration:webConfiguration];
[self.view addSubview:webView];
webView.navigationDelegate = self;
webView.opaque = NO;
webView.backgroundColor = UIColorHex(#f6f6f6);
self.webView = webView;
[webView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(navigationBgView.mas_bottom);
make.left.right.bottom.mas_equalTo(0);
}];
}
- (void)loadUrl:(NSString *)urlString {
NSString *urlStr = urlString;
NSURL *url = [NSURL URLWithString:urlStr];
NSURLRequest *request = [[NSURLRequest alloc] initWithURL:url];
[self.webView loadRequest:request];
}
//子类重写
- (BOOL)judgeUrl:(NSString *)urlString {
return YES;
}
#pragma mark - WKNavigationDelegate
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
// 获取完整url并进行UTF-8转码
NSString *strRequest = [navigationAction.request.URL.absoluteString stringByRemovingPercentEncoding];
if ([self judgeUrl:strRequest]) {
// 允许跳转
decisionHandler(WKNavigationActionPolicyAllow);
}else {
// 不允许跳转
decisionHandler(WKNavigationActionPolicyCancel);
}
}
@end
最后成功获取信息，做一下回调就好了。
image.png
