dev.to | 📄 原文链接 | 2026-11-03 收录

给 Angular 的 Firebase AI 应用加邮箱密码登录：模拟器、AuthService 与路由守卫

来源：dev.to — 2026-11-02

📋 概述

应用一旦有公开网址，就等于把作者的图像分析和语音合成额度交给所有人。第一部分先把 Firebase Auth 本地模拟器跑起来，用 browserSessionPersistence 管理登录状态，再通过动态 import 懒加载体积庞大的 firebase/auth，最后用函数式守卫 CanActivateFn 把 /dashboard 改成受保护路由。

🔑 核心要点

会话持久化写在 sessionStorage：刷新保留登录，关标签即失效，省掉自写 token 过期逻辑。
firebase/auth 体积大，用动态 import 懒加载，避免拖大首屏包。
采用函数式路由守卫 CanActivateFn，与 Angular 的新写法一致。
模拟器与开发服务器由一个 concurrently 脚本统一拉起。

💡 金句

“Anyone with the public URL can use my tokens to perform image analysis and text-to-speech, which can quickly drive up my billing costs.”
译：任何拿到公开网址的人都能用我的 token 做图像分析和语音合成，账单很快就会涨上去。

← 返回 dev.to 首页