mobLink

mobLink用来实现移动端深度链接（具体见文档）

这里分享我这个h5是怎么使用的。。。（暂时只使用了这一点点）

APP端分享出来的页面在多端打开，多端里的链接打开显示是由h5写的页面（页面是用的vue）。

• mobLink需要有账号，在mobLink平台上设置。
• 有哪种需求就复制下面哪种。

<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',
 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>

总结（菜鸟不认真看文档）

• el: 表示网页上Element的id值,该字段为空或者不写,则表示MobLink 默认浮层 。
• el：该字段不为空的话，给元素设置一个id，例如id="app"，el里写#app，则有此id属性的可以实现mobLink的跳转功能。
• params：里面传的参数，是与APP交互的参数，它与h5和后端和APP端都有联系。