【QQ互聯】四、分享至QQ、新浪微博

在項目開發中,我們需要將項目中相關信息分享至第三方平臺,本次學習分享至 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);
        }
    }

如您在閱讀中發現不足,歡迎留言!!!

下一篇:

【QQ互聯】五、網頁添加QQ好友及QQ羣組

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章