qq分享组件 android,移动端,分享插件

移动端,分享插件

发布时间:2018-06-26 10:03,

浏览次数:762

最近有一个活动页需要在移动端浏览器分享网页到微信,QQ。虽然每一个浏览器都有分享到微信的能力,但不是每个都提供接口供网页来调用。及时有提供,浏览器暴露出的api也各不相同,而我写

NativeShare

的目的只是为前端开发者提供一致的api来调用浏览器的原生分享组件。大小uglify + gzip = 4k。

兼容性(毫无疑问是兼容浏览器最多的插件了)

* 移动端几乎所有浏览器都支持分享到QQ和QQ空间

* QQ浏览器

* UC浏览器

* 微信自带浏览器

* QQ自带浏览器

* QQ空间APP

* 百度浏览器

* 百度APP自带浏览器

* ios 搜狗浏览器

* 支持分享到web微博

* 即将支持(android 搜狗浏览器,微博APP)

存在的问题

* 安卓的QQ自带浏览器不支持.com以外的域名后缀。可能会支持.cn,.com.cn,但明确不支持.me,.io这个具体可以自己测试。

* 安卓的QQ自带浏览器分享url必须跟页面url同一个域名,否则所有设置不生效。

* 安卓的QQ自带浏览器无法直接分享

* 虽然几乎所有的浏览器都支持分享到QQ和QQ空间,但是webview中基本都会不支持。我也很难判断当前浏览器是否支持,浏览器是否唤起QQ

APP我也很难判断,所有除了上述支持的浏览器,APP外其他情况调用分享到QQ我也会抛出异常。

* UC浏览器安卓端不能设置icon

* 百度浏览器,百度APP不能直接分享

* QQ空间APP,微信自带浏览器只能设置文案,分享需要用户手动点击右上角

下载地址:

https://github.com/yayunD/NativeShare

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要自定义微信QQ分享组件,可以按照以下步骤进行: 1. 在uniapp项目中的static目录下创建一个js文件,比如命名为wx-qq-share.js,然后在该文件中编写自定义分享组件的逻辑代码。 2. 在需要使用自定义分享组件的页面中引入该js文件。可以在页面的script标签中使用import语句引入该文件,比如: ```javascript import wxqqShare from '@/static/wx-qq-share.js' ``` 3. 在页面中使用自定义分享组件。可以在页面的template标签中使用自定义组件标签,比如: ```html <wxqq-share :title="shareTitle" :desc="shareDesc" :link="shareLink" :imgUrl="shareImgUrl"></wxqq-share> ``` 其中,title、desc、link、imgUrl等属性可以根据实际需要进行设置。 4. 在自定义分享组件中,可以使用uniapp提供的分享API实现分享功能,比如: ```javascript // 微信分享 uni.share({ provider: 'weixin', type: 0, title: this.title, summary: this.desc, href: this.link, imageUrl: this.imgUrl, success: function () { console.log('微信分享成功') }, fail: function () { console.log('微信分享失败') } }) // QQ分享 uni.share({ provider: 'qq', type: 0, title: this.title, summary: this.desc, href: this.link, imageUrl: this.imgUrl, success: function () { console.log('QQ分享成功') }, fail: function () { console.log('QQ分享失败') } }) ``` 以上就是自定义微信QQ分享组件的基本步骤。需要注意的是,在使用uniapp的分享API时,需要先在manifest.json文件中配置好相应的分享权限。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值