重磅!小程序支持打开移动应用和标题栏区域开放自定义

2018-01-25 16:40 栏目:技术开发 查看(13497)

就在刚刚,腾讯微信小程序官方推送这周更新信息,小程序开放能力再一次更新(其实大家都知道现在小程序开放能力保持至少一周已更新的节奏);官方是这样说的:

 从移动应用分享至微信的小程序页面,用户访问时支持打开来源应用。同时,开发者可对小程序菜单外的标题栏区域进行自定义。

一、新增支持打开移动应用组件。

为方便用户获取应用中的服务,从移动应用分享至微信的小程序页面,用户访问时支持打开来源应用。因为需要用户主动触发才能打开 APP,所以该功能不由 API 来调用,需要用 open-type 的值设置为 launchApp 的 button组件的点击来触发。

当小程序从 APP 分享消息卡片的场景打开时(场景值 1036,APP 分享小程序文档 iOS 参见,Android 参见),小程序会获得打开 APP 的能力,此时用户点击按钮可以打开分享该卡片的 APP。即小程序不能打开任意 APP,只能 跳回 分享该小程序卡片的 APP。

在一个小程序的生命周期内,只有在特定条件下,才具有打开 APP 的能力。 打开 APP 的能力 可以理解为由小程序框架在内部管理的一个状态,为 true 则可以打开 APP,为 false 则不可以打开 APP。

在小程序的生命周期内,这个状态的初始值为 false,之后会随着小程序的每次打开(无论是启动还是切到前台)而改变:

  1. 当小程序从 1036(App 分享消息卡片) 打开时,该状态置为 true。
  2. 当小程序从 1089(微信聊天主界面下拉)或 1090(长按小程序右上角菜单唤出最近使用历史)的场景打开时,该状态不变,即保持上一次打开小程序时该状态的值。
  3. 当小程序从非 1036/1089/1090 的场景打开,该状态置为 false。

launch-app

API使用方法:需要将 button组件 open-type 的值设置为 launchApp。如果需要在打开 APP 时向 APP 传递参数,可以设置 app-parameter 为要传递的参数。通过 binderror 可以监听打开 APP 的错误事件。demo:

242424

二、标题栏区域开放自定义

本次更新新增配置 window.navigationStyle 支持全屏显示小程序,对设置项window增加属性navigationStyle,支持default和custom两个值,其中default就是保持默认状态,而设置为custom的时候只保留右上角胶囊状的按钮(也就是右上角按钮),其他位置可以进行自定义。

3253

注意看下图的左上角,就是自定义的哦:

235

与我们的项目经理联系
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

转载请注明出处:重磅!小程序支持打开移动应用和标题栏区域开放自定义 - 微构网络
分享: