H5页面（vue项目）使用LinkedME实现唤起APP的功能

最新推荐文章于 2024-05-30 11:08:25 发布

Claire_cz

最新推荐文章于 2024-05-30 11:08:25 发布

阅读量2.8k

点赞数 2

文章标签： vue js 前端

本文链接：https://blog.csdn.net/Claire_cz/article/details/103824657

版权

本文介绍了如何在Vue.js前端项目中利用LinkedME SDK实现H5页面唤起移动端应用的功能。通过在index.html引入JS SDK，创建并封装linkedme.js，然后在页面中引入该文件，确保在微信、QQ等环境下可以调起APP。

摘要由CSDN通过智能技术生成

最近开发的混合app要做个分享的功能，需要实现在微信或者qq打开app分享出去的链接能够直接调起手机的app，所以用了LinkedME来实现h5页面唤起app的功能
LinkedME官网就有js集成的文档，按照那个步骤来就可以实现，详情见：官网
但因为我的项目是vue的，所以封装了下来实现这个功能

1.在index.html中引入 JS SDK

<script src="https://static.lkme.cc/linkedme.min.js" ></script>

因为它这个js sdk会不定时的更新，建议直接引用线上的版本

2.创建linkedme.js

在这里插入图片描述
在你的项目里面创建linkedme.js，以下是封装的代码

let LinkedME_KEY = ''		//这是你在官网网站注册账号，创建应用后生成的LinkedME Key
let linkedmeType = "live";
let defaultData = {
   };
defaultData.type = linkedmeType; //线上模式,填写"test"表示测试模式.【可选】
//这些参数在官网上都有详细的说明
defaultData.feature = "功能名称"; 
defaultData.stage = "阶段名称"; 
defaultData.channel = "渠道名称"; 
defaultData.tags = "标签名称"; 
defaultData.ios_custom_url = ""; 
defaultData.a