基于Elm+Firebase的SPA投票工具多用户访问问题求助

你提到自己能正常使用但其他用户无法访问，核心问题大概率是Firebase实时数据库的安全规则配置不完整，加上REST API调用时的身份认证处理不到位。结合你的技术选型，我给你一步步梳理解决方案：

一、补全并优化Firebase数据库规则 #

你当前的规则只写了开头，需要根据投票应用的实际需求配置合理权限。这里给你两个实用的规则示例：

示例1：仅允许已认证用户读写所有数据 #

适合需要登录才能参与投票和查看内容的场景：

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

示例2：公开投票结果，仅认证用户可提交投票 #

适合希望所有人都能看结果，但只有登录用户能投票的场景：

{
  "rules": {
    "polls": {
      ".read": true, // 所有人可读取投票列表和结果
      "$pollId": {
        "votes": {
          // 已认证用户只能投一次，避免重复投票
          ".write": "auth != null && !data.exists()"
        }
      }
    }
  }
}

划重点：用REST API调用Firebase时，必须在请求头里携带用户的ID令牌，格式为Bearer {idToken}，否则Firebase会判定为未认证请求，触发权限拦截。

二、Elm中处理谷歌认证与REST请求 #

因为你用的是REST方案，Elm本身没有原生谷歌登录绑定，需要通过Ports和JS交互完成认证，再拿到令牌发起请求：

1. Elm端定义Ports #

-- 触发谷歌登录
port requestGoogleLogin : () -> Cmd msg
-- 登录成功后接收ID令牌
port googleLoginSuccess : (String -> msg) -> Sub msg
-- 登录失败接收错误信息
port googleLoginError : (String -> msg) -> Sub msg

2. JS端实现登录逻辑 #

// 确保已初始化Firebase Auth
app.ports.requestGoogleLogin.subscribe(() => {
  const provider = new firebase.auth.GoogleAuthProvider();
  firebase.auth().signInWithPopup(provider)
    .then(result => result.user.getIdToken())
    .then(idToken => app.ports.googleLoginSuccess.send(idToken))
    .catch(error => app.ports.googleLoginError.send(error.message));
});

3. Elm端带令牌发起REST请求 #

fetchPolls : String -> Cmd Msg
fetchPolls idToken =
  Http.request
    { method = "GET"
    , url = "https://你的项目ID.firebaseio.com/polls.json"
    , headers = [ Http.header "Authorization" ("Bearer " ++ idToken) ]
    , body = Http.emptyBody
    , expect = Http.expectJson GotPolls pollDecoder
    , timeout = Nothing
    , tracker = Nothing
    }

三、测试与排查 #

配置完成后，让其他用户用谷歌账号测试：

• 检查是否能正常触发谷歌登录流程
• 打开浏览器控制台，看是否有403权限错误：如果有，核对规则是否正确、请求头的令牌是否携带成功
• 如果是公开读取规则，未登录用户也应该能看到投票结果

额外小贴士 #

• 若需要支持匿名投票，可启用Firebase匿名认证，规则保持auth != null即可，无需谷歌账号
• 用Firebase控制台的规则模拟器测试不同身份（认证/未认证）的读写权限，提前发现问题
• 记住REST API的URL必须带.json后缀，比如https://xxx.firebaseio.com/polls.json

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