关于javascript:MobTech-MobLink-Web端快速集成指南

8次阅读

共计 2113 个字符，预计需要花费 6 分钟才能阅读完成。

1、在开发者后盾找到 MobLink 的页面配置栏，在浮层配置选项卡中，参考下图所示步骤来个性化你的 App：

2、浮层配置实现后切换到援用 JS 文件选项卡，间接点击复制按钮，如下图所示：

3、随后间接在你的网页源码的适当地位粘贴后面复制的 JS 代码，再依据你的需要做响应批改。代码及相干正文示例如下：

<script type="text/javascript" src="//1e.t4m.cn/applink.js"></script>
/*
* MobLink 反对数组 =>MobLink([...]) 和对象 =>MobLink({...}) 两种初始化模式
* 页面上有多个元素须要跳转时应用数组形式, 仅单个元素须要跳转时能够应用对象的形式进行初始化
* el: 示意网页上 Element 的 id 值, 该字段为空或者不写, 则示意 MobLink ** 默认浮层 ** 上的关上按钮 (留神: 该字段反对 selector 形式: 1.'.class' 2.'#id1' 3.['#id1','#id2'])
* path: 对应 App 里须要复原页面的门路
* default: 指定分享页默认场景参数（最多只能指定一项作为默认场景参数）* params: 网页须要带给客户端的参数
* loadDataType: 配置是否加 loading，配置代表退出 loading，不配置则没有 loading 动效 (eg：loadDataType:'1')
*/
// 页面上仅单个元素须要跳转时能够应用对象形式进行初始化
MobLink({
  el: '',
  path: 'demo/a',
  default: true,
loadDataType:'1',// 配置是否加 loading，配置代表退出 loading，不配置则没有 loading 动画
  params: {
      key1: 'value1',
      key2: 'value2',
  }
 });

 // 页面上有多个元素须要跳转时要应用数组形式进行初始化
MobLink([
  {
      el: '',
      path: 'demo/a',
      params: {
          key1: 'value1',
          key2: 'value2',
      }
  },
  {
      el: '#openAppBtn1',
      path: 'demo/b',
      params: {
          key1: 'value1',
          key2: 'value2',
      }
  },
  {
      el: '#openAppBtn2',
      path: 'demo/c',
      params: {
          key1: 'value1',
          key2: 'value2',
      }
  }
 ]);
</script>

当你的 app 包须要散发在多个不同的平台或者渠道托管的时候，如果你心愿不同的流动页面疏导用户去不同的渠道下载，那么此时能够应用 MobLink 提供的多渠道下载性能，具体应用步骤如下：1、开发者后盾配置下载渠道关上最新的开发者后盾，在 MobLink 的根底配置页面下方有一个渠道配置模块，如下图：

点击该模块右上方的增加多渠道下载地址按钮即可增加下载地址，如下图：

精确填写好信息之后点击确定即可。2、获取渠道标识通过下面的配置之后即会在多渠道下载地址模块中生成一个下载地址记录，其中有一个 MobLink 主动为你生成的下载渠道标识，如下图：

复制该渠道标识，到下一步中应用。3、在 MobLink JS 中配置渠道在页面的 js 中通过指定字段（iOS：moblink_source_ios 安卓：moblink_source_android）配置下载渠道，示例代码如下：

<script type="text/javascript" src="//1p.t4m.cn/applink.js"></script>
/*
* MobLink 反对数组 =>MobLink([...]) 和对象 =>MobLink({...}) 两种初始化模式
* 页面上有多个元素须要跳转时应用数组形式, 仅单个元素须要跳转时能够应用对象的形式进行初始化
* el: 示意网页上 Element 的 id 值, 该字段为空或者不写, 则示意 MobLink ** 默认浮层 ** 上的关上按钮 (留神: 该字段反对 selector 形式: 1.'.class' 2.'#id1' 3.['#id1','#id2'])
* path: 对应 App 里须要复原页面的门路
* params: 网页须要带给客户端的参数
*/
// 页面上仅单个元素须要跳转时能够应用对象形式进行初始化
MobLink({
    el: '',
    path: 'demo/a',
    moblink_source_ios: '5e006d8affa42d7657c3f8f8',       //iOS 下载渠道配置字段
    moblink_source_android: '5e006d9aaedf41217607edd3',   // 安卓下载渠道配置字段
    params: {
        key1: 'value1',
        key2: 'value2',
    }
})

4、iOS 客户端须要做的操作（须要在我的项目默认的 plist 文件里增加上指定字段：MobLink_Channel，并配置上值，值就是后盾生成的渠道标识，复制渠道标识应用），如下图：

自定义浏览器疏导页（可选）

iOS 端这里批改的是微信里跳转的界面，当 app 没有装置的时候，在微信里点击分享的链接，会先跳转到一个疏导页，批改的是这里的，如下图：

正文完