能否在无Web视图的情况下使用AWS Cognito实现移动端社交登录？

核心结论 #

可以通过配置Cognito身份池和Amplify Auth插件，让用户调用已安装的Google/Facebook原生应用完成认证，无需跳转Web视图。

具体实现步骤 #

1. 配置第三方应用开发者平台 #

Google

• 在Google Cloud控制台创建iOS应用，配置项目Bundle ID，获取REVERSED_CLIENT_ID（用于配置URL Scheme）。
• 在Xcode项目的Info选项卡中，将REVERSED_CLIENT_ID添加到URL Types的URL Schemes列表中，确保应用能接收Google的认证回调。

Facebook

• 在Facebook开发者平台创建iOS应用，配置Bundle ID和iOS Store ID。
• 生成并下载FacebookSDK.plist文件，添加到Xcode项目根目录。
• 在Xcode的URL Types中添加fb{你的Facebook应用ID}格式的URL Scheme。

2. 调整Cognito身份池设置 #

• 进入AWS Cognito控制台，打开目标身份池。
• 在「身份提供者」页面，启用Google/Facebook作为身份提供者，填入对应平台生成的客户端ID和密钥。
• 开启「原生OAuth」功能，配置回调URL（需与第三方平台、Xcode中的URL Scheme完全匹配），并勾选所需的授权范围（例如Google的openid、email，Facebook的public_profile、email）。

3. 配置Amplify Auth插件 #

在项目的amplifyconfiguration.json文件中，更新Auth模块的配置：

• 针对Google，在oauth节点下设置redirectSignIn、redirectSignOut为匹配的URL，responseType设为"code"，并指定signInMethod为"oauth"。
• 针对Facebook，同样配置oauth相关参数，确保与Cognito和Facebook平台的设置一致。

4. 代码中调用原生登录 #

使用Amplify Auth的signInWithWebUI方法时，Amplify会自动检测设备上是否已安装对应应用，存在则跳转原生应用，否则 fallback 到Web视图：

import Amplify
import AWSCognitoAuthPlugin

func signInWithGoogle() {
    Amplify.Auth.signInWithWebUI(for: .google) { result in
        switch result {
        case .success(let signInResult):
            print("登录成功: \(signInResult)")
        case .failure(let error):
            print("登录失败: \(error)")
        }
    }
}

func signInWithFacebook() {
    Amplify.Auth.signInWithWebUI(for: .facebook) { result in
        switch result {
        case .success(let signInResult):
            print("登录成功: \(signInResult)")
        case .failure(let error):
            print("登录失败: \(error)")
        }
    }
}

注意事项 #

• 所有回调URL、OAuth配置、URL Scheme必须完全一致，否则会出现认证跳转失败的问题。
• 建议使用真实设备测试，模拟器可能无法正确识别已安装的第三方应用。
• 若用户未安装对应应用，Amplify会自动切换到Web视图完成认证，无需额外处理。

内容的提问来源于stack exchange，提问作者Simeon