博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MobLink全平台支持微信小程序 3分钟实现微信小程序跳转App
阅读量:5821 次
发布时间:2019-06-18

本文共 1422 字,大约阅读时间需要 4 分钟。

hot3.png

MobLink全平台支持微信小程序,并提供永久免费服务。

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

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

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

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

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

提醒:域名添加后大约需要10~15分钟生效,请耐心等待!

如果长时间域名还未生效可以尝试刷新或重启微信开发者工具。

3. 准备打开APP的元素

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

< button open-type="launchApp" app-parameter="{

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

一般微信小程序开发者会使用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://wiki.mob.com/moblink-ios-doc/

 

转载于:https://my.oschina.net/u/3773669/blog/1833852

你可能感兴趣的文章
python学习第六天
查看>>
FSG压缩壳和ImportREC的使用 - 脱壳篇05
查看>>
var
查看>>
团队规程建议
查看>>
前端js之BOM和DOM
查看>>
切面的优先级
查看>>
C# - 设计模式 - 策略模式
查看>>
java 面试随笔
查看>>
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
查看>>
C#自定义ConfigSections节
查看>>
队列queue实例(生产者和消费者模型)
查看>>
U盘装系统详细教程
查看>>
来自极客头条的 35 个 Java 代码性能优化总结
查看>>
js控制图片延时加载
查看>>
工作总结_JS_1
查看>>
Xcode will continue when iPad is finished. "Could not find Developer Disk Image"
查看>>
SCNN车道线检测--(SCNN)Spatial As Deep: Spatial CNN for Traffic Scene Understanding(论文解读)...
查看>>
性能相关指标详解
查看>>
3532:最大上升子序列和(最长上升子序列变式)
查看>>
Windows could not set the offline local information.Error code:0X80000001解决方法
查看>>