英文:
Opening installed PWA with a URL in browser not working
问题
我正在尝试让我安装的PWA在扫描QR码后通过浏览器打开相应的URL。我已经正确设置了这个吗,还是我理解错了什么吗,请问?
用于测试的PWA是从Chrome中安装的,并且我正在测试将上述URL放入Android手机上的Chrome浏览器中。
我要放入浏览器的URL是...
https://test.mysupersite.com?book=GGGGG
...其中 'book' 可以是任意5个字符的字母或数字。
我有一个名为 'web-app-origin-association' 的文件,它位于我的网站根目录下名为 '.well-known' 的文件夹中,即 https://test/mysupersite.com/.well-known。它包含:
{
"web_apps": [
{
"manifest": "https://test.mysupersite.com/manifest.webmanifest",
"details": {
"paths": ["/*"]
}
}
]
}
我的 Web Manifest 名为 'manifest.webmanifest',也位于我的网站根目录中...
https://test.mysupersite.com/manifest.webmanifest
它包含...
{
"name": "MySuperSite",
"short_name": "MySuperSite",
"gcm_sender_id": "XX47XX2560XX",
"display": "standalone",
"gcm_user_visible_only": true,
"start_url": "/?mode=standalone",
"theme_color": "#ffffff",
"related_applications": [{
"platform": "webapp",
"url": "https://test.mysupersite.com/manifest.webmanifest"
}],
"url_handlers": [
{
"origin": "https://test.mysupersite.com"
},{
"origin": "https://*.mysupersite.com"
}
],
"background_color": "black",
"description": "Do super things",
"icons": [
{
"src": "/imgs/PWA-icon-512.png",
"type": "image/png",
"sizes": "512x512"
},
{
"src": "/imgs/PWA-icon-192.png",
"type": "image/png",
"sizes": "192x192"
}
]
}
如果我的PWA安装成功(它确实安装成功了),那么在Android手机的Chrome浏览器中输入 https://test.mysupersite.com?book=GGGGG 会打开已安装的PWA 吗?
我还尝试过在浏览器中输入 https://test.mysupersite.com(没有查询字符串),但也不起作用。
感谢您的时间和帮助。
英文:
I'm trying to get my installed PWA to open when a QR code opens a URL in a browser. Have I got this set up correctly, or am I misunderstanding something, please?
For testing my PWA was installed from Chrome, and I'm testing putting the above URL in a Chrome browser on an Android phone.
The URL I'm putting in my browser is...
https://test.mysupersite.com?book=GGGGG
...where 'book' could be any 5 character alpha-numeral
I have a file named web-app-origin-association which is in a folder named .well-known in the root of my website i.e https://test/mysupersite.com/.well-known. It contains:
{
"web_apps": [
{
"manifest": "https://test.mysupersite.com/manifest.webmanifest",
"details": {
"paths": ["/*"]
}
}
]
}
My web manifest is named manifest.webmanifest and is also in my site's root...
https://test.mysupersite.com/manifest.webmanifest
It contains...
{
"name": "MySuperSite",
"short_name": "MySuperSite",
"gcm_sender_id": "XX47XX2560XX",
"display": "standalone",
"gcm_user_visible_only": true,
"start_url": "/?mode=standalone",
"theme_color": "#ffffff",
"related_applications": [{
"platform": "webapp",
"url": "https://test.mysupersite.com/manifest.webmanifest"
}],
"url_handlers": [
{
"origin": "https://test.mysupersite.com"
},{
"origin": "https://*.mysupersite.com"
}
],
"background_color": "black",
"description": "Do super things",
"icons": [
{
"src": "/imgs/PWA-icon-512.png",
"type": "image/png",
"sizes": "512x512"
},
{
"src": "/imgs/PWA-icon-192.png",
"type": "image/png",
"sizes": "192x192"
}
]
}
If my PWA installs fine (which it does), should putting https://test.mysupersite.com?book=GGGGG in a Chrome browser on an Android phone open the installed PWA?
I've also tried putting https://test.mysupersite.com (no query string) in the browser, but it also doesn't work.
Thank you for your time and help.
答案1
得分: 1
-
确保您已启用
#enable-desktop-pwas-url-handling
标志。 -
此API仅适用于在浏览器之外打开的链接,比如在消息应用程序中。 当您在浏览器中输入URL时,它不会起作用。引用文档中的描述:
在浏览器选项卡中启动的导航不受此提案处理。
英文:
-
Make sure you enabled the
#enable-desktop-pwas-url-handling
flag -
This API only works with links opened outside of the browser, like in messaging apps. It won't work when you enter the URL into the browser. Quoting the docs,
> Navigations that start in a browser tab are not handled by this proposal
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论