在項目開發中,我們需要將項目中相關信息分享至第三方平臺,本次學習分享至 QQ、新浪微博
- 在學習之前,我們選介紹一下我們分享至第三方平臺時所需要的信息
url:項目訪問地址
title:標題,一般爲你的項目名稱
pics:封面,項目的封面照片
summary:摘要,也可以理解成你項目的宣傳口號、廣告語等
desc:描述,對你的項目加以文字的描述,介紹你的產品
appkey:分享至新浪微博需要,需要去微博開發者中心申請
- 申請新浪微博的 appkey,去到新浪微博的開放平臺
https://open.weibo.com/
1、我們首先需要申請註冊成爲新浪微博的開發者,才能夠進行下一步操作
2、選擇”移動應用“或者”網站接入“,創建應用,只是測試的話,可以不用申請審覈的,按照提示,一步一步就能完成
3、當然,創建的應用可以用於新浪微博第三方登錄的時候使用
- 一、設置按鈕
<button onclick="shareTo('qq')">騰訊QQ</button>
<button onclick="shareTo('qzone')">QQ空間</button>
<button onclick="shareTo('sina')">新浪微博</button>
- 二、分享鏈接
/**
* 分享第三方
*/
function shareTo(type) {
var url = '項目訪問地址';
var title = '項目名稱';
var pics = '項目的封面圖片地址';
var summary = '摘要';
var desc = '描述';
var appkey = '新浪微博分享appkey';
// qq空間接口的傳參
if(type== 'qzone') {
window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + url + '?sharesource=qzone&title=' + title + '&pics=' + pics + '&summary=' + summary;
}
// 新浪微博接口的傳參
if(type== 'sina') {
window.open('http://service.weibo.com/share/share.php?url=' + url + '?sharesource=weibo&title=' + title + '&pic=' + pics + '&appkey=' + appkey);
}
// qq好友接口的傳參
if(type== 'qq') {
window.open('http://connect.qq.com/widget/shareqq/index.html?url=' + url + '?sharesource=qzone&title=' + title + '&pics=' + pics + '&summary=' + summary + '&desc=' + desc);
}
}
如您在閱讀中發現不足,歡迎留言!!!
下一篇: