【发布时间】：2018-05-30 10:14:57
【问题描述】：
我一直在使用 Angular 6 创建 Progressive Web App (PWA)。
可以将 WebView 添加到我的应用程序吗？
我该怎么做才能做到这一点？
谢谢。
【问题讨论】：
标签： angular progressive-web-apps
【发布时间】：2018-05-30 10:14:57
【问题描述】：
如果您想反其道而行之，请将您的 PWA 加载到 WebView 中，这是可能的。
要自己动手，可以参考以下教程：
安卓：https://medium.com/@stevesohcot/andriod-studio-webview-tutorial-4651701d7d1a
iOS：https://www.ioscreator.com/tutorials/webview-ios-tutorial-ios11
但使用包装器可能更容易为 PWA 设置合适的环境：
你也可以从this question那里得到一些好的提示。
除其他外，它建议使用PWA Builder，它看起来确实不错。来自网站：
PWA Builder 由 Microsoft 创立，是一个社区指导的开源项目，旨在帮助推动 PWA 的采用。
我认为它将一次性创建您的 Android 和 iOS 版本。
This paper discusses 当前播放状态（2018 年），还有一些示例代码用于检查您正在使用的 WebView 中哪些 PWA 功能可用。
【讨论】：
Progressive Web 应用程序本身就是一个 Web 应用程序，因此您无法向其添加 webview，这仅适用于您拥有原生应用程序并希望显示一些 Web 内容的情况。
为什么要在 webapp 中有 webview（PWA 也是一个 web 应用，只是可以安装到主屏幕上）。
【讨论】：
-
不了解 OP，但我对“为什么要在 web 应用程序中使用 WebView”有一个答案：我有一个仅限 Android 的本机应用程序，它充当 Web 浏览器，但添加了语言-学习帮助它在浏览时找到的任何中文文本，它通过将 JS 注入 WebView 并提供回调来做到这一点。我想把它放到 iOS 上，但是原生 iOS 开发有太多的成本障碍，所以我想把它作为一个 web 应用程序来做，但我不能，因为 web 应用程序不提供可以获取任何站点并提供回调，让我将语言学习辅助工具添加到文本中。我只需要说“获取 Android”
-
@Silas 您的用例是本机应用程序中的 webview，这是有道理的。 Webviews 就是为了这个目的。它运行网页，我支持本机应用程序，而不是网络。但是 PWA 本身是一个在浏览器中运行的 webapp。如果您有一个同时拥有本机代码和 Web 代码的用例，那么在 Android 中，现在有 Trusted Web Activity，它就是这样做的。