vue pc网页版分享至qq空间,新浪微博,微信朋友圈及微信好友

2020-04-13  本文已影响0人  吴小冷

分享到qq空间及好友
QQ空间分享

let urlData = "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息"
window.open(urlData, '_blank')

QQ好友分享

//传递的参数
var parameter = "url=' + encodeURIComponent('http://'+location.host+'/student.html#/workshop?id=1)+'&sharesource=qzone&title='+'标题'+'&pics='+'图片'+'&summary='+ '简介'+'&desc=' + ''"
//地址拼接参数
var urlData = 'http://connect.qq.com/widget/shareqq/index.html?+parameter'
window.open(urlData, '_blank')
//获取网址用encodeURIComponent(document.location)或者encodeURIComponent(location.host)具体看需求

分享到新浪微博

let urlData = "http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key
"
window.open(urlData, '_blank')

分享到微信

//首先需要安装微信的js-sdk,这里我安装的是1.4.0版本,之后在需要使用的地方引入就可以了(这里的引入方式是采用下面的这种方式)
//npm i weixin-js-sdk --save
const wx = require(‘weixin-js-sdk’);
//这里微信分享的逻辑是弹出一个二维码,扫描二维码进入网页
//右上角会有一个微信的菜单,打开之后会有分享,我们只需要配置好一些参数,及分享的内容标题等
//具体参考上面分享功能
上一篇下一篇

猜你喜欢

热点阅读