Drupal站点Vue.js应用集成Firebase/Firestore的策略及免二次登录方案

完全可行。核心思路是利用Drupal作为身份提供者，为已登录用户签发Firebase自定义令牌，实现Drupal到Firebase的单点登录（SSO），用户无需在Firebase端二次注册或登录。

1. Drupal端配置与开发 #

• 安装Firebase PHP SDK：通过Composer在Drupal项目中安装kreait/firebase-php，命令：composer require kreait/firebase-php
• 配置Firebase服务账号：在Firebase控制台生成服务账号密钥（JSON格式），将文件存放到Drupal私有配置目录（如sites/default/private/firebase-service-account.json），禁止提交至版本库
• 创建自定义REST端点：开发一个Drupal自定义模块，添加一个仅对已登录用户开放的REST端点（例如/firebase/get-token）。端点逻辑：
  • 验证当前用户已登录
  • 获取用户的UID、邮箱等核心信息
  • 调用Firebase SDK生成自定义令牌（可将Drupal用户UID映射为Firebase用户UID，便于数据关联）
  • 返回令牌给前端
• 权限控制：在Drupal权限系统中新增"获取Firebase登录令牌"权限，分配给需要访问Vue应用的用户角色

2. Vue.js应用端集成 #

• 安装Firebase JS SDK：在Vue项目中执行npm install firebase
• 初始化Firebase：在Vue项目的全局配置文件中，填入Firebase控制台获取的项目参数（apiKey、authDomain等）完成初始化
• 获取令牌并登录Firebase：
  • 应用加载时，先验证Drupal用户登录状态（可调用Drupal内置的/user/login_status端点，或读取前端缓存的登录标识）
  • 若用户已登录，调用上述Drupal自定义端点获取Firebase令牌
  • 调用firebase.auth().signInWithCustomToken(token)完成Firebase登录
• 状态同步：监听Firebase auth状态变化，同时与Drupal登录状态联动——当Drupal用户登出时，Vue应用需调用firebase.auth().signOut()清理Firebase会话

3. Firestore安全规则配置 #

为确保数据安全，需配置Firestore规则，限制仅通过Drupal签发令牌登录的用户可访问数据。示例规则：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // 仅允许已认证用户访问，且数据所属UID与用户UID一致
    match /user-data/{uid} {
      allow read, write: if request.auth != null && request.auth.uid == uid;
    }
    // 其他集合可按需扩展规则
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}

如果因Drupal版本限制、Firebase配置复杂度等问题无法实现SSO，可采用以下方案：

• 保留Drupal访问管控：通过Drupal权限系统限制仅已登录用户可访问Vue应用页面
• Firebase匿名登录+用户关联：Vue应用加载时先以匿名身份登录Firebase，再调用Drupal端点获取用户信息，将匿名账号与Drupal用户信息关联（使用firebase.auth().currentUser.linkWithCredential()），用户无需二次注册，且数据可关联到真实用户身份
• 自动创建Firebase账号：通过Drupal端点调用Firebase API，为首次访问的Drupal用户自动创建Firebase账号，返回登录令牌给前端，实现无感登录

• 优先采用自定义令牌SSO方案，这是最贴合需求的实现方式，用户体验最优
• 确保Drupal令牌端点的安全性：启用HTTPS，使用Drupal内置的CSRF保护机制（前端需传递X-CSRF-Token请求头）
• 处理边缘场景：用户会话过期、Drupal登出后Firebase状态清理、多设备登录同步等
• 数据同步：若需在Drupal与Firebase间同步用户资料，可通过Drupal钩子（如user_update）触发Firebase用户信息更新

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