欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

React Native第三方平臺分享的實(shí)例(Android,IOS雙平臺)

 更新時(shí)間:2017年08月04日 16:13:31   作者:Songlcy  
本篇文章主要介紹了React Native第三方平臺分享的實(shí)例(Android,IOS雙平臺),具有一定的參考價(jià)值,有興趣的可以了解一下

本文主要介紹了React Native第三方平臺分享的實(shí)例(Android,IOS雙平臺),分享給大家,具體如下:

源碼已開源到Github,地址請點(diǎn)擊:react-native-share 【一行代碼,雙平臺分享】

目前支持分享的平臺有【QQ】【QQ空間】【微信】【朋友圈】【微博】【FaceBook】  歡迎大家star,fork.....

【 Android平臺配置 】

1. app目錄下創(chuàng)建 libs 文件夾,添加依賴文件【直接復(fù)制源碼中 libs 目錄即可】

2. app / src / main 目錄下創(chuàng)建 jniLibs 目錄,添加JNI文件【直接復(fù)制源碼中 jniLibs 目錄即可】

3. 包名目錄下,引入所需交互代碼【直接復(fù)制源碼中 apshare、wxapi 、 WBShareActivity 、module 即可,注意import的路徑是否正確】

4. 在AndroidMainfest.xml文件下添加權(quán)限【直接復(fù)制源碼即可】

<uses-permission android:name="android.permission.INTERNET" /> 
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /> 
<uses-permission android:name="android.permission.READ_PHONE_STATE" /> 
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> 
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> 
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> 
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> 
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /> 

5. 在AndroidMainfest.xml文件下的 <application></application>中添加分享平臺【直接復(fù)制源碼即可】

<activity 
  android:name=".WBShareActivity" 
  android:configChanges="keyboardHidden|orientation" 
  android:screenOrientation="portrait" > 
  <intent-filter> 
    <action android:name="com.sina.weibo.sdk.action.ACTION_SDK_REQ_ACTIVITY" /> 
    <category android:name="android.intent.category.DEFAULT" /> 
  </intent-filter> 
</activity> 
<activity 
  android:name="com.sina.weibo.sdk.component.WeiboSdkBrowser" 
  android:configChanges="keyboardHidden|orientation" 
  android:windowSoftInputMode="adjustResize" 
  android:exported="false" > 
</activity> 
<service android:name="com.sina.weibo.sdk.net.DownloadService" 
  android:exported="false"></service> 
<activity 
  android:name=".wxapi.WXEntryActivity" 
  android:configChanges="keyboardHidden|orientation|screenSize" 
  android:exported="true" 
  android:screenOrientation="portrait" 
  android:theme="@android:style/Theme.Translucent.NoTitleBar" /> 
<activity 
  android:name="com.tencent.tauth.AuthActivity" 
  android:launchMode="singleTask" 
  android:noHistory="true" > 
 
  <intent-filter> 
    <action android:name="android.intent.action.VIEW" /> 
    <category android:name="android.intent.category.DEFAULT" /> 
    <category android:name="android.intent.category.BROWSABLE" /> 
    <data android:scheme="tencent100424468" /> <= 改為自己申請的QQkey 
  </intent-filter> 
</activity> 
<activity 
  android:name="com.tencent.connect.common.AssistActivity" 
  android:screenOrientation="portrait" 
  android:theme="@android:style/Theme.Translucent.NoTitleBar" 
  android:configChanges="orientation|keyboardHidden|screenSize"/> 
<activity 
  android:name=".apshare.ShareEntryActivity" 
  android:configChanges="keyboardHidden|orientation|screenSize" 
  android:exported="true" 
  android:screenOrientation="portrait" 
  android:theme="@android:style/Theme.Translucent.NoTitleBar" /> 
<meta-data 
  android:name="UMENG_APPKEY" 
  android:value="561cae6ae0f55abd990035bf" >  <= 改為自己申請的友盟Key 
</meta-data> 

6. 使用【keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000】生成簽名文件,并將簽名文件放入app目錄

7. 在gradle.properties文件下,添加簽名信息【直接復(fù)制源碼即可】

 MYAPP_RELEASE_STORE_FILE=my-release-key.keystore 
 MYAPP_RELEASE_KEY_ALIAS=my-key-alias 
 MYAPP_RELEASE_STORE_PASSWORD=123456(填寫自己設(shè)置的密碼) 
 MYAPP_RELEASE_KEY_PASSWORD=123456 (填寫自己設(shè)置的密碼) 

8. 在app / build.gradle 文件下的添加簽名配置【直接復(fù)制源碼即可】

 android {   
  ...   
  defaultConfig {   
   ...   
  }   
  signingConfigs {   
   release {   
     storeFile file(MYAPP_RELEASE_STORE_FILE)   
     storePassword MYAPP_RELEASE_STORE_PASSWORD   
     keyAlias MYAPP_RELEASE_KEY_ALIAS   
     keyPassword MYAPP_RELEASE_KEY_PASSWORD   
   }   
  }   
  buildTypes {   
   release {   
    ...   
   signingConfig signingConfigs.release   
   }   
  }  
 }  

9. 在MainApplication中初始化分享【直接復(fù)制源碼即可】

@Override 
protected List<ReactPackage> getPackages() { 
 return Arrays.<ReactPackage>asList( 
   new MainReactPackage(), 
     new SharePackage() <= 添加引用 
 ); 
} 
@Override 
public void onCreate() { 
 super.onCreate(); 
 SoLoader.init(this,false); 
 Config.shareType = "react native"; 
 UMShareAPI.get(this); 
} 
 
// 配置平臺 
{ 
 PlatformConfig.setWeixin("wx083bf496cbc48aec", "750e9075fa521c82274a9d548c399825"); 
 PlatformConfig.setQQZone("1106207359", "3JjbG8aXMuh5w0sV"); 
 PlatformConfig.setSinaWeibo("2733400964", "fac50980a44e3e3afd4bc968ea572887", "www.baidu.com"); 
} 

10. 在MainActivity中初始化分享回調(diào)【直接復(fù)制源碼即可】

@Override 
 protected void onCreate(Bundle savedInstanceState) { 
   super.onCreate(savedInstanceState); 
   ShareModule.initActivity(this); 
 }

 【 iOS平臺配置 】

1. 將源碼中 ios 目錄下的UMSocial添加到工程,直接拖進(jìn)即可

2. 選擇TARGET下的項(xiàng)目,在Build Setting下找到Other Linker Flags加入-ObjC ,注意不要寫為-Objc

3. 加入U(xiǎn)-Share SDK依賴的系統(tǒng)庫

依次添加如下依賴:

SystemConfiguration.framework
CoreGraphics.framework
CoreTelephony.framework
ImageIO.framework
libsqlite3.tbd
libc++.tbd
libz.tbd

4. 在Info.plist文件下配置SSO白名單【直接復(fù)制即可】

<key>LSApplicationQueriesSchemes</key> 
<array> 
  <!-- 微信 URL Scheme 白名單--> 
  <string>wechat</string> 
  <string>weixin</string> 
 
  <!-- 新浪微博 URL Scheme 白名單--> 
  <string>sinaweibohd</string> 
  <string>sinaweibo</string> 
  <string>sinaweibosso</string> 
  <string>weibosdk</string> 
  <string>weibosdk2.5</string> 
 
  <!-- QQ、Qzone、TIM URL Scheme 白名單--> 
  <string>mqqapi</string> 
  <string>mqq</string> 
  <string>mqqOpensdkSSoLogin</string> 
  <string>mqqconnect</string> 
  <string>mqqopensdkdataline</string> 
  <string>mqqopensdkgrouptribeshare</string> 
  <string>mqqopensdkfriend</string> 
  <string>mqqopensdkapi</string> 
  <string>mqqopensdkapiV2</string> 
  <string>mqqopensdkapiV3</string> 
  <string>mqqopensdkapiV4</string> 
  <string>mqzoneopensdk</string> 
  <string>wtloginmqq</string> 
  <string>wtloginmqq2</string> 
  <string>mqqwpa</string> 
  <string>mqzone</string> 
  <string>mqzonev2</string> 
  <string>mqzoneshare</string> 
  <string>wtloginqzone</string> 
  <string>mqzonewx</string> 
  <string>mqzoneopensdkapiV2</string> 
  <string>mqzoneopensdkapi19</string> 
  <string>mqzoneopensdkapi</string> 
  <string>mqqbrowser</string> 
  <string>mttbrowser</string> 
  <string>tim</string> 
  <string>timapi</string> 
  <string>timopensdkfriend</string> 
  <string>timwpa</string> 
  <string>timgamebindinggroup</string> 
  <string>timapiwallet</string> 
  <string>timOpensdkSSoLogin</string> 
  <string>wtlogintim</string> 
  <string>timopensdkgrouptribeshare</string> 
  <string>timopensdkapiV4</string> 
  <string>timgamebindinggroup</string> 
  <string>timopensdkdataline</string> 
  <string>wtlogintimV1</string> 
  <string>timapiV1</string> 
  <!-- Facebook URL Scheme 白名單--> 
  <string>fbapi</string> 
  <string>fb-messenger-api</string> 
  <string>fbauth2</string> 
  <string>fbshareextension</string> 
</array> 

5. 配置URL Scheme

微信 微信appKey wxdc1e388c3822c80b  
QQ/Qzone/TIM 需要添加兩項(xiàng)URL Scheme:
1、"tencent"+騰訊QQ互聯(lián)應(yīng)用appID
2、“QQ”+騰訊QQ互聯(lián)應(yīng)用appID轉(zhuǎn)換成十六進(jìn)制(不足8位前面補(bǔ)0)
如appID:100424468 1、tencent100424468 
2、QQ05fc5b14
QQ05fc5b14為100424468轉(zhuǎn)十六進(jìn)制而來,因不足8位向前補(bǔ)0,然后加"QQ"前綴
新浪微博 “wb”+新浪appKey wb3921700954

6.在AppDelegate.m中初始化U-Share及第三方平臺

(1)引入頭文件: #import<UMSocialCore/UMSocialCore.h>【直接復(fù)制即可】

(2)launchOptions中設(shè)置友盟Key【直接復(fù)制即可】

/* 打開調(diào)試日志 */ 
[[UMSocialManager defaultManager] openLog:YES]; 
 
/* 設(shè)置友盟appkey */ 
[[UMSocialManager defaultManager] setUmSocialAppkey:USHARE_DEMO_APPKEY]; 
 
[self configUSharePlatforms]; 
 
[self confitUShareSettings]; 

(3)在AppDelegate.m文件下添加如下代碼,配置第三方平臺【直接復(fù)制即可】

launchOptions:

/* 打開調(diào)試日志 */ 
[[UMSocialManager defaultManager] openLog:YES]; 
 
/* 設(shè)置友盟appkey */ 
[[UMSocialManager defaultManager] setUmSocialAppkey:@"59783b11f29d981b2f000984"]; 
 
[self configUSharePlatforms]; 
 
[self confitUShareSettings]; 
- (void)confitUShareSettings 
{ 
 /* 
  * 打開圖片水印 
  */ 
 //[UMSocialGlobal shareInstance].isUsingWaterMark = YES; 
  
 /* 
  * 關(guān)閉強(qiáng)制驗(yàn)證https,可允許http圖片分享,但需要在info.plist設(shè)置安全域名 
  <key>NSAppTransportSecurity</key> 
  <dict> 
  <key>NSAllowsArbitraryLoads</key> 
  <true/> 
  </dict> 
  */ 
 [UMSocialGlobal shareInstance].isUsingHttpsWhenShareContent = NO; 
  
} 
 
- (void)configUSharePlatforms 
{ 
  /* 
   設(shè)置微信的appKey和appSecret 
   [微信平臺從U-Share 4/5升級說明]http://dev.umeng.com/social/ios/%E8%BF%9B%E9%98%B6%E6%96%87%E6%A1%A3#1_1 
   */ 
  [[UMSocialManager defaultManager] setPlaform:UMSocialPlatformType_WechatSession appKey:@"wxdc1e388c3822c80b" appSecret:@"3baf1193c85774b3fd9d18447d76cab0" redirectURL:nil]; 
  /* 
   * 移除相應(yīng)平臺的分享,如微信收藏 
   */ 
  //[[UMSocialManager defaultManager] removePlatformProviderWithPlatformTypes:@[@(UMSocialPlatformType_WechatFavorite)]]; 
 
  /* 設(shè)置分享到QQ互聯(lián)的appID 
   * U-Share SDK為了兼容大部分平臺命名,統(tǒng)一用appKey和appSecret進(jìn)行參數(shù)設(shè)置,而QQ平臺僅需將appID作為U-Share的appKey參數(shù)傳進(jìn)即可。 
   100424468.no permission of union id 
   [QQ/QZone平臺集成說明]http://dev.umeng.com/social/ios/%E8%BF%9B%E9%98%B6%E6%96%87%E6%A1%A3#1_3 
  */ 
  [[UMSocialManager defaultManager] setPlaform:UMSocialPlatformType_QQ appKey:@"1105821097"/*設(shè)置QQ平臺的appID*/ appSecret:nil redirectURL:@"http://mobile.umeng.com/social"]; 
 
  /* 
   設(shè)置新浪的appKey和appSecret 
   [新浪微博集成說明]http://dev.umeng.com/social/ios/%E8%BF%9B%E9%98%B6%E6%96%87%E6%A1%A3#1_2 
   */ 
  [[UMSocialManager defaultManager] setPlaform:UMSocialPlatformType_Sina appKey:@"3921700954" appSecret:@"04b48b094faeb16683c32669824ebdad" redirectURL:@"https://sns.whalecloud.com/sina2/callback"]; 
  /* 設(shè)置Facebook的appKey和UrlString */ 
  [[UMSocialManager defaultManager] setPlaform:UMSocialPlatformType_Facebook appKey:@"506027402887373" appSecret:nil redirectURL:nil]; 
} 

(4)設(shè)置回調(diào)【直接復(fù)制即可】

[objc] view plain copy
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation 
{ 
  //6.3的新的API調(diào)用,是為了兼容國外平臺(例如:新版facebookSDK,VK等)的調(diào)用[如果用6.2的api調(diào)用會(huì)沒有回調(diào)],對國內(nèi)平臺沒有影響 
  BOOL result = [[UMSocialManager defaultManager] handleOpenURL:url sourceApplication:sourceApplication annotation:annotation]; 
  if (!result) { 
     // 其他如支付等SDK的回調(diào) 
  } 
  return result; 
} 

7. 將 ios 目錄下【sharemodule.h】、【sharemodule.m】文件拖入你的項(xiàng)目即可

【 分享 】

import UShare from './share/share'; 
import SharePlatform from './share/SharePlatform'; 
/** 
  * 參數(shù)說明: 
  * 1. 標(biāo)題 
  * 2. 內(nèi)容 
  * 3. 跳轉(zhuǎn)鏈接 
  * 4. 圖片鏈接 
  * 5. 分享平臺 
  * 6. 分享結(jié)果回調(diào) 
  */ 
 UShare.share('標(biāo)題','內(nèi)容','http://baidu.com','http://dev.umeng.com/images/tab2_1.png', SharePlatform.QQ, 
   (code, message) => { 
     // 分享成功:code=200 
     // ToastAndroid.show(message,ToastAndroid.SHORT); 
      
 }); 

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • React報(bào)錯(cuò)解決之ref返回undefined或null

    React報(bào)錯(cuò)解決之ref返回undefined或null

    最近使用react做個(gè)滾動(dòng)監(jiān)聽獲取更多數(shù)據(jù)效果,當(dāng)想獲取dom時(shí)發(fā)現(xiàn)怎么也獲取不到,下面這篇文章主要給大家介紹了關(guān)于React報(bào)錯(cuò)解決之ref返回undefined或null的相關(guān)資料,需要的朋友可以參考下
    2022-08-08
  • React項(xiàng)目仿小紅書首頁保姆級實(shí)戰(zhàn)教程

    React項(xiàng)目仿小紅書首頁保姆級實(shí)戰(zhàn)教程

    React 是一個(gè)用于構(gòu)建用戶界面的 Javascript庫,接下來將通過實(shí)戰(zhàn)小紅書首頁的詳細(xì)介紹其設(shè)計(jì)思路和方法,將讀者帶入到react的開源世界,需要的朋友可以參考下
    2022-07-07
  • React Js 微信禁止復(fù)制鏈接分享禁止隱藏右上角菜單功能

    React Js 微信禁止復(fù)制鏈接分享禁止隱藏右上角菜單功能

    這篇文章主要介紹了React Js 微信禁止復(fù)制鏈接,分享,禁止隱藏右上角菜單的解決代碼,需要的朋友可以參考下
    2017-05-05
  • react-native滑動(dòng)吸頂效果的實(shí)現(xiàn)過程

    react-native滑動(dòng)吸頂效果的實(shí)現(xiàn)過程

    這篇文章主要給大家介紹了關(guān)于react-native滑動(dòng)吸頂效果的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用react-native具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • react中的axios模塊你了解嗎

    react中的axios模塊你了解嗎

    這篇文章主要為大家詳細(xì)介紹了react中的axios模塊,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-03-03
  • React?Native中原生實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入的示例詳解

    React?Native中原生實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入的示例詳解

    在React?Native社區(qū)中,原生動(dòng)態(tài)導(dǎo)入一直是期待已久的功能,在這篇文章中,我們將比較靜態(tài)和動(dòng)態(tài)導(dǎo)入,學(xué)習(xí)如何原生地處理動(dòng)態(tài)導(dǎo)入,以及有效實(shí)施的最佳實(shí)踐,希望對大家有所幫助
    2024-02-02
  • React+Mobx基本使用、模塊化操作

    React+Mobx基本使用、模塊化操作

    React 和 MobX 是一對強(qiáng)力組合,React 通過提供機(jī)制把應(yīng)用狀態(tài)轉(zhuǎn)換為可渲染組件樹并對其進(jìn)行渲染,而MobX提供機(jī)制來存儲(chǔ)和更新應(yīng)用狀態(tài)供 React 使用,這篇文章主要介紹了React+Mobx基本使用、模塊化,需要的朋友可以參考下
    2022-09-09
  • 詳解使用React進(jìn)行組件庫開發(fā)

    詳解使用React進(jìn)行組件庫開發(fā)

    本篇文章主要介紹了詳解使用React進(jìn)行組件庫開發(fā),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-02-02
  • React使用useImperativeHandle自定義暴露給父組件的示例詳解

    React使用useImperativeHandle自定義暴露給父組件的示例詳解

    useImperativeHandle?是?React?提供的一個(gè)自定義?Hook,用于在函數(shù)組件中顯式地暴露給父組件特定實(shí)例的方法,本文將介紹?useImperativeHandle的基本用法、常見應(yīng)用場景,需要的可以參考下
    2024-03-03
  • 記錄一次完整的react hooks實(shí)踐

    記錄一次完整的react hooks實(shí)踐

    這篇文章主要介紹了記錄一次完整的react hooks實(shí)踐,通過一個(gè)簡單示例,介紹了react hooks,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-03-03

最新評論