1. 程式人生 > >QQ微博微信分享功能

QQ微博微信分享功能

 var _width = 600, _height = 600,
  _top = (screen.height-_height)/2,
  _left = (screen.width-_width)/2;  
/****
 * qq空間分享
 */
function shareToQzone(obj){
   var title=$("#"+obj.id).attr("data_title");
   var desc =$("#"+obj.id).attr("data_desc");
   var summary=$("#"+obj.id).attr("data_summary");
   var pic=$("#"+obj.id).attr("data_pic");
   var url=$("#"+obj.id).attr("data_url");
   $(".bd_weixin_popup").css('display','none');
   var _shareUrl = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
   _shareUrl += 'url=' + encodeURIComponent(url||document.location);   //引數url設定分享的內容連結|預設當前頁location
   _shareUrl += '&showcount=0';      //引數showcount是否顯示分享總數,顯示:'1',不顯示:'0',預設不顯示
   _shareUrl += '&desc=' + encodeURIComponent(desc||'');    //引數desc設定分享的描述,可選引數
   _shareUrl += '&summary=' + encodeURIComponent(summary||'');    //引數summary設定分享摘要,可選引數
   _shareUrl += '&title=' + encodeURIComponent(title||'');    //引數title設定分享標題,可選引數
   _shareUrl += '&site=' + encodeURIComponent(basePath);   //引數site設定分享來源,可選引數
   _shareUrl += '&pics=' + encodeURIComponent(pic||'');   //引數pics設定分享圖片的路徑,多張圖片以"|"隔開,可選引數
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+_top+',left='+_left+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}
/***
* 新浪微博分享
* @returns
*/
function shareToSinaWB(obj){
var title=$("#"+obj.id).attr("data_title");
    var pic=$("#"+obj.id).attr("data_pic");
    var url=$("#"+obj.id).attr("data_url");
$(".bd_weixin_popup").css('display','none');
var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?&appkey=895033136';     //真實的appkey,必選引數 
_shareUrl += '&url='+ encodeURIComponent(url||document.location);     //引數url設定分享的內容連結|預設當前頁location,可選引數
_shareUrl += '&title=' + encodeURIComponent(title);    //引數title設定分享的標題|預設當前頁標題,可選引數
_shareUrl += '&source=' + encodeURIComponent(title);
_shareUrl += '&sourceUrl=' + encodeURIComponent(basePath);
_shareUrl += '&content=' + 'utf-8';   //引數content設定頁面編碼gb2312|utf-8,可選引數
_shareUrl += '&pic=' + encodeURIComponent(pic||'');  //引數pic設定圖片連結|預設為空,可選引數
window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+_top+',left='+_left+',toolbar=no,menubar=no,scrollbars=no, resizable=1,location=no,status=0');
}
/****
 * 生成二維碼
 */
function  shareToSinaWX(){
    $(".bd_weixin_popup").css('display','block');
    var userAgent = window.navigator.userAgent; //取得瀏覽器的userAgent字串
    if (userAgent.indexOf("rv:11.0") >= 0 || userAgent.indexOf("MSIE") >= 0) {
   $('#bdshare_weixin_qrcode_dialog_qr').html("").qrcode({render:"images",width:220,height:220,correctLevel:0,text:location.href});
    }else{
   $('#bdshare_weixin_qrcode_dialog_qr').html("").qrcode({render:"canvas",width:220,height:220,correctLevel:0,text:location.href});
    }
}
/****
 * 生成二維碼
 */
function  shareToSinaWX(url){
url = url||location.href;
$("#weixin_tc").css("top",200);
    $(".bd_weixin_popup").css('display','block');
    var userAgent = window.navigator.userAgent; //取得瀏覽器的userAgent字串
    if (userAgent.indexOf("rv:11.0") >= 0 || userAgent.indexOf("MSIE") >= 0) {
   $('#bdshare_weixin_qrcode_dialog_qr').html("").qrcode({render:"images",width:220,height:220,correctLevel:0,text:url});
    }else{
   $('#bdshare_weixin_qrcode_dialog_qr').html("").qrcode({render:"canvas",width:220,height:220,correctLevel:0,text:url});
    }
}
 /***
  * 關閉二維碼
  */
function weixinColse(){
   $(".bd_weixin_popup").css('display','none');

}

htm


相關推薦

在Android中使App快速 簡單地支援新浪 QQ facebook等十幾個主流社交平臺的分享功能

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Android,,QQ分享功能的實現

最近專案要求實現微博,微信,QQ的分享功能,並且要求有分享回撥,提示使用者分享成功還是失敗.當用戶從三方應用點選分享的連線的時候,通過h5頁面可以下載安裝app或者直接進入app的對應頁面. 首先說以下我遇到的幾個問題吧 QQ無法進行回撥,但是確實已經

QQ分享功能

 var _width = 600, _height = 600,   _top = (screen.height-_height)/2,   _left = (screen.width-_width)/2;   /**** * qq空間分享 */function shar

sharesdk第三方分享功能朋友圈QQ郵箱)

//需要引入sharesdk和在微博微信QQ提供的第三方平臺上申請賬號,請自行查閱sharesdk官方文件 //用於分享的資料,自行根據需求進行設定 public class ShareModel { private String address; priv

Android使用友盟整合QQ等第三方分享

前言 最近專案需要加入第三方分享和登入功能,之前其他專案的第三方分享和登入一直都使用ShareSDK實現的。為了統一使用友盟的全家桶,所以三方分享和登入也就選擇了友盟。這裡記錄一下完整的整合與使用流程。 1、申請友盟Appkey 直接到友盟官網申請即可

Android使用ShareSDK整合QQ等第三方分享

前言 第三方分享幾乎是每個APP的必須功能。有些人說看官方的文件實在讓人眼花繚亂,以前自己第一次做這些功能的時候也會遇到很多坑。這裡整理了一份比較詳細的,主要給新手學習。有任何問題歡迎提出來! 1、獲取ShareSDK的AppKey 2

Android 用官方SDK實現第三方(qq等)分享和登入

      上一篇講了android第三方登入,這一篇大概說一下分享。需要注意幾點:  1.登入和分享功能都必須是簽名之後的apk,才能用  2.再吐槽一下,微信SDK做的真他媽的變態,和登入一樣,必須是例如我的apk,包名(也就是AndroidManifest.

在Unity3D項目中接入ShareSDK實現安卓平臺分享功能(可使用ShareSDK默認UI或自定義UI)

顯示 選項 dev template 腳本 配置文件 all 自己 show   最近公司的大廳要重做,我協助主程一起制作新大廳和新框架,前面制作的編輯器也派上了用場。等全部功能做完後我會再寫一個復盤,這兩天主程在忙於寫熱更新的功能,所以把接入分享SDK功能的任務交給了我,

實現分享功能

實現微信分享功能整理 1、引入js檔案 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2、通過config介面注入許可權驗證配置 var wxConfig = { de

前端對接分享功能完全指南

蘇格團隊 作者:Dee 交流QQ群:855833773 背景 最近,由於公司業務需要,接入了微信web端分享介面。雖然微信的介面文件已經很詳細了,但是缺少實戰程式碼。小編搜了一下掘金網站好像也很少這方面的分享(或許是太過簡單,大神們都不屑於分享這類經驗。當然也有客觀原因

VueJs單頁應用實現網頁授權及分享功能示例

在實際開發中,無論是做PC端、WebApp端還是微信公眾號等型別的專案的時候,或多或少都會涉及到微信相關的開發,最近公司專案要求實現微信網頁授權,並獲取微信使用者基本資訊的功能及微信分享的功能,現在總算完成了,但開發過程中遇到好幾個坑。廢話不多說了,開始正題。 描述點 微信相關開發知識

JS自動生成QQ等頁面分享按鈕

生成 微博, QQ, 人人… 的分享按鈕 專案地址 <link href="http://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

ShareSDK接入實現分享功能(轉)

ShareSDK接入實現微信分享功能 首先需要去Mob官網(http://www.mob.com/)下載shareSDK For Unity3d 下載完成,解壓,將以下plugins資料夾移入Unity專案的Assets資料夾裡,並將專案平臺轉換為安卓平臺 在場景裡建立幾個cube作為

新浪Android-SDK分享網頁功能

新浪微博的SDK真難用,包括QQ,微信的,都很難用。難用的原因是文件不全,並且更新太慢,各個連結裡使用的版本還不統一 新浪的之前在使用的時候,總是出錯,不過還好,它沒有加混淆,可以很方便地除錯。為了防止後人繼續出錯,把一個分享內容的功能貼出來。 Toast.

QRCode 掃描二維碼、掃描條形碼、相簿獲取圖片後識別、生成帶 Logo 二維碼、支援 QQ 二維碼掃描樣式

目錄功能介紹根據之前公司的產品需求,參考 barcodescanner 改的,希望能幫助到有生成二維碼、掃描二維碼、識別圖片二維碼等需求的猿友。修改幅度較大,也就沒準備針對 barcodescanner 庫提交PR。 ZXing 生成可自定義顏色、帶 logo 的二維碼 ZX

分享功能填坑過程

要對H5頁面進行微信分享自定義標題,描述,圖片的開發,遇到各種坑,記錄下填坑的過程。 參考文章: http://www.jb51.net/article/98467.htm https://my.oschina.net/superkangning/blog/368043 h

ShareSDK實現第三方分享功能

目標: 整合ShareSDK,然後實現自己的軟體可以分享資訊到微信等第三方互動平臺上面去。 本文以整合ShareSDK和實現微信分享為例,具體說一下實現軟體第三方分享的流程。 1. 獲取註冊ShareSDK的賬號,下載Android版ShareSDK並獲取ShareSDK的

分享功能不可用+不能產生回撥

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 5

分享功能,手機分享圖片不顯示

問題原因猜想:  a.圖片大小和尺寸太大出不來:圖片是150X150 的,近40K,後來給製作重新做圖,30X30的10k不到,分享圖片大小最好不要超過32k ,尺寸100x100以上就行,別太大了,太小了圖片失真  b.圖片路徑有{-}中劃線:某些瀏覽器或手機對含有中劃線的

分享功能,安卓手機分享圖片不顯示

最近公司做的一些專案都跟微信有關係,需要有個分享的功能,但是在測試環境的時候分享功能都正常,圖片標題描述之類的都沒問題,放到線上,安卓手機分享時,縮圖就是不顯示 介紹一下測試/生產環境:   測試環境:網站和圖片伺服器都是採用http   生產環境:網站和圖片伺服器都是採用https 問題原因猜想: