javascript PWA通用start_url

gxwragnw  于 12个月前  发布在  Java
关注(0)|答案(2)|浏览(258)

我有vue应用程序,这也是PWA. PWA工作正常,但问题是,我使用的是我的Web应用程序的通用路径.这意味着打开正确的页面,我使用的路径/test/${user}.这意味着当用户安装应用程序时,他会自动重定向到启动路径“website.com“而不是“website.com/test/uniqueid“.所以我的问题是-可以设置start_用户安装PWA时的URL,因此当他启动应用程序时,它会直接将他重定向到“website.com/test/uniqueid”

scyqe7ek

scyqe7ek1#

我不知道它是否会帮助其他人,但我发现这个黑客解决方案的工作,但它有一些缺陷-例如,如果用户删除他的本地存储。
我为'appinstalled'添加了一个事件侦听器,主要是检查用户何时安装PWA,以及何时安装localStorage变量

window.addEventListener("appinstalled", () => {
            localStorage["istallURL"] = window.location.pathname;
        });

字符串
之后(在我的情况下)在router.js根路径中,我检查这个localStorage值是否存在,如果存在,我将用户重定向到localhost变量中保存的路径

{
path: "/",
        name: "redirect",
        beforeEnter: (to, from, next) => {
            const installedFrom = localStorage["installURL"];
            if (installedFrom) {
                window.location.replace(installURL);
            } else {
                window.location.href = "https://youtube.com/";
            }
            next();
        },
}


应该很容易适应其他框架或非框架应用程序,在安装应用程序之前做同样的事情:)

lmvvr0a8

lmvvr0a82#

你要做的是
1.保存PWA至主屏面,作为https://www.mypwa.com

  1. https://www.mypwa.com是您的登录页面。
    1.用户登录后,重定向到https://www.mypwa.com/user1001

相关问题