React Native第三方平台分享的实例(Android,IOS双平台)
本文主要介绍了React Native第三方平台分享的实例(Android,IOS双平台),分享给大家,具体如下:
源码已开源到Github,地址请点击:react-native-share 【一行代码,双平台分享】
目前支持分享的平台有【QQ】【QQ空间】【微信】【朋友圈】【微博】【FaceBook】 欢迎大家star,fork.....
【 Android平台配置 】
1. app目录下创建 libs 文件夹,添加依赖文件【直接复制源码中 libs 目录即可】
2. app / src / main 目录下创建 jniLibs 目录,添加JNI文件【直接复制源码中 jniLibs 目录即可】
3. 包名目录下,引入所需交互代码【直接复制源码中 apshare、wxapi 、 WBShareActivity 、module 即可,注意import的路径是否正确】
4. 在AndroidMainfest.xml文件下添加权限【直接复制源码即可】
5. 在AndroidMainfest.xml文件下的 中添加分享平台【直接复制源码即可】
<= 改为自己申请的QQkey
<= 改为自己申请的友盟Key
6. 使用【keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000】生成签名文件,并将签名文件放入app目录
7. 在gradle.properties文件下,添加签名信息【直接复制源码即可】
8. 在app / build.gradle 文件下的添加签名配置【直接复制源码即可】
9. 在MainApplication中初始化分享【直接复制源码即可】
getPackages() {
return Arrays.
asList(
new MainReactPackage(),new SharePackage() <= 添加引用
);
}
// 配置平台
{
PlatformConfig.setWeixin("wx083bf496cbc48aec","750e9075fa521c82274a9d548c399825");
PlatformConfig.setQQZone("1106207359","3JjbG8aXMuh5w0sV");
PlatformConfig.setSinaWeibo("2733400964","fac50980a44e3e3afd4bc968ea572887","www.baidu.com");
}
10. 在MainActivity中初始化分享回调【直接复制源码即可】
【 iOS平台配置 】
1. 将源码中 ios 目录下的UMSocial添加到工程,直接拖进即可
2. 选择TARGET下的项目,在Build Setting下找到Other Linker Flags加入-ObjC ,注意不要写为-Objc
3. 加入U-Share SDK依赖的系统库
@H_404_87@
依次添加如下依赖:
SystemConfiguration.framework
CoreGraphics.framework
CoreTelephony.framework
ImageIO.framework
libsqlite3.tbd
libc++.tbd
libz.tbd
4. 在Info.plist文件下配置SSO白名单【直接复制即可】
LSApplicationQueriesSchemes
wechat
weixin
sinaweibohd
sinaweibo
sinaweibosso
weibosdk
weibosdk2.5
mqqapi
mqq
mqqOpensdkSSoLogin
mqqconnect
mqqopensdkdataline
mqqopensdkgrouptribeshare
mqqopensdkfriend
mqqopensdkapi
mqqopensdkapiV2
mqqopensdkapiV3
mqqopensdkapiV4
mqzoneopensdk
wtloginmqq
wtloginmqq2
mqqwpa
mqzone
mqzonev2
mqzoneshare
wtloginqzone
mqzonewx
mqzoneopensdkapiV2
mqzoneopensdkapi19
mqzoneopensdkapi
mqqbrowser
mttbrowser
tim
timapi
timopensdkfriend
timwpa
timgamebindinggroup
timapiwallet
timOpensdkSSoLogin
wtlogintim
timopensdkgrouptribeshare
timopensdkapiV4
timgamebindinggroup
timopensdkdataline
wtlogintimV1
timapiV1
fbapi
fb-messenger-api
fbauth2
fbshareextension
5. 配置URL Scheme
@H_404_87@
添加两项URL Scheme:
1、"tencent"+腾讯QQ互联应用appID
2、“QQ”+腾讯QQ互联应用appID转换成十六进制(不足8位前面补0)
6.在AppDelegate.m中初始化U-Share及第三方平台
(1)引入头文件: #import【直接复制即可】
(2)launchOptions中设置友盟Key【直接复制即可】
/
设置友盟appkey /
[[UMSocialManager defaultManager] setUmSocialAppkey:USHARE_DEMO_APPKEY];
[self configUSharePlatforms];
[self confitUShareSettings];
(3)在AppDelegate.m文件下添加如下代码,配置第三方平台【直接复制即可】
launchOptions:
/
设置友盟appkey /
[[UMSocialManager defaultManager] setUmSocialAppkey:@"59783b11f29d981b2f000984"];
[self configUSharePlatforms];
[self confitUShareSettings];
图片水印
*/
//[UMSocialGlobal shareInstance].isUsingWaterMark = YES;
/*
- 关闭强制验证https,可允许http图片分享,但需要在info.plist设置安全域名 NSAppTransportSecurity
NSAllowsArbitraryLoads
*/
[UMSocialGlobal shareInstance].isUsingHttpsWhenShareContent = NO;
}
升级说明]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];
/*
* 移除相应平台的
分享,如微信收藏
*/
//[[UMSocialManager defaultManager] removePlatformProviderWithPlatformTypes:@[@(UMSocialPlatformType_WechatFavorite)]];
/* 设置分享到QQ互联的appID
/
设置新浪的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"];
/ 设置Facebook的appKey和UrlString /
[[UMSocialManager defaultManager] setPlaform:UMSocialPlatformType_Facebook appKey:@"506027402887373" appSecret:nil redirectURL:nil];
}
(4)设置回调【直接复制即可】
调用,是为了兼容国外平台(例如:新版facebookSDK,VK等)的
调用[如果用6.2的api
调用会没有回调],对国内平台没有影响
BOOL result = [[UMSocialManager defaultManager] handleOpenURL:url sourceApplication:sourceApplication annotation:annotation];
if (!result) {
// 其他如支付等SDK的回调
}
return result;
}
7. 将 ios 目录下【sharemodule.h】、【sharemodule.m】文件拖入你的项目即可
【 分享 】
{
//
分享成功:code=200
// ToastAndroid.show(message,ToastAndroid.SHORT);
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。