MobLink快速实现微信小程序跳转App !
MobLink全平台支持微信小程序,并提供免费服务。
1. 获取微信小程序专用JS
登录 Mob开发者后台 ,选择MobLink项目,确认相关设置项无误后选择页面设置,切换到引用JS文件选项卡,点击微信小程序专用JS对应的一键下载JS文件按钮,下载MobLink提供的JS文件。
提醒:完成后将下载的JS文件放入微信小程序的 utils 文件夹中。
2. 添加微信民众平台宁静域名
登录 微信民众平台 将MobLink提供服务的域名:http://www.hvihi.com
提醒:域名添加后约莫需要10~15分钟生效,请耐心等候!
若是长时间域名还未生效可以实验刷新或重启微信开发者工具。
3. 准备打开APP的元素
在微信小程序某个page的*.wxml文件中写一个用于打开app的button元素,并设置其open-type="launchApp",示例如下:
一样平常微信小程序开发者会使用wxss样式来设置这个按钮的样式,使其变的更雅观;建议使用“打开APP”、“去APP购置”、“到APP中阅读”等对用户有现实指导意义的文案;只管制止使用类似“下载APP”的文案,凭据我们的用户习惯发现使用“打开APP”的比使用“下载APP”的点击率高好几倍;
4. 挪用MobLink打开APP
在上述打开APP的元素page对应的*.js文件中通过onLoad:函数来挪用MobLink,示例代码如下:
//index.jsimport 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, }) } }) // 添加自己的代码... }· 注重:使用微信开发者工具天生的模版中页面的 onLoad: 要领可能没有带options参数,自己手动填写一下即可!
5. 关于 params 选项的说明
// 动态参数params: { mini2app1: '我来自微信', mini2app2: '我叫小程序',},
类型:Object
是否必填:否
形貌:这个动态参数是微信小程序要传给客户端APP的参数,通过MobLink唤起APP时会将这些参数在客户端SDK中返回给APP,关于客户端怎样获取这些参数请参考:http://www.hvihi.com
“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与
我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同
其观点或证实其内容的真实性。
热门文章
使用“扫一扫”即可将网页分享至朋友圈。