React Native第三方平台分享的实例(Android,IOS双平台)

前端之家收集整理的这篇文章主要介绍了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依赖的系统库

依次添加如下依赖:

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

添加两项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);

});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/37363.html

猜你在找的JavaScript相关文章