HTML 使用 Firebase 進行身份驗證，隱藏未登錄用戶的 HTML 內容

Question

我有一個基本的 firebase 動力索引文件，我登錄並注銷用戶。 第一步，屏幕上會出現一個登錄對話框。 如果我的用戶未登錄，則主索引頁面不可見。 我用 css 隱藏主要內容，如下所示。

position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 800;
display: flex;
justify-content: center;
align-items: center;

但是，我想不通。 它不安全。 因為在我的主索引文件中有我想隱藏的內容。 如果有人知道 html 基礎知識，他可以在瀏覽器開發工具中看到內容。

對於未登錄的用戶，是否有一種安全的方法來加密或隱藏此內容？

Answer 1

僅應與受信任實體共享的敏感內容必須在服務器（或其他受信任環境，例如 Firebase Cloud Functions）上進行控制。 只有在身份驗證和授權之后，敏感內容才會發送到客戶端（然后只能通過 HTTPS）。

對於非敏感內容（如用戶界面組件），則可以使用 CSS 根據用戶的身份驗證狀態顯示/隱藏。