在日常刷网页过程中,我们常会看到浏览器提示”当前网站允许添加到桌面”,这一类网站其实采用了PWA(Progressive Web Apps)标准协议,支持让Edge/Chrome类浏览器,添加当前网站为一个应用。借助这个标准协议,我们可以让自己的PWA网站,一键云打包为App应用程序,在Win10/安卓/苹果ios运行。

图片

象叔叔这次主要分享的教程,帮助大家懒人云打包PWA网站应用,轻松上架到Win10/Win11商店,一起来试试吧。

准备工具:

1、自己的PWA网站应用,

2、PWA云打包网站:https://www.pwabuilder.com/

3、Windows开发人员中心:https://developer.microsoft.com/zh-cn/windows/

注:如小伙伴没有Win10开发者账户,可联系象叔叔,代为上传和提交。

操作步骤

1、访问PWA云打包网站,输入自己的PWA网站域名,推荐https协议

图片

2、很快将会给出一份网站检测报告,主要检查Manifest、Service Worker、Security三项指标

图片

3、随后进入发布应用商店画面,这时可以选择Windows商店,点击“Store Package”

图片

4、这时依次输入产品标识:

包ID/Package ID 发布者显示名称/Publisher display name 发行商/Publisher ID

图片

以上信息在Win10开发者后台,创建一个新应用程序后,即可一一获取

图片

5、填好以上应用资料后,点击“Generate”,即可创建一个Win10应用package部署包。

图片

6、现在进入Windows开发人员中心:https://developer.microsoft.com/zh-cn/windows/ , 进入后台仪表盘,创建一个提交。提交材料,主要包括定价/可用性、属性、年龄分级、程序包上传、Store一览、提交选项。

图片

7、在Store一览下,我们可以添加描述、新增功能、产品功能和屏幕截图,其他版权、联系人等资料,均可填写,最后保存和提交审核。

图片

8、当应用认证通过后,我们的PWA网站应用,就会出现在Win10/Win11商店中。

图片

9、现在,我们的“PWA网站应用”轻松上架了Win10商店,节省了大家专门开发App的精力,主力放在网站前后台的改版和维护上。

阅读原文