FirebaseでのTwitterログインでabout:blankへ遷移してしまう

Question

発生してて解決したい問題

Swiftを用いてSNSログイン制のチャットアプリを製作中です。

①Firebaseを用いたTwitter認証でログインした後[連携アプリを認証]ボタンを押す。
本来ならその後アプリ画面へ戻るはずだがabout:blankへ遷移してしまう。

②認証画面は通ったはずだがAuthenticationのユーザーに登録されない。

上記２点の問題の解決策をご教授いただけると幸いです。

挙動

ログイン動作を実行するsignInWithTwitter()を実行するボタンを押す→
Firebase側のローディング→Twitterログイン画面へ遷移→Twitterにログイン→
[連携アプリを認証]ボタンを押す→Firebase側のローディング→about:blankに遷移

記述について

基本的にはFirebaseの公式ドキュメントに沿って実装しました。
iOSでTwitterを使用して認証する

コードや設定など(最終更新11/9 7:57)

LogInViewController.swift

import UIKit
import Firebase
import FirebaseAuth

class LogInViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    var provider = OAuthProvider(providerID: "twitter.com")
    
    func signInWithTwitter(){
        provider.getCredentialWith(nil) { credential, error in
          if error != nil {
            // Handle error.
            print("error")
          }
          if credential != nil {
            Auth.auth().signIn(with: credential!) { authResult, error in
              if error != nil {
                // Handle error.
                print("error")
              }
                print("success")
                self.performSegue(withIdentifier: "toMain", sender: nil)
              // User is signed in.
              // IdP data available in authResult.additionalUserInfo.profile.
              // Twitter OAuth access token can also be retrieved by:
              // authResult.credential.accessToken
              // Twitter OAuth ID token can be retrieved by calling:
              // authResult.credential.idToken
              // Twitter OAuth secret can be retrieved by calling:
              // authResult.credential.secret
            }
          }
        }
    }
    
    @IBAction func pushTwitter(_ sender: Any) {
        signInWithTwitter()
    }
    
}

AppDelegate.swift

import UIKit
import Firebase

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
    
    var window: UIWindow?
    
    override init() {
       super.init()
       FirebaseApp.configure()
    }
    

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        return true
    }
    
    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
        return true
    }


}

TwitterAPI
【Callback URLs】
https://{Firebaseプロジェクト名}.firebaseapp.com/__/auth/handler

URL Types

Info.plist

プロジェクト

コンソール
アプリを起動してからTwitterログインしてabout:blankに遷移するまで

2019-11-09 08:18:45.113207+0900 GTchat[7627:2228391]  - <AppMeasurement>[I-ACS036002] Analytics screen reporting is enabled. Call +[FIRAnalytics setScreenName:setScreenClass:] to set the screen name or override the default screen class name. To disable screen reporting, set the flag FirebaseScreenReportingEnabled to NO (boolean) in the Info.plist
2019-11-09 08:18:45.156983+0900 GTchat[7627:2228392] 6.11.0 - [Firebase/Analytics][I-ACS023007] Analytics v.60103000 started
2019-11-09 08:18:45.157294+0900 GTchat[7627:2228392] 6.11.0 - [Firebase/Analytics][I-ACS023008] To enable debug logging set the following application argument: -FIRAnalyticsDebugEnabled (see http://goo.gl/RfcP7r)
2019-11-09 08:18:45.217640+0900 GTchat[7627:2228392] 6.11.0 - [GoogleUtilities/AppDelegateSwizzler][I-SWZ001014] App Delegate does not conform to UIApplicationDelegate protocol.

書いてない部分で解決に必要な要素がありましたら追記します。

Answer 1

再現しました????‍♀️
iOS13から実装されたUIWindowSceneDelegateが悪さをしていそうです。特に使わないのであれば、

1. SceneDelegate.swiftをProjectから削除
2. AppDelegate内の関連する箇所でエラーが出るのでコードを削除
3. Info.plistのApplication Scene Manifestを削除
4. AppDelegateのプロパティにUIWindowを追加

AppDelegateはたぶんこんな感じ

class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        FirebaseApp.configure()
        return true
    }
}

これでうまく動くかと思います????

OAuthProviderを作るタイミング次第でクラッシュするかもしれないので、FirebaseApp.configure()が先に動くようにOAuthProviderを作成してください✌️

Comments

[Soul3725]

おはようございます
実践しましたが引き続きabout:blankへ遷移してしまいます。
上に記載しているコードやファイル等を更新しましたので確認の上ご教授願います。

[Xen]

FirebaseApp.configure()はdidFinishLaunchingWithOptions内で実行することが求められているので元にに戻して、ViewControllerの OAuthProviderの扱いをこうするとどうでしょう〜

```
class LogInViewController: UIViewController {
var provider: OAuthProvider?

override func viewDidLoad() {
super.viewDidLoad()
provider = OAuthProvider(providerID: "twitter.com")
}
```

[Soul3725]

無事画面が戻り認証が完了したようです！
本当にありがとうございました！

[Yusakusakusaku]

1.SceneDelegate.swiftをProjectから削除したら,2.AppDelegate内の関連する箇所でエラーが出ませんでした。
また、この状態で起動させたら、画面が真っ暗になりました。
よかったら、解決方法を教えていただけたら、嬉しいです。

Answer 2

まずはURL Typeが登録されているか確認してみてください????‍♀️

URL TypesはTARGETSのInfo内にあります。URL Schemesに指定する値はGoogleService-Info.plistのREVERSED_CLIENT_IDです。
![

次にAppDelegateで以下の関数を定義している場合はtrueが返っていることを確認してみてください????

func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
    return true
}

最後にこちらに記載しているFirebaseAppDelegateProxyEnabledがNOになっている場合はYESに変更するか、Info.plistから外してみてください????

お役に立てれば幸いです????

Comments

[Soul3725]

回答ありがとうございます！
URL Typesは公式のドキュメントを読み実装する際に追加済みでした。
AppDelegateの関数定義ですが上記の関数は定義されていなかったので追記しました。
最後のFirebaseAppDelegateProxyEnabledはInfo.plistにはありませんでした。

以上３つを確認したのち実行しましたがやはり認証後画面が戻ってきません。。。