有条件地渲染基于Next.js的组件:如何根据请求是否来自已验证的Firebase用户?
P粉616111038
P粉616111038 2023-08-26 14:39:52
[React讨论组]

注意:我正在使用Next.js 13和app/目录。


我正在学习Firebase和Next.js,我正在努力理解如何解决一个玩具问题。假设我有一个像这样的Home()组件

/app/page.jsx

export default function Home() {
  return (
    <main>
      <h1>Hello World</h1>
      <p>只有经过身份验证的用户才能看到这段文字</p>
    </main>
  )
}

我的目标是根据请求页面的用户是否为已登录用户有条件地渲染<p>...</p>中的所有内容。Firebase使用JWT,Next.js 13在服务器端呈现此组件,所以我相信这是可能的,但我无法弄清楚如何做到这一点。

我知道onAuthStateChanged,但据我所知,这只能在客户端使用。(精明的用户仍然可以查看这些受保护的内容。)我如何在服务器端保护这些内容?

P粉616111038
P粉616111038

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号