PWA-Android，iOS，MacOS，Windows Store，Chrome添加到主屏幕-具有多个域的多租户应用程序出现问题

Posted 2021-04-11

我对生成PWA App有几个问题。也许在第一步中，我会解释一些有关应用程序的内容，以便更好地理解为多平台生成应用程序时遇到的问题。

多租户应用

关于应用程序，我不能多说。这是用户可以创建自己的帐户的应用程序。帐户在服务器上分开，例如。 app1，app2，app3等。每个服务器都有自己的域，例如。 app1.example.com等。每个用户都可以将其帐户升级为高级类型并定义自己的域，可以继续使用该域登录到其帐户，而无需使用全局域（这是PWA应用程序的问题，多域）。我认为这就是您需要了解的一切，如果您需要更多具体信息，请给我反馈，我将尽力帮助您。我需要使用WebView，因为应用需要访问localStorage。

我的问题

1. 问题涉及多个域。在manifest.json配置中可以定义一个域，该应用将用于显示应用并授权它（使用assetlinks.json）不显示网址栏（对于"Add to Home Screen"-使用android应用可以添加通配符）。
2. 我需要使用具有多个域的应用程序（我在android上实现了它-帖子后半部分中的说明）。
3. [从移动Chrome "Add to Home Screen"和台式机"Install app..."添加应用程序也存在问题。重定向到其他URL后，将显示URL Bar。
4. 下一个问题是从Windows Store app编译Visual Studio（在帖子的以下部分中进行解释）。
5. 我需要有关为ios和MacOS编译应用程序的更多信息-是否可以在没有Apple设备的情况下进行编译和测试？我尝试使用pwabuilder.com，但下载后MacOS包文件夹为空。也许虚拟机可以帮助我吗？您推荐使用什么来制作该应用程序？我测试了我在google中找到的内容，但不是我所期望的。

从Chrome浏览器安装

是否可以在不显示URL栏的情况下更改用户URL？现在，在autorization用户并将其正确重定向后，他的高级地址url栏显示-我不希望用户必须正确进入域并从"Add to Home Screen"安装应用-他们应该从任何域进行安装并像Native App。

Android

部分解决每个帐户的子域问题。它工作正常，但也许有人可以使用其他任何授权解决方案，在这些解决方案中我不需要自定义子域来授权应用程序。

Windows Store

我安装了Visual Studio，并以此documentation制作了新应用程序，但出现错误

错误项目必须具有对应用程序的引用。请在解决方案资源管理器的“应用程序”节点下添加参考。

这里是issue-也许是Visual Studio的最新版本存在问题？下一个问题是，即使我编译了该应用程序，在多域情况下也将如何处理-重定向用户时URL栏将可见？如果未安装Chrome怎么办？

[iOS和MacOS

[也许有人掌握了很好的文档，介绍了如何在此平台上创建应用程序，我该在哪里进行测试？什么是多域？网址栏会显示吗？可以使其像Android App一样不可见。 wildcard或其他解决方案？

我的问题

1. 如何为PWA和iOS创建MacOS应用程序。也许是不错的文档。
2. 如何为Windows Store构建应用程序。我使用Microsoft文档制作了应用程序，但没有用-在GitHub Issue上打开了问题，但没有解决方案。
3. 对于从移动Chrome安装的应用程序，例如"Add to Home"或台式机Chrome "Install app..."，可以使用多域并且不显示URL栏。
4. 如果未在设备上安装Chrome怎么办？应用程序将正常运行吗？我知道可以从android 8.1中删除chrome。我不知道删除android后是否可以使用？

感谢大家的帮助和您的耐心，我希望您能提供很多帮助。

答案

我最近正在用Vue构建PWA，我试图找到一种使用它制作IOS软件包的方法。到目前为止，我还没有做过，但是对于Windows，Android和MacO来说，这很容易...关于此的许多博客教程，如果您不想进行大量编码，那么Chrome application是最好的选项供您选择。

关于您的第四个问题，如果要从浏览器运行PWA，则浏览器必须支持独立的桌面应用程序。我想在Chrome的iPhone上尝试PWA，但不能这样做，因为该chrome没有将应用程序固定在屏幕上的功能，因此我只能依靠野生动物园