这两天领导要做一个分享微信好友、微信朋友圈、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.net.cn/article/64
https://ask.dcloud.net.cn/article/409
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐