如何使PWA登录页与脱机时的网站登录页不同



我的应用程序历史上一直通过向所有人显示登录页来工作。有一个登录按钮,如果你点击它,它会显示一个凭据对话框,当你成功输入凭据时,你就会登录并重定向到你的登录类型的主页。

在PWA的情况下,一旦我知道用户是谁;将其作为应用程序安装";按钮,然后由于我知道用户是谁,所以无需显示常规登录页并要求登录。我只想记住用户,然后直接转到他们的主页。

我可以将登录信息缓存在本地存储中,但我只想在离线时这样做,我认为PWA仍然会显示默认登录页,最多会立即重定向到主页,这看起来很糟糕。

有没有办法按照我想要的方式设置?

为了安装PWA,您创建了一个清单文件和一个服务工作者。当应用程序成功安装(添加到主屏幕(时,服务人员开始行动。服务工作者将为您联机或脱机声明的所有文件提供服务。这意味着它将为清单文件提供服务。

在清单文件中,你可以添加开始url,这将是一个定义的路线,在这种情况下,直接转到你的应用程序,而不是登录页。在您的清单文件中只需添加:

"start_url":"joshuaFrankApp";或"start_url":"joshuaFrankApp.html";

无论何时安装应用程序(无论用户是在线还是离线(,它都会重定向到您想要的页面。

额外信息:https://developer.mozilla.org/en-US/docs/Web/Manifest/start_url

最新更新