React Native-ShareSDK

ShareSDK-iOS (v3.x) for React-Native

目錄

<a id="Download"></a>1、新建項目并下載 ShareSDK

  • 1狂芋、React-Native 項目環(huán)境搭建榨馁,不會的童鞋自行面壁哈: 網(wǎng)頁鏈接.

  • 2、ShareSDK iOS版本的 RN 插件是在ShareSDK iOS版本基礎(chǔ)上對原生模塊的接口做導(dǎo)出供給JS端使用银酗,是依賴ShareSDK for iOS的辆影。所以下載本示例DEMO就包含了以下2部分徒像,下載下來的文件目錄截圖如下:

    (1)ShareSDK iOS 版本的下載:網(wǎng)頁鏈接

    (2)React-Native 插件的下載: :網(wǎng)頁鏈接
    (包含demo,需要的是ShareSDKManager.h / ShareSDKManager.m / ShareSDK.js)

    初始化
  • 將以上文件ShareSDKManager.h / ShareSDKManager.m / ShareSDK 拖到新建的 RN 項目中的 ios 目錄下蛙讥,將 ShareSDK.js 拖入 RN 項目中锯蛀。

  • 注意:Sources(導(dǎo)入文件) 就是集成所需要的所有文件

<a id="init"></a> 2、初始化ShareSDK并設(shè)置社交平臺

iOS 部分

  • 1次慢、下載的 ShareSDK 文件夾拖拽進項目
img

注意:請務(wù)必在上述步驟中選擇“Create groups for any added folders”單選按鈕組旁涤。如果你選擇“Create folder references for any added folders”,一個藍色的文件夾引用將被添加到項目并且將無法找到它的資源迫像。

  • 2劈愚、添加必須的依賴庫

必須添加的依賴庫如下 ( Xcode 7 下 .dylib庫后綴名更改為.tbd ):

libicucore.dylib
libz.dylib
libstdc++.dylib
JavaScriptCore.framework

以下依賴庫根據(jù)社交平臺添加:

新浪微博SDK依賴庫

ImageIO.framework
libsqlite3.dylib
微信SDK依賴庫 

libsqlite3.dylib
QQ好友和QQ空間SDK依賴庫 

libsqlite3.dylib
短信和郵件需要依賴庫 

MessageUI.framework
Google+SDK依賴庫 

CoreMotion.framework
CoreLocation.framework
MediaPlayer.framework
AssetsLibrary.framework

添加依賴庫的方法如下:

img
  • 3、各個社交平臺需要的配置(url schemes 等)可以參考文檔中的可選配置項:網(wǎng)頁鏈接

  • 附錄:iOS 9 配置文檔請戳 -》 網(wǎng)頁鏈接

  • 4闻妓、選擇需要的平臺SDK

打開 ShareSDKManager.m 菌羽,按需注釋掉已導(dǎo)入的原生SDK庫 (不需要的平臺SDK也可以做刪除處理)
#define IMPORT_SINA_WEIBO_LIB               //導(dǎo)入新浪微博庫,如果不需要新浪微博客戶端分享可以注釋此行
#define IMPORT_QZONE_QQ_LIB                 //導(dǎo)入騰訊開發(fā)平臺庫由缆,如果不需要QQ空間分享注祖、SSO或者QQ好友分享可以注釋此行
#define IMPORT_RENREN_LIB                   //導(dǎo)入人人庫,如果不需要人人SSO均唉,可以注釋此行
#define IMPORT_GOOGLE_PLUS_LIB              //導(dǎo)入Google+庫是晨,如果不需要Google+分享可以注釋此行
#define IMPORT_WECHAT_LIB                   //導(dǎo)入微信庫,如果不需要微信分享可以注釋此行
//#define IMPORT_ALIPAY_LIB                   //導(dǎo)入支付寶分享庫舔箭,如果不需要支付寶分享可以注釋此行
//#define IMPORT_KAKAO_LIB                    //導(dǎo)入Kakao庫罩缴,如果不需要Kakao分享可以注釋此行

JS 部分

  • 在 index.ios.js 文件中進行初始化操作 (確定要分享出去的平臺,初始化分享平臺的參數(shù)信息)

    a层扶、首先導(dǎo)入 ShareSDK.js

     var ShareSDK = require('./ShareSDK')
    

    b箫章、在 activePlatforms 數(shù)組中配置需要分享的平臺

    var activePlatforms = [
       ShareSDK.PlatformType.SinaWeibo,
       ShareSDK.PlatformType.TencentWeibo,
       ShareSDK.PlatformType.Wechat,
       ShareSDK.PlatformType.QQ,
       ShareSDK.PlatformType.Twitter,
       ShareSDK.PlatformType.Facebook
    ]
    

c、在 TotalPlatforms 對象中添加 ShareSDK 各個平臺的初始化參數(shù)怒医,例如(新浪微博炉抒、QQ、微信稚叹、Facebook焰薄、Twitter)

```
// 設(shè)置各個平臺初始化
// platforms
var TotalPlatforms =  {
    // key 值取自ShareSDK.PlatformType,詳情可參閱
    // 新浪微博
    [ShareSDK.PlatformType.SinaWeibo] : {
        app_key: '568898243',
        app_secret: '38a4f8204cc784f81f9f0daaf31e02e3',
        redirect_uri: 'http://www.sharesdk.cn',
        authType: ShareSDK.AuthType.Both
    },
    // 騰訊微博
    [ShareSDK.PlatformType.TencentWeibo] : {
        app_key: '801307650',
        app_secret: 'ae36f4ee3946e1cbb98d6965b0b2ff5c',
        redirect_uri: 'http://www.sharesdk.cn',
        authType: ShareSDK.AuthType.Both
    },
    // 微信系列 微信好友 微信朋友圈 微信收藏
    [ShareSDK.PlatformType.Wechat] : {
        app_id: 'wx4868b35061f87885',
        app_secret: '64020361b8ec4c99936c0e3999a9f249',
        authType: ShareSDK.AuthType.Both
    },
    // QQ系列 QQ好友 QQ空間
     [ShareSDK.PlatformType.QQ] : {
        app_id: '100371282',
        app_key: 'aed9b0303e3ed1e27bae87c33761161d',
        authType: ShareSDK.AuthType.Both
    }
// Facebook
// Twitter
// Google plus
// TODO 平臺 app_key,app_id 參數(shù)信息表請戳:-》
}
```

以上平臺的app_key、app_secret等字段不同分享平臺可能不同扒袖,詳情可參考

d塞茅、調(diào)用初始化方法進行初始化

```
// 初始化方法
ShareSDK.registerApp('iosv1001',activePlatforms,TotalPlatforms);

```

<a id="interface"></a>3、ShareSDK接口的調(diào)用

分享

  • 1季率、在需要分享操作的代碼塊中進行構(gòu)造分享參數(shù)野瘦,示例如下:

    // 構(gòu)造分享參數(shù)
    

var shareParams = {
Text: '分享內(nèi)容',
images: '',
url: 'http://www.mob.com',
title: '分享標題',
type: ShareSDK.ContentType.Auto
}


* 2、調(diào)用分享方法,并設(shè)置回調(diào):

// 分享,傳入需要分享的平臺,已經(jīng)構(gòu)建好的分享參數(shù)
ShareSDK.share(ShareSDK.platformType.SinaWeibo,shareParams)

// 在 react native 提供的方法componentWillMount中設(shè)置回調(diào)
componentWillMount() {
ShareSDK.callBack();
}



## 授權(quán)

* 1、調(diào)用授權(quán)方法,并設(shè)置獲取用戶信息的回調(diào)

// 平臺授權(quán)
ShareSDK.authorize(ShareSDK.platformType.SinaWeibo)

// 在 react native 提供的方法componentWillMount中設(shè)置回調(diào)
componentWillMount() {
ShareSDK.callBack();
}



## <a id="SocialConfiguration"></a>各個分享平臺參數(shù)配置描述
各個社交平臺在初始化時 app_key鞭光、app_secret等字段不同分享平臺可能不同吏廉,可參考下表進行調(diào)整。

平臺                 | 通用字段           | 通用字段               |通用字段             | iOS 特需           | Android 特需  |
--------------------|------------------|-----------------------|--------------------|------------------|-----------------------|
新浪微博              | app_key          | app_secret           |redirect_uri         | auth_type        |                      |
騰訊微博              | app_key          | app_secret           |redirect_uri         | ––               |                      |
豆瓣                 | api_key          | secret               | redirect_uri        | ––               |    | 
QQ系列               | app_id           | app_key              | ––                  | auth_type        |    |
人人網(wǎng)               |app_id            | app_key              |secret_key           | auth_type        |    |
開心網(wǎng)               | api_key          | secret_key           |redirect_uri         | ––               |    |
Facebook            | api_key          | app_secret           |  ––                 | auth_type        |    |
Twitter             | consumer_key     | consumer_secret      |redirect_uri         |  ––              |    |
GooglePlus          |client_id         | client_secret        |redirect_uri         | auth_type        |    |
微信系列              | app_id          | app_secret           | ––                   |  ––             |    |
Pocket              | consumer_key     | ––                   |redirect_uri         | auth_type        |    |
Instragram          | client_id        | client_secret        |redirect_uri         |  ––              |    |
LinkedIn            | api_key          | secret_key           |redirect_uri         |  ––              |    |
Tumblr              | consumer_key     | consumer_secret      |callback_url         |  ––              |    |
Flicker             | api_key          | api_secret           | ––                  |  ––              |    |
有道                 | consumer_key     | consumer_secret      |oauth_callback       |  ––              |    |
印象筆記Evernote      | consumer_key     |consumer_secret       |––                   | ––               |    |
支付寶好友            | app_id           | ––                   | ––                  | ––               |    |
Pinterest           | client_id         | ––                   |––                   | ––               |    |
Kakao系列            | app_key          | rest_api_key         |redirect_uri         | auth_type        |     |
Dropbox             | app_key           | app_secret           |oauth_callback      |  ––              |     |
Vkontakte           | application_id    | secret_key           |––                   | ––              |     |
明道                 | app_key           | app_secret           |redirect_uri        | ––              |     |
易信                 | app_id            | app_secret           |redirect_uri        | auth_type        |     |
Instapaper           |consumer_key      | consumer_secret      |––                 |––               |    |
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末惰许,一起剝皮案震驚了整個濱河市席覆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌汹买,老刑警劉巖佩伤,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異晦毙,居然都是意外死亡生巡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進店門见妒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來孤荣,“玉大人,你說我怎么就攤上這事徐鹤±罚” “怎么了邀层?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵返敬,是天一觀的道長。 經(jīng)常有香客問我寥院,道長劲赠,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任秸谢,我火速辦了婚禮凛澎,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘估蹄。我一直安慰自己塑煎,他們只是感情好,可當我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布臭蚁。 她就那樣靜靜地躺著最铁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪垮兑。 梳的紋絲不亂的頭發(fā)上冷尉,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天,我揣著相機與錄音系枪,去河邊找鬼雀哨。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的雾棺。 我是一名探鬼主播膊夹,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼捌浩!你這毒婦竟也來了割疾?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤嘉栓,失蹤者是張志新(化名)和其女友劉穎宏榕,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體侵佃,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡麻昼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了馋辈。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片抚芦。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖迈螟,靈堂內(nèi)的尸體忽然破棺而出叉抡,到底是詐尸還是另有隱情,我是刑警寧澤答毫,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布褥民,位于F島的核電站,受9級特大地震影響洗搂,放射性物質(zhì)發(fā)生泄漏消返。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一耘拇、第九天 我趴在偏房一處隱蔽的房頂上張望撵颊。 院中可真熱鬧,春花似錦惫叛、人聲如沸倡勇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妻熊。三九已至,卻和暖如春洛心,著一層夾襖步出監(jiān)牢的瞬間固耘,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工词身, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留厅目,地道東北人。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像损敷,于是被迫代替她去往敵國和親葫笼。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,072評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫拗馒、插件路星、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,093評論 4 62
  • 1 人世間有多少的相聚就會有多少的離別洋丐,有一種離別是離世,另一種離別是分開挥等,前者最悲傷后者最傷感友绝。 那年我從廣州到...
    黃小蟲子閱讀 2,199評論 0 0
  • 第十章 蛛絲馬跡的特寫 我腦袋里面一片空白,有點晃晃悠悠肝劲,仿佛喝醉了酒迁客。我發(fā)現(xiàn)自己的身體一直在顫抖,感覺自己正在...
    曾夢雅閱讀 443評論 1 1
  • 看描寫解放前的電影辞槐,經(jīng)常見到的一個場面掷漱,就是處于危險中的主人公,給黃包車夫一點錢榄檬,然后迅速離開卜范,到了指定地點,才發(fā)...
    飄著的云閱讀 764評論 0 0