小编5to*_*per的帖子

我在Heroku上部署了一个快递服务器：https : //server.mydomain.com

在Heroku上也部署了Next.js React应用：https：//app.mydomain.com

两者都有由Heroku自动配置的SSL证书，当我访问https域时，它们可以按预期工作。

我的问题是，当我访问http://app.mydomain.com时，它不会重定向到https://app.mydomain.com。

我在网上找到的所有解决方案都指向在服务器上强制使用SSL：

• 这个普遍的问题说要检查x-forwarded-proto值：

/* At the top, with other redirect methods before other routes */
app.get('*',function(req,res,next){
 if(req.headers['x-forwarded-proto']!='https')
   res.redirect('https://app.mydomain.com'+req.url)
 else
   next() /* Continue to other routes if we're not redirecting */
})

• 其他建议使用诸如express-sslify或heroku-ssl-redirect之类的软件包。

这些解决方案可以很好地处理服务器请求，但是加载React客户端页面不一定会触发app.get()。显然，React客户端可以独立于服务器运行。

所以问题是：如何在Heroku上强制将https用作子域Next.js React客户端应用程序？不使用快递服务器方法？

我在与Firebase连接的React中构建一个Web应用程序，该应用程序对用户进行身份验证并存储帖子数据。在线上似乎有很多关于使用Redux的文档，但是关于没有Redux的持久状态的信息并不多。

用户刷新页面时，<App />“状态”将重置，因此我需要保留现有状态/从Firebase检索它。一些文章建议使用本地存储来存储状态。但是考虑到最佳实践，应该在本地存储中存储什么？我的应用程序将所有状态存储在中<App />，并将所需状态作为道具传递给相关组件。

以下两个示例假定用户已经通过身份验证，并且刚刚刷新了他们的页面。我们希望保留他们的会议，所以我们：

范例1：

• 应用会加载并检查本地存储中是否有最后存储的本地状态的字符串化对象。将状态设置为该状态或为空状态。
• 如果'state'已检索并设置，请用于this.state['uid']与Firebase同步状态（获取），然后再次更新本地存储状态。
• 每当用户更新内容时，请更新状态（更新Firebase）并更新本地存储状态。
• 用户注销后，清除本地存储'state'项。

范例2：

• 应用程序会加载并检查本地存储中是否有一个uid（在身份验证期间设置），如果找到该uid，则使用该uid与firebase（获取）同步状态。
• 如果用户重新加载页面，将从Firebase再次获取数据。
• 用户注销后，清除本地存储'uid'项。

在第一个示例中，我实际上保留了该状态的两个副本。一个在React的State，另一个在浏览器的本地存储中。如果用户关闭窗口或刷新页面。

我的问题是：最佳做法是什么？

还是正在构建一个需要在不依赖Redux的情况下保持用户和状态跨越不同路由的React应用程序？

如果没有Redux，学习React就足够了，所以我试图看看如果没有它，我是否可以管理。