随着 Progressive Web App (PWA) 的兴起，Windows 10 和 Edge 浏览器也全面支持了 PWA。并且，现在你可以将 PWA 提交到微软应用商店中。
什么是 PWA?
PWA 是一种新型的 Web 应用程序，它结合了传统 Web 应用程序和原生移动应用程序的优点。PWA 可以像应用程序一样在手机或电脑上离线使用，同时具有 Web 应用程序的灵活性。
如何创建一个 PWA？
下面是创建一个 PWA 的基本步骤：
- 创建一个可靠的 HTTPS 站点。
- 添加一个 web app manifest 文件和一组图标，这些文件定义了 PWA 在主屏幕上的外观和行为。
- 实现 Service Worker，使你的应用可以离线工作，并提供更快的加载时间。
如何提交 PWA 到微软应用商店
- 打开 Microsoft Store Developer Dashboard（https://developer.microsoft.com/en-us/dashboard）并登录账户。
- 点击“Create a new submission”按钮来创建一个新的应用程序提交。
- 提供应用程序的必要信息，如名称、描述、图标等。
- 在“Capabilities”部分，启用“PWA Hosted Web App”选项。
- 配置应用程序服务，并上传你的应用程序包。
- 在提交过程中，你需要通过 Microsoft 的审核流程。一旦审核通过，你的 PWA 将会出现在 Microsoft Store 上。
示例代码
下面是一个简单的 PWA 例子，它显示了如何实现 Service Worker 并将其添加到 web app manifest 中。
-- -------------------- ---- -------
-- -- ------- ------
-- ---------------- -- ---------- -
------------------------------- ---------- -
---------------------------------------------------------------------- -
-------------------------- ------------ ---------- ---- ------ -- --------------------
-- ------------- -
-------------------------- ------------ ------- -- -----
---
---
-
-- --- --- --- --------
-
------- --- -----
------------- --- -----
------------ ----
---------- -------------
------------------- -------
-------------- ----------
-------- -
-
------ ------------------------------
-------- --------
------- -----------
--
-
------ ------------------------------
-------- --------
------- -----------
--
-
------ --------------------------------
-------- ----------
------- -----------
--
-
------ --------------------------------
-------- ----------
------- -----------
--
-
------ --------------------------------
-------- ----------
------- -----------
--
-
------ --------------------------------
-------- ----------
------- -----------
-
-
-结论
现在，Windows 10 和 Edge 浏览器全面支持 PWA 并可以提交到微软应用商店。通过使用 PWA，开发者可以为用户提供更好的体验，并将其部署到多个平台上，从而扩大其受众范围。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6759
