admin管理员组文章数量:1646324
这两天领导要做一个分享微信好友、微信朋友圈、QQ的功能，因为之前没有这方面的经验，所以都是一边查资料一边去做的，现在搞得差不多了，在这里给大家分享一下，希望大家多多指点
这里是先做安卓的
先上h5页面
分享到微信好友的页面(朋友圈和QQ就不搞上来了,长得差不多)
点击分享卡片是在微信浏览器上打开的,但是微信浏览器是禁止网页唤起app这个操作的,具体的可以去百度一下,所以我这里就做一个提示,让用户与其他浏览器打开
这是在另一个浏览器打开的,此时可以唤起APP
好了,大致的效果就像上面这样了,下面我们来看一下代码
h5
<div class="btn open">打开APP</div>
<div class="btn download">下载APP</div>
js
//判断weixin-tip这个提示蒙版的显示与消失，微信打开的时候显示
$(window).on("load", function() {
var winHeight = $(window).height();
function is_weixin() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
}
var isWeixin = is_weixin();
if (isWeixin) {
$(".weixin-tip").css("height", winHeight);
$(".weixin-tip").show();
}
})
//打开app的操作
$('.open').click(function() {
var ua = navigator.userAgent.toLowerCase()
//baituanyougouapp这个要与app里配置的相同;str为?之后的参数；例如'baituanyougouapp://id=10
var path = 'baituanyougouapp://' + str
if (/iphone|ipad|ipod/.test(ua)) {
window.location = path
} else {
window.location = path
}
});
//下载app
$('.download').click(function() {
var ua = navigator.userAgent.toLowerCase()
var path = 'baituanyougouapp://' + str
if (/iphone|ipad|ipod/.test(ua)) {
window.location = '下载路径'
} else {
window.location = '下载路径'
}
});
在uniapp上接收
//写在onLaunch里也可以
onShow: function() {
setTimeout(function() {
var args = plus.runtime.arguments;
if (args) {
// 处理args参数，如直达到某新页面等
//清空
plus.runtime.arguments = null;
plus.runtime.arguments = '';
}
}
}, 10);
}
下面是一些配置
官方配置连接
https://ask.dcloud/article/64
https://ask.dcloud/article/409
版权声明：本文标题：uniapp 分享微信好友、微信朋友圈、QQ 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729445464a1201365.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论