写点什么

MobTech MobLink|小程序、网页跳转 App 的原理

  • 2023-05-30
    上海
  • 本文字数:1534 字

    阅读完需:约 5 分钟

从不同的渠道,如小程序、二维码、网页等,直接跳转到 App 内对应的页面,并传递相关的参数信息,已经由移动还原解决方案 MobLink 实现了。本文将详细介绍多样化跳转技术的原理。

MobLink 的功能架构

MobLink 的功能架构如下图所示:


从图中可以看出,MobLink 主要涉及三个部分:客户端、服务器和网页。客户端是指集成了 MobLink SDK 的 App,服务器是指 MobLink 提供的云端服务,网页是指嵌入了 MobLink JS 的 HTML 页面。客户端、服务器和网页之间通过 HTTP 协议进行通信,传递场景参数和设备信息。

MobLink 的实现原理

1. 设置场景参数

在 App 中分享商品/内容/活动页面时,需要将需要跳转到 App 内的页面和参数信息添加到分享的链接中。这可以通过两种方式实现:


  • 通过网页端的 params 直接设置参数信息,例如:


<script type="text/javascript" src="//1p.t4m.cn/applink.js"></script><script>  // 页面上仅单个元素需要跳转时可以使用对象方式进行初始化  MobLink({    el: '',    path: 'demo/a',    params: {      key1: 'value1',      key2: 'value2',    }  })</script>
复制代码


  • 通过客户端的接口设置参数信息,例如:


//java代码// 设置场景参数HashMap<String, Object> senceParams = new HashMap<String, Object>();senceParams.put("key1", "value1");senceParams.put("key2", "value2");senceParams.put("key3", "value3");
// 新建场景Scene s = new Scene();s.path = "/demo/a";s.params = senceParams;
// 请求场景IDMobLink.getMobID(s, new ActionListener<String>() { public void onResult(String mobID) { // TODO 根据mobID进行分享等操作 }
public void onError(Throwable throwable) { // TODO 处理错误结果 }});
复制代码

2. 生成短链

在设置了场景参数后,需要将参数信息发送给 MobLink 的服务器,并生成一个短链,如:


http://f.moblink.mob.com/pro/scene/nf9a
复制代码


短链中包含了场景 ID,也就是 mobID,它是一个唯一标识符,用于在服务器中查询对应的场景参数。

3. 分享短链

生成短链后,就可以将短链分享给其他用户,分享到微信、QQ、微博等社交平台。用户点击短链后,会打开一个网页,网页中嵌入了 MobLink JS 代码。

4. 跳转到 App

网页中,MobLink JS 代码会根据短链中的场景 ID 向服务器请求对应的场景参数,并缓存到本地。同时,JS 代码会尝试打开对应的 App,并将参数信息传递给 App。


如果打开成功,App 中集成的 MobLink SDK 会接收到参数信息,并根据参数信息跳转到对应的页面。例如:


//java代码public class RestoreSenceActivity extends Activity implements SceneRestorable {    @Override    public void onReturnSceneData(Scene scene) {        // 处理场景还原数据, 可以在这里做更新画面等操作    }
@Override // 必须重写该方法,防止MobLink在某些情景下无法还原 protected void onNewIntent(Intent intent) { super.onNewIntent(intent); setIntent(intent); MobLink.updateNewIntent(getIntent(), this); }}
复制代码


如果打开失败,JS 代码会把当前设备的信息缓存到服务器,并跳转到 App 的下载页面。用户下载并安装 App 后,App 中集成的 MobLink SDK 会向服务器请求缓存的设备信息和参数信息,并根据参数信息跳转到对应的页面。

MobLink 的优势

MobLink 实现多样化跳转有以下几个优势:


  • 实现从任何渠道和形式跳转到 App 内对应页面,提高用户体验和留存率。

  • 支持小程序、二维码、网页、短信等与 App 参数互传,扩大推广范围和效果。

  • 自动关系匹配,用户无需填写邀请码,优化体验,提高转化率;开发人员也无需开发、维护关系匹配系统,节省开发成本。

  • 实时追踪新安装(或新注册用户)来源,持续监控、评估渠道质量,协同优化调整产品运营方向。

用户头像

还未添加个人签名 2019-05-08 加入

还未添加个人简介

评论

发布
暂无评论
MobTech MobLink|小程序、网页跳转App的原理_MobTech袤博科技_InfoQ写作社区