一键分享图文到多个社交平台(微信,微博,qzone)

一键分享图文到多个社交平台。前段时间在做分享,把内容分享到qq空间,腾讯微博,新浪微博,微信等地方。做完了还是需要总结一下的,于是做了一个demo应用吧,算是对前段时间学习的一个总结。

APP调用了qq空间,腾讯微博,新浪微博,微信的SDK来实现分享(ps:现在很多集成的的分享SDK做的不是很好,所以还是自己做的靠谱,而且也能学到知识)。

知识点介绍:给大家说一下这个软件的知识点,方便学习(ps:注释比较全面,各个模块耦合度不高,方便作为工具类以后使用,这也是我写demo的原因吧,以后可以直接使用里面的各个模块)
1.SlidingMenu的使用
2.圆形头像(源码中,做了非常详细的注释。方便看懂)
3.获取本机图片(这是网上找的,这里很多小细节非常好。值得深入学习)
4.各个社交平台的图文分享(每个平台对应一个java文件,地耦合,方便以后使用)
5.顺便加入了统计功能,(也是学习)
上图:
主界面:右边的SlidingMenu可以选择发布的平台
 
发布界面:可以输入文字和图片
 
图片选择界面:可以获取到本机的所有图片
 
新浪微博授权界面:
 


下面是APK的附件:

http://pan.baidu.com/s/1gdgkjBX

需要源码的可以留邮箱。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
要实现微信/QQ图文分享功能,需要使用官方提供的JS-SDK。 下面是一个基于Vue的微信/QQ分享组件的代码示例: ```vue <template> <div> <button @click="shareToWechat">分享微信</button> <button @click="shareToQQ">分享到QQ</button> </div> </template> <script> export default { mounted() { // 引入微信JS-SDK const script = document.createElement('script') script.src = 'https://res.wx.qq.com/open/js/jweixin-1.6.0.js' script.async = true script.onload = () => { this.initWechat() } document.body.appendChild(script) }, methods: { initWechat() { // 配置微信JS-SDK wx.config({ debug: false, appId: 'your_app_id', timestamp: new Date().getTime(), nonceStr: 'your_nonceStr', signature: 'your_signature', jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] }) wx.ready(() => { // 配置微信分享内容 wx.onMenuShareTimeline({ title: '分享标题', link: '分享链接', imgUrl: '分享图片链接', success() { // 分享成功后的回调 } }) wx.onMenuShareAppMessage({ title: '分享标题', desc: '分享描述', link: '分享链接', imgUrl: '分享图片链接', success() { // 分享成功后的回调 } }) }) }, shareToWechat() { // 调用微信分享 wx.ready(() => { wx.showOptionMenu() }) }, shareToQQ() { // 调用QQ分享 const shareUrl = 'mqqapi://share/to_fri?src_type=web&version=1&file_type=news&url=' + encodeURIComponent('分享链接') + '&title=' + encodeURIComponent('分享标题') + '&description=' + encodeURIComponent('分享描述') + '&image_url=' + encodeURIComponent('分享图片链接') + '&callback_type=scheme&app_name=your_app_name&share_id=' + Math.floor(Math.random() * 100) window.location.href = shareUrl } } } </script> ``` 需要注意的是,微信/QQ图文分享功能需要在移动端环境下测试,因为它们只能在移动端的微信/QQ客户端中使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值