Javascript 如何将Apple登录添加到firebase预构建ui?

Javascript 如何将Apple登录添加到firebase预构建ui?,javascript,firebase,firebase-authentication,Javascript,Firebase,Firebase Authentication,Firebase为signin提供了一个很好的预构建UI。我可以很容易地通过添加谷歌和电子邮件登录到我的web应用程序 我还注意到,苹果的登录也是受支持的,所以我也开始按照这一点进行设置 不幸的是,在Apple端设置了所有内容之后,我注意到在预构建的UI中没有对Apple的直接支持。例如,虽然存在firebase.auth.GoogleAuthProvider.PROVIDER\u ID,但没有firebase.auth.AppleAuthProvider.PROVIDER\u ID。我是否可以

Firebase为signin提供了一个很好的预构建UI。我可以很容易地通过添加谷歌和电子邮件登录到我的web应用程序

我还注意到,苹果的登录也是受支持的,所以我也开始按照这一点进行设置

不幸的是,在Apple端设置了所有内容之后,我注意到在预构建的UI中没有对Apple的直接支持。例如,虽然存在
firebase.auth.GoogleAuthProvider.PROVIDER\u ID
,但没有
firebase.auth.AppleAuthProvider.PROVIDER\u ID
。我是否可以将其添加到预构建的ui中,或者我是否需要完全定制以支持使用Apple登录


更新

基于下面的@FrankvanPuffelen答案。我可以使用以下命令来指定我的登录提供商列表

signInOptions: [
        firebase.auth.GoogleAuthProvider.PROVIDER_ID,  
        firebase.auth.EmailAuthProvider.PROVIDER_ID,
       'apple.com'
    ],

当然,我花了一个小时才弄清楚我的服务标识符名称中有一个类型。

当我查看FirebaseUI for Web的文档时,我看到“使用苹果登录”在上一节和列表中提到

从最后一个链接来看,您似乎应该使用字符串值
“apple.com”
表示“使用苹果登录”,而不是像大多数其他提供商一样使用常量。例如,如以下代码片段所示:

最后:如果您愿意,您将发现更多相关的代码片段

ui.start('#firebaseui-auth-container', {
  signInOptions: [
    'apple.com',
    'microsoft.com',
    'yahoo.com',
  ]
});