资讯中心 / 如何借助深度链接实现小程序向APP的跳转?

如何借助深度链接实现小程序向APP的跳转?

深度链接
2018-11-15

随着微信推出小程序之后,在微信群刷屏的小程序越来越多,小程序已经成为又一个流量红利的带动点,传统的APP也纷纷开发自己的小程序,但小程序的功能始终具有局限性,如何将小程序内的流量导入APP,让APP搭上小程序流量红利的快车?本文以MobLink深度链接为例,介绍如何借助深度链接实现小程序向APP的跳转。

 

1. 获取微信小程序专用JS

登录Mob开发者后台选择MobLink项目,确认相关配置项无误后选择页面配置,切换到引用JS文件选项卡,点击微信小程序专用JS对应的一键下载JS文件按钮,下载MobLink提供的JS文件,如下图:

http://wiki.mob.com/wp-content/uploads/2018/03/Snip20180322_51.png

提醒:完成后将下载的JS文件放入微信小程序的 utils 文件夹中。

 

2. 添加微信公众平台安全域名

登录微信公众平台将MobLink提供服务的域名:https://api.moblink.mob.com 加入到微信公众平台安全域名列表中,如下图:

http://wiki.mob.com/wp-content/uploads/2018/03/Snip20180322_52.png

3. 准备打开APP的元素

在微信小程序某个page的*.wxml文件中写一个用于打开app的button元素,并设置其open-type="launchApp",示例如下:

<button open-type="launchApp" app-parameter="{{app-parameter}}" binderror="launchAppError">打开APP</button>

 

4. 调用MobLink打开APP

在上述打开APP的元素page对应的*.js文件中通过onLoad:函数来调用MobLink,示例代码如下:

//index.js

import MobLink from '../../utils/moblink-min.sdk.js'

 

Page({

data: {

//这个 app-parameter 对应上述元素中绑定的 app-parameter 参数

app-parameter: ''

},

// 调用 MobLink

onLoad: function (options) {

// 初始化MobLink

MobLink({

options,

params: {

mini2app1: '我来自微信',

mini2app2: '我叫小程序',

},

success: (data) => {

this.setData({

app-parameter: data,

})

}

})

// 添加自己的代码...

}

 

5. 关于 params 选项的说明

// 动态参数

params: {

mini2app1: '我来自微信',

mini2app2: '我叫小程序',

},

 

深度链接已经成为APP开发不可或缺的一环,更多MobLink的信息可至Mob官网查看。

上一篇 下一篇
SDK打包中 — 0%

SDK下载

正在根据您选择的SDK打包中,完成后自动下载
0%