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

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

这里是先做安卓的
先上h5页面

分享到微信好友的页面(朋友圈和QQ就不搞上来了,长得差不多)

点击分享卡片是在微信浏览器上打开的,但是微信浏览器是禁止网页唤起app这个操作的,具体的可以去百度一下,所以我这里就做一个提示,让用户与其他浏览器打开

这是在另一个浏览器打开的,此时可以唤起APP

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

<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=10var path = 'baituanyougouapp://' + strif (/iphone|ipad|ipod/.test(ua)) {window.location = path} else {window.location = path}});//下载app$('.download').click(function() {var ua = navigator.userAgent.toLowerCase()var path = 'baituanyougouapp://' + strif (/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

uniapp 分享微信好友、微信朋友圈、QQ相关推荐

不同平台使用不同技术实现微信好友、朋友圈分享汇总（H5、taro、uni-app）
人生路漫漫,坑,是活久了见.程序猿世界里各种奇葩的需求都有,随之而来的各种坑也是层出不穷. 应前IBM同事邀请特来做分享的专题总结.一般人我不告诉他,刷到的朋友们就赚到了,你懂的~~~~~~收藏吧! ...
前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈
前端Vue分享菜单按钮弹框.微博分享.QQ分享.微信好友.朋友圈 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13085 效 ...
html分享微信qq等,h5移动端调用微信好友，朋友圈，QQ好友，QQ空间等APP分享功能...
这个主要在项目中要实现的功能,现在的手机浏览器基本也都含有分享功能,但有的手机浏览器就没有分享微信好友,朋友圈等选项,虽然微信内置X5含有此功能,但不同的手机终端分享选项又不一样,因本人还是比较喜欢老 ...
android sharesdk qq分享到朋友圈,Android实战——ShareSDk的使用，实现一键分享微信好友、朋友圈、QQ...
ShareSDk的使用,实现一键分享微信好友.朋友圈.QQ 事先说明: ShareSDK默认QQ可以分享,微信分享则需要在微信的开放平台上认证并申请应用填入对应信息即可微信认证和申请应用涉及到打包和 ...
Android实战——ShareSDk的使用，实现一键分享微信好友、朋友圈、QQ
ShareSDk的使用,实现一键分享微信好友.朋友圈.QQ 事先说明: ShareSDK默认QQ可以分享,微信分享则需要在微信的开放平台上认证并申请应用填入对应信息即可微信认证和申请应用涉及到打包和 ...
uniapp分享到微信好友和朋友圈
uniapp分享到微信好友和朋友圈首先目前的微信小程序只支持页面中右上角三个点触发分享功能,页面按钮只能触发分享至微信好友的功能 <template><view class=&qu ...
iOS9中实现微信分享到好友、朋友圈
博客地址:http://blog.csdn.net/bettylu227 微信SDKdemo运行错误问题微信SDK接入设置实现分享到好友.朋友圈微信SDKdemo运行错误问题下载了官方的dem ...
[html] H5页面在微信中如何禁止分享给好友和朋友圈？
[html] H5页面在微信中如何禁止分享给好友和朋友圈? 利用JSBridge实现调用微信提供的一些原生功能,可以通过调用隐藏操作菜单来实现禁用分享. 代码如下: document.addEvent ...
如何修改手机端分享网页给微信好友和朋友圈显示的图片和标题
最初,我以为这个东西很复杂,还微信开发者哪里找了文档来看.准备使用微信JS-SDK里面的方法-.. 但是它仅仅只是这样子的简单. 微信好友和朋友圈都差不多,以分享到微信好友的为例 <!DOCTY ...
微信小程序分享到好友或朋友圈
微信小程序分享到好友或朋友圈 : onShareAppMessage(object) 1) wxml: open-type="" : 微信开放能力 share:出发用户转发 js: ...

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

uniapp 分享微信好友、微信朋友圈、QQ相关推荐

最新文章

热门文章