微软和谷歌合作让PWAS在Play Store中变得更好

2020-07-11 00:27:03

我们很高兴地宣布微软和谷歌为了网络开发者社区的利益进行了一次新的合作。微软的PWABuilder和谷歌的Bubblewrap现在正在合作,帮助开发人员在Google Play商店发布PWA。

PWABuilder.com是微软的开源开发工具,可帮助您构建高质量的PWA并将其发布到应用程序商店。

Bubblewrap是Google的命令行实用程序和库,用于生成和签名来自Progative Web Apps的Google Play Store软件包。

今年早些时候,我们开始与谷歌合作,让PWABuilder在幕后利用Bubblewrap。今天,我们将为PWA开发人员宣布两个伟大的新功能,这些功能源于我们的合作:

Web快捷方式支持:通过PWABuilder为Google Play打包的PWAS现在将支持新的Web快捷方式标准。

高级Android功能&;定制:PWABuilder现在支持全方位的可信网络活动选项,让您的PWA在Android设备上大放异彩。从PWABuilder中,您可以自定义PWA中Android状态栏和导航栏的外观、自定义Android闪屏、更改启动器名称、使用现有签名密钥、利用更深入的推送通知支持、配置软件包的ID和版本控制、回退行为等等。

所有这一切都是谷歌和微软合作的结果,你们的PWAS从中受益。下面是更多详细信息。

快捷方式是一种新的Web标准,它使已安装的PWAS具有应用程序快捷方式,即用户可以快速跳转到的常见操作的上下文列表:

网络快捷方式集成到操作系统中,如Windows的任务栏和开始菜单,或Android的主屏幕,使用户能够快速访问应用程序的核心功能。

今天,我们很高兴地宣布支持PWABuilder中的快捷方式。由于我们与Google的Bubblewrap合作,您通过pwabuilder.com为Google Play Store打包的PWAS现在将获得对快捷方式的全面支持。😎。

支持是自动进行的,不需要额外的工作。您在Web应用程序清单中定义的快捷方式将在Google Play Store APK包中正常工作,不出所料。当用户在Google Play应用商店中发现并安装您的PWA时,他们将能够通过网络快捷方式轻松地重新使用您的应用。

要试用它,请访问pwabuilder.com,然后输入带有快捷方式(如https://sadchonks.com:)的pwa的url。

单击开始分析URL,然后单击[构建我的PWA]:

系统会询问您应该在哪些应用程序商店发布。选择Android以打包到Google Play商店:

这将生成一个可以上传到Google Play商店的APK包。当它安装在Android上时,你的应用程序快捷方式就会正常工作。例如,您可以长按应用程序的磁贴来查看Web快捷方式:

您可以阅读更多关于您的PWA在Android上的网络快捷方式,在快捷方式与值得信赖的网络活动解释器。

今年春天,当我们使用Google的Bubblewrap推出最初的协作工作时,PWABuilder没有办法定制它生成的Android包。虽然这对于一些基本的场景来说是不错的,比如第一次发布到Google Play商店,但在其他方面做得不够好。

为了解决这个问题,我们更新了PWABuilder,允许完全定制您的Android应用程序包:

应用程序名称:您的应用程序的全名。我们会使用您PWA的应用程序清单中的应用程序名称预先填充此名称。

启动器名称:Android启动器中您的应用程序的名称。这通常与应用程序名称相同,或者是应用程序名称的缩写。我们使用PWA的应用程序清单中的SHORT_NAME预填充值。

APP版本:显示给最终用户的版本字符串,如“1.0.0.0”

应用程序版本代码:这是一个整数,用作您的应用程序的私有内部版本。

Host、Start URL、Manifest URL:用于在Android应用程序中启动PWA的URL。我们会从您的应用程序清单中为您预先填充这些内容。

状态栏颜色,导航栏颜色:PWA中Android状态栏和导航栏的颜色。也可以通过将“显示”设置为“全屏”来隐藏这些栏。我们使用您的应用程序清单中的颜色预填充值。

导航栏颜色:与上图相同,但适用于Android导航栏。也可以通过将显示设置为全屏来隐藏。

启动屏幕颜色:创建Android应用程序时将使用的启动屏幕的背景颜色。我们将使用您的应用程序清单中指定的主题颜色预先填充此颜色。

闪屏淡出时间:闪屏淡出的时间(以毫秒为单位)。我们默认为300ms。

图标URL:要用于您的应用程序的图标的URL。我们推荐使用512x512图标。

可屏蔽图标URL:可选。在显示圆角图标的Android设备上使用的图标。通常,此图标的内容周围应该有一些填充,使图标可以安全地四舍五入而不会失去保真度。我们使用您的应用程序清单中的一个目的:可屏蔽图标填充此图标。如果找不到,我们就使用图标。有关安卓上可屏蔽图标的更多信息,请参见https://web.dev/maskable-icon.。

单色图标URL:可选。要用于您的应用程序的单色图标。Android可以使用它根据用户偏好、主题或颜色模式或高对比度配置用特定的颜色填充你的图标。我们使用一个目的填充此图标:来自您的应用程序Manfiest的单色图标。

后备行为:当无法获得完整的TWA体验时,您的应用程序应该如何处理,无论是使用Web视图还是Chrome的自定义选项卡功能。我们默认使用后者。

显示模式:-独立意味着您的PWA将占据除Android状态栏和导航栏之外的所有区域。-全屏隐藏两个栏。这是为游戏和媒体播放等身临其境的体验而设计的。

通知:如果启用,您的PWA将使用Android通知委派进行推送通知,这意味着您安装的PWA可以在没有浏览器权限提示的情况下发送推送通知。如果您的PWA发送推送通知,则应启用此功能。

签名密钥:APK应用程序包的数字签名方式:-无:您的应用程序包不会签名。未签名的包裹将由Google Play商店签名。这是谷歌的推荐,也是我们的默认选择。-新建:PWABuilder将为您创建新的签名密钥。签名密钥将包含在您的zip下载中。选择此选项将允许您填写密码、别名等详细信息。-my:上传现有的.keystore文件,用于对APP包进行签名。如果你要更新应用商店中的现有应用,则应使用此选项。系统将提示您指定现有密钥密码和别名。

呼!如您所见,您几乎可以自定义PWA Android应用程序包的各个方面。

要访问此功能,请将URL放入pwabuilder.com,然后:Build my PWA-&>;Android-&>Options。

多亏了谷歌和微软的合作,网页快捷方式和Android软件包定制都成为可能。我们正在共同努力,使网络成为一个功能更强大的应用程序平台。

除了上述内容,我们还与谷歌在Fugu项目上合作,孵化新的网络平台功能,以PWAS为中心,朝着标准化的目标发展,这样每个人都能受益。在我们的Web平台演示展示中,我们突出了一些项目Fugu的功能。

我们希望您喜欢PWABuilder中的这些功能!请在pwabuilder.com上试一试。