MW Logo

通过魔窗位连接App,实现App之间场景式的跳转及返回



用户在上游App中可能有进一步的需求,放一个按钮入口,直接跳转到服务下游App的页面,这些服务上下游的App组成了“服务联盟”,打破App孤岛格局。

以抹茶美妆App和美人相机App为例

在抹茶美妆中拍照时选择美人相机,打开美人相机并完成拍照后确认,将美人相机美颜后的照片带回到抹茶美妆中

deeplink

实现原理

基本原理就是利用两者的mLink服务,将美人相机美颜后的照片路径传给抹茶美妆。

基于以上原则,我们要做到的是

1.抹茶美妆需要拿到美人相机拍照页面的mLink服务,一键唤起美人相机拍照页

2.抹茶美妆调用美人相机mLink服务的同时,需要将接收照片路径的页面的uri scheme传给美人相机,以让美人相机拍照完成后可以通过此uri返回。

3.第2点的uri scheme需要有接收照片路径的动态参数。

前提:

①抹茶美妆集成了魔窗位功能,以及mLink功能(用来接收B返回的参数)

②美人相机将拍照页以mLink服务的形式发布到魔窗市场,并告知客户自己可返回的参数格式。 ​

抹茶美妆从魔窗市场上拿到美人相机拍照页的mLink活动,并投放到自己的魔窗位。用户点击魔窗位,一键唤起美人相机的拍照页,美颜完毕,确认返回抹茶美妆。然后抹茶美妆处理接收照片路径的页面。整个流程完成。

具体实现

美人相机(应用B)

1.添加美颜拍照的mLink服务,并开启支持返回到抹茶美妆(应用A)的开关

2.将跳转拍照这个mLink服务添加到服务市场中

deeplink

3.跳转到美颜拍照页面,此时会有2种情况,第一种是可以返回,第二种是不可以返回。例如微信中或者浏览器中使用短链接唤起App,这种情况下是不需要返回到应用A的,所以此时需要利用callbackEnable接口来判断一下。

如果需要返回到应用A的话,就需要在界面上显示返回按钮,当用户在拍照界面点击返回按钮的时候,调用以下代码返回抹茶美妆(应用A)App

* Android:*

deeplink

iOS:

deeplink

抹茶美妆(应用A)

1.将接收图片的页面变成一个mLink服务,图片来源于美人相机App(应用B)

deeplink

2.设置魔窗位,在魔窗位上设置相应的mLink key,当从美人相机App(应用B)返回的时候,会跳转到相应的mLink key页面

3.在服务市场领取美人相机(应用B)的拍照服务,并且投放到魔窗位上,点击魔窗位会跳到美人相机App(应用B)进行拍照

* Android:*

deeplink

iOS:

deeplink

App之间的参数约定及传递

应用B在返回的时候,建议使用魔窗提供的通用动态参数Key来表示需要传递的动态参数,这样App之间可以灵活的选择合作伙伴,而不需要变动代码。当然也可以App之间约定需要传递的动态参数key。

deeplink

* Android:*

B方美人相机约定image_path

deeplink

A方抹茶可在接收页面的mLink服务callback内通过"image_path"获取到相应的值

iOS:

deeplink

消费升级,产业互联网,未来社会已服务为核心,我们认为,场景式连接和服务连接是一个巨大的流量红利。用生态及杠杆的全新流量模式,拉新、激活、留存和转化庞大用户群体。