更新记录

1.0.0(2026-03-28)

首次发布


平台兼容性

uni-app(3.7.2)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× × × × 5.0 12 ×
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
× × × × × × × × × × × ×

uni-app x(3.7.2)

Chrome Safari Android iOS 鸿蒙 微信小程序
× × 5.0 12 × ×

Android 和 IOS Firebase 帐号体系授权登录 UTS 插件

到 Google Firebase 控制台创建应用 ,添加相关的帐号授权登录,并启用它。

目前插件支持四种常用的帐号登录: google,twitter,facebook,apple

Android 端配置

帐号类型 配置项
firebase google 到firebase 控制台创建应用,获取应用的 google-services.json 配置文件,
替换插件目录下的:uni_modules/html5app-firebase/utssdk/app-android/assets/ 目录下的文件
twitter 也是现在的X,需要到twitter 开发者后台创建应用,在Firebase 后台开启twitter
授权登录填写相关的参数
facebook 需要到Meta 开发者后台创建相关的应用,
并到插件目录下的:uni_modules/html5app-firebase/utssdk/app-android/AndroidManifest.xml 中替换相关的参数
apple 安卓端采用H5 网页授权,需要在苹果开发者后台,配置好授权回调地址

IOS 端配置

帐号类型 配置项
firebase google 到firebase 控制台创建应用,获取应用的 GoogleService-Info.plist 配置文件,
替换插件目录下的:uni_modules/html5app-firebase/utssdk/app-ios/Resources/ 目录下的文件
twitter 也是现在的X,需要到twitter 开发者后台创建应用,在Firebase 后台开启twitter
授权登录填写相关的参数
facebook 需要到Meta 开发者后台创建相关的应用,
并到插件目录下的:uni_modules/html5app-firebase/utssdk/app-ios/Info.plist 中替换相关的参数
apple 苹果端,需要在苹果开发者后台,苹果证书中开启 Apple 授权登录项,确保苹果证书是最新下载的

Info.plist 相关参数配置说明

Google Cloud 控制台 获取ios 客户端的iOS 网址架构

<dict>
    <key>LSApplicationQueriesSchemes</key>
    <array>
        <string>fbapi</string>
        <string>fbauth2</string>
    </array>
    <key>CFBundleURLTypes</key>
    <array>
        <dict>
            <key>CFBundleURLSchemes</key>
            <array>
                <string>Firebase 编码应用 ID</string>
            </array>
            <key>CFBundleURLName</key>
            <string></string>
        </dict>
        <dict>
            <key>CFBundleURLSchemes</key>
            <array>
                <string>fb+脸书应用编号</string>
            </array>
            <key>CFBundleURLName</key>
            <string>facebook</string>
        </dict>
        <dict>
            <key>CFBundleURLSchemes</key>
            <array>
                <string> Google Cloud 控制台 应用 iOS 网址架构</string>
            </array>
            <key>CFBundleURLName</key>
            <string>google</string>
        </dict>
    </array>
    <key>FacebookAppID</key>
    <string>脸书应用编号</string>
    <key>FacebookClientToken</key>
    <string>脸书应用编号ClientToken</string>
    <key>FacebookDisplayName</key>
    <string>$(APP_DISPLAY_NAME)</string>
</dict>

1.引入插件

import * as firebaseAuth from '../../uni_modules/html5app-firebase'; //引入插件

2.授权登录

  • loginType 参数: google,twitter,facebook,apple。任选其中一种
    firebaseAuth.login({
        loginType:"google"
    },res=>{

        console.log("res==",res);

    });

.token 是JWT 格式用户数据,通过解析可以得到相关用户数据

{
    "msg": "授权信息",
    "uid": "fJp8y7DzVLhGi5jjPYfLG6YNsKZ2",
    "photoUrl": "",
    "phoneNumber": "",
    "code":0,
    "displayName": "MAN TA",
    "email": "xxxxxxx@qq.com",
    "token": "5GaPfeX_7mOUh5dN6RNft1U1bpG1u6XsKitdKEamlVhrueqy1pXevsF-sQ......"
}

3.退出登录

firebaseAuth.logout();

4.检查登录状态

    firebaseAuth.isLogin(res=>{

     console.log("res==",res);

    });

5.解绑苹果Apple 授权登录,苹果端如果不再使用,需要解绑帐号

    firebaseAuth.unbindApple(res=>{

    console.log("res==",res);

    });
  • 可扫下载安卓demo apk 示例体验

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。