将WebView添加到Progressive Web App（PWA）？

Question

我一直在使用Angular 6创建Progressive Web App（PWA）。

可以将WebView添加到我的应用程序中吗？

如何实现这一目标？

感谢。

Answer 1

如果您想采取其他方法，可以将PWA加载到WebView中。

要自己完成所有操作，可以遵循一些教程：

• Android：https://medium.com/@stevesohcot/andriod-studio-webview-tutorial-4651701d7d1a

• iOS：https://www.ioscreator.com/tutorials/webview-ios-tutorial-ios11

但是使用包装器为PWA设置合适的环境可能会更容易：

• Android：https://github.com/xtools-at/Android-PWA-Wrapper

• iOS：https://github.com/xtools-at/iOS-PWA-Wrapper

您还可以从this question获得一些好的建议，这些建议建议除其他事项外还使用pwabuilder。

This paper discusses当前的运行状态（2018年），并提供了一些示例代码来检查您使用的WebView中哪些PWA功能可用。

Answer 2

Prograssive Web应用程序本身是一个Web应用程序，因此您无法向其添加webview，这仅适用于您拥有本机应用程序并希望显示某些Web内容的情况。

为什么你想在webapp中使用webview（PWA也是一个web应用程序，只是它可以安装到主屏幕上）。