使用 webView 在 iOS 中集成 Instagram 失败

Question

在我的应用程序中，我使用 webView 进行 Instagram 身份验证。首先它显示 Instagram 登录屏幕，成功登录后我正在获取 accessToken 然后我使用 accessToken 获取其他详细信息。

这是我在 viewDidLoad 中调用的 loadrequest 方法

func loadrequest(){

        let authURL = String(format: "%@?client_id=%@&redirect_uri=%@&response_type=token&scope=%@", arguments: [INSTAGRAM_API.INSTAGRAM_AUTHURL,INSTAGRAM_API.INSTAGRAM_CLIENT_ID,INSTAGRAM_API.INSTAGRAM_REDIRECT_URI, INSTAGRAM_API.INSTAGRAM_SCOPE ])
        let urlRequest =  URLRequest.init(url: URL.init(string: authURL)!)
        instaWebview.loadRequest(urlRequest)

    }

这是我调用 checkRequestForcallBackURL 方法的 webViewDelegate 方法

  func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {
       return checkRequestForcallBackURL(request: request)
    }

在这个方法中我正在检查我是否获得了我的访问令牌

   func checkRequestForcallBackURL(request : URLRequest) ->Bool{

            let requestURLString = (request.url?.absoluteString)! as String

            if requestURLString.hasPrefix(INSTAGRAM_API.INSTAGRAM_REDIRECT_URI) {
                let range: Range<String.Index> = requestURLString.range(of: "#access_token=")!

  handleAuth(authToken: requestURLString.substring(from: range.upperBound))
        return false;
    }

        return true
    }

现在登录询问安全码后，在提供安全码后，它会将我重定向到我不想要的 Instagram 应用程序。我不知道如何进一步处理

Answer 1

我在我的一个应用程序中实现了 Instagram 登录。我要做的是。要获取 instagram 令牌，只需使用 webview 呈现新的 ViewController 并加载 instagram 登录页面。

let authURL = String(format: "%@?client_id=%@&redirect_uri=%@&response_type=token&scope=%@&DEBUG=True", arguments: [INSTAGRAM_IDS.INSTAGRAM_AUTHURL,INSTAGRAM_IDS.INSTAGRAM_CLIENT_ID,INSTAGRAM_IDS.INSTAGRAM_REDIRECT_URI, INSTAGRAM_IDS.INSTAGRAM_SCOPE ])
    let urlRequest =  URLRequest.init(url: URL.init(string: authURL)!)
    web_instaView.loadRequest(urlRequest)

然后在 webview 委托方法中

func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {
    return checkRequestForCallbackURL(request: request)
}


func checkRequestForCallbackURL(request: URLRequest) -> Bool {

    let requestURLString = (request.url?.absoluteString)! as String

    if requestURLString.hasPrefix(INSTAGRAM_IDS.INSTAGRAM_REDIRECT_URI) {
        let range: Range<String.Index> = requestURLString.range(of: "#access_token=")!
        handleAuth(authToken: requestURLString.substring(from: range.upperBound))
        return false;
    }
    return true
}

func handleAuth(authToken: String)  {
    print("Instagram authentication token ==", authToken)
    INSTAGRAM_IDS.INSTAGRAM_USER_TOCKEN = authToken
    UserDefaults.standard.setValue(INSTAGRAM_IDS.INSTAGRAM_USER_TOCKEN, forKey: "INSTAGRAM_USER_TOCKEN")
    NotificationCenter.default.post(name: NSNotification.Name("instaLoginDone"), object: nil)
    self.dismiss(animated: true, completion: nil)
}

在获得 instagram 令牌后，我简单地关闭该 ViewController 并在本地保存令牌。比在后台模式下获取用户信息并显示加载器或任何你想要的。

希望这会对您有所帮助。 :)

Answer 2

我正在使用WKWebView，在用户输入他们的安全码后，我实现WKWebViewDelegate decidePolicyFor 并查找我不允许的https://www.instagram.com 重定向，而是将它们发送回原来的身份验证 URL，因为他们已经输入了代码，所以现在可以使用了。

public func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {

    if let url = navigationAction.request.url, url.absoluteString == "https://www.instagram.com/" {
        decisionHandler(.cancel)
        webView.load(scheme.authenticationURlRequest)
        return
    }
}

Answer 3

好消息，现在我认为 instagram 改变了它的政策，现在我们正在获取代码和访问令牌