当用户在使用旅行攻略App,会需要订机票、酒店、打车等服务,有时候一个App不能全包括,在用户的的诉求下,微信小程序提供的能力能够串联不同的App实现,那么其中的组件是如何出发的?
了解组件如何触发的,得了解下API。如下图:
launchApp 打开APP,可以通过app-parameter属性设定向APP传参数。
而这些参数是需要用户主动触发才能打开 APP,所以该功能不由 API 来调用,需要用 open-type 的值设置为 launchApp 的 <button> 组件的点击来触发。
当小程序从 APP 分享消息卡片的场景打开时(场景值 1036,APP 分享小程序文档 iOS 参见,Android 参见),小程序会获得打开 APP 的能力,此时用户点击按钮可以打开分享该卡片的 APP。即小程序不能打开任意 APP,只能 跳回 分享该小程序卡片的 APP。
在一个小程序的生命周期内,只有在特定条件下,才具有打开 APP 的能力。 打开 APP 的能力 可以理解为由小程序框架在内部管理的一个状态,为 true 则可以打开 APP,为 false 则不可以打开 APP。
在小程序的生命周期内,这个状态的初始值为 false,之后会随着小程序的每次打开(无论是启动还是切到前台)而改变:
当小程序从 1036(App 分享消息卡片) 打开时,该状态置为 true。
当小程序从 1089(微信聊天主界面下拉)或 1090(长按小程序右上角菜单唤出最近使用历史)的场景打开时,该状态不变,即保持上一次打开小程序时该状态的值。
当小程序从非 1036/1089/1090 的场景打开,该状态置为 false。
具体流程如下图:
只需要我们设置<button>组件的参数,例如:
<button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打开APP</button>
Page({
launchAppError: function(e) {
console.log(e.detail.errMsg)
}
})
需要将 <button> 组件 open-type 的值设置为 launchApp。如果需要在打开 APP 时向 APP 传递参数,可以设置 app-parameter 为要传递的参数。通过 binderror 可以监听打开 APP 的错误事件。
具体参考微信小程序官网:https://developers.weixin.qq.com/miniprogram/dev/component/button.html