uniapp 分享微信好友、微信朋友圈、QQ

偏执的太偏执、 2022-11-20 11:52 245阅读 0赞

这两天领导要做一个分享微信好友、微信朋友圈、QQ的功能，因为之前没有这方面的经验，所以都是一边查资料一边去做的，现在搞得差不多了，在这里给大家分享一下，希望大家多多指点

这里是先做安卓的  
先上h5页面  
![在这里插入图片描述][20201028181100620.png_pic_center]  
分享到微信好友的页面(朋友圈和QQ就不搞上来了,长得差不多)  
![在这里插入图片描述][20201028181245141.png_pic_center]  
点击分享卡片是在微信浏览器上打开的,但是微信浏览器是禁止网页唤起app这个操作的,具体的可以去百度一下,所以我这里就做一个提示,让用户与其他浏览器打开  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hYSF9jc2Ru_size_16_color_FFFFFF_t_70_pic_center]  
这是在另一个浏览器打开的,此时可以唤起APP  
![在这里插入图片描述][20201028181642327.png_pic_center]

好了,大致的效果就像上面这样了,下面我们来看一下代码

<div class="btn open">打开APP</div>
    <div class="btn download">下载APP</div>

//判断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  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hYSF9jc2Ru_size_16_color_FFFFFF_t_70_pic_center 1]

[20201028181100620.png_pic_center]: /images/20221120/091d11b6da014e7eb96f0f51865c38aa.png
[20201028181245141.png_pic_center]: https://img-blog.csdnimg.cn/20201028181245141.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hYSF9jc2Ru_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/2020102818153643.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hYSF9jc2Ru,size_16,color_FFFFFF,t_70#pic_center
[20201028181642327.png_pic_center]: https://img-blog.csdnimg.cn/20201028181642327.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hYSF9jc2Ru_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20201028184245655.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hYSF9jc2Ru,size_16,color_FFFFFF,t_70#pic_center