使用 SwiftUI 添加 google 登录

Question

我正在尝试使用带有 UIKitViewController 的 swiftUI 添加 google 登录，并且由于某种原因，我很难显示按钮没有出现在样式中

登录和按钮工作完美，但在某些时候按钮的样式停止出现

我在 uikit 视图控制器中添加按钮，因为我想不出另一种方法来处理 Google 委托

这是预览https://ibb.co/tYhx62b

//
//  GoogleSignInButtonView.swift
//
//  Created by Ivan Schaab on 11/09/2019.
//  Copyright © 2019 Ivan Schaab. All rights reserved.
//
import GoogleSignIn
import SwiftUI

struct GoogleSignInButtonView: View {

    @EnvironmentObject var lvm: LoginViewModel

    var body: some View {
        HStack {
            Spacer()
            GoogleButtonViewControllerRepresentable { (token, user) in
                // Google Login Success
                // Now do Backend Validations
                self.lvm.loginOauth(token: token, user: user)
            }
            Spacer()
        }.frame(alignment: .center)
    }
}

class GoogleButtonUIKitViewController: UIViewController {

    var signInButton = GIDSignInButton()

    override func viewDidLoad() {
        super.viewDidLoad()

        GIDSignIn.sharedInstance().clientID = Constants.GOOGLE_CLIENT_ID
        self.view.addSubview(signInButton)

        GIDSignIn.sharedInstance()?.presentingViewController = self

        // Automatically sign in the user.
        GIDSignIn.sharedInstance()?.restorePreviousSignIn()
    }
}

struct GoogleButtonViewControllerRepresentable: UIViewControllerRepresentable
{
    let vc = GoogleButtonUIKitViewController()
    var googleResponse: (String, User) -> Void

    func makeUIViewController(context: Context) -> GoogleButtonUIKitViewController {
        return vc
    }
    func updateUIViewController(_ uiViewController: GoogleButtonUIKitViewController, context: Context) {}
    func makeCoordinator() -> Coordinator {
        Coordinator(vc: vc, googleResponse: googleResponse)
    }

    static func dismantleUIViewController(_ uiViewController: GoogleButtonUIKitViewController, coordinator: GoogleButtonViewControllerRepresentable.Coordinator) {
        print("DISMANTLE")
    }

    class Coordinator: NSObject, GIDSignInDelegate  {
        var foo: (String, User) -> Void
        init(vc: GoogleButtonUIKitViewController, googleResponse: @escaping (String, User) -> Void) {
            self.foo = googleResponse
            super.init()
            GIDSignIn.sharedInstance()?.delegate = self
        }

        func sign(_ signIn: GIDSignIn!, didSignInFor googleUser: GIDGoogleUser!, withError error: Error!) {
            if let error = error {
                if (error as NSError).code == GIDSignInErrorCode.hasNoAuthInKeychain.rawValue {
                    print("The user has not signed in before or they have since signed out.")
                } else {
                    print("\(error.localizedDescription)")
                }
                return
            }
//            let userId = googleUser.userID                  // For client-side use only!
            let idToken = googleUser.authentication.idToken // Safe to send to the server
            let email = googleUser.profile.email

            if googleUser.profile.hasImage{
                let imageUrl = googleUser.profile.imageURL(withDimension: 120)
                print(" image url: ", imageUrl?.absoluteString ?? "NO URL")
            }

            let user : User = User(id: 1, name: googleUser.profile.givenName, surname: googleUser.profile.familyName, imgName: ""  , email: googleUser.profile.email)

            print("email: ",email ?? "NO EMAIL")

            foo(idToken! , user)
        }
    }
}



#if DEBUG
struct SomeRepView_Previews: PreviewProvider {
    static var previews: some View {
        GoogleSignInButtonView().environmentObject(LoginViewModel())
    }
}
#endif

Answer 1

这是我实现 Facebook 和 Google 登录的代码的一部分，使用任何按钮希望对您有所帮助

import SwiftUI
import GoogleSignIn
import FBSDKLoginKit

var body: some View {
    LoadingView(isShowing: .constant(loading)) {
        NavigationView {
            ScrollView {
                VStack {

                    Text("Or Login with").font(.footnote)

                    HStack {
                        Button(action: self.logginFb, label: {
                            Image("ic_facebook").foregroundColor(Color.white).frame(width: 20, height: 20)
                        })
                                .padding(EdgeInsets(top: 8, leading: 16, bottom: 8, trailing: 16))
                                .background(Color("facebook"))
                                .cornerRadius(8.0)

                        Button(action: self.socialLogin.attemptLoginGoogle, label: {
                            Image("ic_google").frame(width: 20, height: 20)
                        })
                                .padding(EdgeInsets(top: 8, leading: 16, bottom: 8, trailing: 16))
                                .background(Color.white)
                                .cornerRadius(8.0)
                                .shadow(radius: 4.0)


                    }.padding()
                }.padding(.all, 32)
            }.navigationBarTitle(Text("Login"))
        }
    }
}

    func logginFb() {
        socialLogin.attemptLoginFb(completion: { result, error in

        })
    }


struct SocialLogin: UIViewRepresentable {

    func makeUIView(context: UIViewRepresentableContext<SocialLogin>) -> UIView {
        return UIView()
    }

    func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<SocialLogin>) {
    }

    func attemptLoginGoogle() {
        GIDSignIn.sharedInstance()?.presentingViewController = UIApplication.shared.windows.last?.rootViewController
        GIDSignIn.sharedInstance()?.signIn()
    }

    func attemptLoginFb(completion: @escaping (_ result: FBSDKLoginManagerLoginResult?, _ error: Error?) -> Void) {
        let fbLoginManager: FBSDKLoginManager = FBSDKLoginManager()
        fbLoginManager.logOut()
        fbLoginManager.logIn(withReadPermissions: ["email"], from: UIApplication.shared.windows.last?.rootViewController) { (result, error) -> Void in
            completion(result, error)
        }
    }

}

struct LoginView_Previews: PreviewProvider {
    static var previews: some View {
        LoginView()
    }
}

AppDelegate 中 google 和 facebook 的配置与其文档相同。

现在有了 swiftUI，就不需要使用您提供给我们的默认按钮了。

Google 和 Facebook 自定义按钮

Answer 2

SwiftUI 2.0 生命周期注意事项：没有标准的AppDelegate因此您还需要在主 App 文件中添加一个适配器：

@main
struct ExampleApp: App {
    @UIApplicationDelegateAdaptor(ExampleAppDelegate.self) var appDelegate

并在单独的文件中准备委托：

//No @UIApplicationMain
class ExampleAppDelegate: NSObject, UIApplicationDelegate, GIDSignInDelegate {
  func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    GIDSignIn.sharedInstance().clientID = "YOUR CLINET ID"
    GIDSignIn.sharedInstance().delegate = self

    return true
  }

...

Answer 3

使用最新的 SwiftUI，您可以在AppDelegate设置GIDSignInDelegate并确保它符合所有方法。 然后，在您的SceneDelegate ，在设置窗口时，您可以将此行放入设置呈现视图控制器：

GIDSignIn.sharedInstance()?.presentingViewController = window.rootViewController 。

最后，创建按钮时，设定的动作或轻敲手势调用GIDSignIn.sharedInstance().signIn()你应该是好去！

Answer 4

GoogleSignIn 6.2.4 具有登录 function，需要呈现 UIViewController。

为了解决这个问题，向环境中添加一个 sceneDelegate 以便 SwiftUI 可以访问它。

设置一个 AppDelegate 以便我们可以连接我们的 SceneDelegate

class AppDelegate: NSObject, UIApplicationDelegate {
    // Hook up our SceneDelegate
    func application(_ application: UIApplication, 
                     configurationForConnecting connectingSceneSession: UISceneSession, 
                     options: UIScene.ConnectionOptions) -> UISceneConfiguration {

        let configuration = UISceneConfiguration(name: nil, sessionRole: connectingSceneSession.role)
        if connectingSceneSession.role == .windowApplication {
            configuration.delegateClass = SceneDelegate.self
        }
    
        return configuration
    }
}

将 SceneDelegate 设置为 ObservableObject 以跟踪 window

// Set this up so we can access the window in the environment
class SceneDelegate: NSObject, ObservableObject, UIWindowSceneDelegate {
    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        guard let windowScene = scene as? UIWindowScene else { return }
    
        self.window = windowScene.keyWindow
    }
}

一定要在 App 中开启 AppDelegate

@main
struct AdrichApp: App {
    @UIApplicationDelegateAdaptor(AppDelegate.self) var delegate

    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

最后，在 SwiftUI 视图中使用它来显示您的继续使用 Google 按钮

struct SignInWithGoogle: View {
    @EnvironmentObject var sceneDelegate: SceneDelegate

    var body: some View {
        if let vc = sceneDelegate.window?.rootViewController {
            continueWithGoogle(config: GIDConfiguration(clientID: "YOUR CLINET ID"), presenter: vc)
        } else {
            emptyView
        }
    }
    
    private var emptyView: some View {
        print("Unable to access the root view controller")
        return EmptyView()
    }
    
    private func continueWithGoogle(config: GIDConfiguration, presenter: UIViewController) -> some View {
        Button {
            GIDSignIn.sharedInstance.signIn(with: config, presenting: presenter) { user, error in
                if let error = error {
                    print(error)
                    return
                }
                
                guard
                    let authentication = user?.authentication,
                    let idToken = authentication.idToken
                else {
                    return
                }
                
                let credential = GoogleAuthProvider.credential(withIDToken: idToken, accessToken: authentication.accessToken)

                // they are now signed in with Google!
            }
        } label: {
            Text("Continue with Google")
        }
    }
}