Coder Social home page Coder Social logo

rn-umeng-share's Introduction

#rn-umeng-share

安装

目前支持微信和qq分享

npm intall --save rn-umeng-share@https://github.com/sparkdreamstudio/rn-umeng-share.git

手动添加到XCode

  • 在XCode project navigator 中右键单击 Libraries -> Add Files to [你的项目名称] 进入 node_module/rn-umeng-share/ios 将 .xcodeproj 文件添加进来,并点击[你的项目名称] -> Build Phases 添加 Link Binary libRCTUmengshare.a

  • TARGETS->BUILD SETTING->Framework Search Paths 添加 $(SRCROOT)/../node_modules/rn-umeng-share/ios/RCTUmengShare/UmengSocial/UMSocial_Sdk_Extra_Frameworks/TencentOpenAPI

  • Appdelegate.m中添加如下代码

     ...
     #import "RCTUmengShare.h"
     ...
     - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
     {
     	self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
     	UIViewController *rootViewController = [UIViewController new];
     	rootViewController.view = rootView;
     	self.window.rootViewController = rootViewController;
     	[self.window makeKeyAndVisible];
     	[RCTUmengShare setRootController:rootViewController]; //加入这行代码
     }
    
  • 在XCode project navigator 中右键单击 [你的项目名称] ->Add Files to [你的项目名称]添加第三方分享的依赖文件

    平台名称 文件路径
    微信 node_module/rn-umeng-share/ios/RCTUumengShare/UmengSocial/UMSocial_Sdk_Extra_Frameworks/Wechat/libSocialWechat.a 和 libWeChatSDK.a
    新浪微博 node_module/rn-umeng-share/ios/RCTUumengShare/UmengSocial/UMSocial_Sdk_Extra_Frameworks/SinaSSO/libSocialSinaSSO.a libWeiboSDK.a 和 WeiboSDK.bundle
    QQ node_module/rn-umeng-share/ios/RCTUumengShare/UmengSocial/UMSocial_Sdk_Extra_Frameworks/TencentOpenAPI/libSocialQQ.a TencentOpenApi_IOS_Bundle.bundle 和 TencentOpenAPI.framework

* 配置info.plist

```
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
...
<key>CFBundleURLTypes</key>
<array>
	<dict>
		<key>CFBundleURLName</key>
		<string>weixin</string>
		<key>CFBundleURLSchemes</key>
		<array>
			<string>你的微信appId</string>
		</array>
	</dict>
	<dict>
		<key>CFBundleTypeRole</key>
		<string>Editor</string>
		<key>CFBundleURLSchemes</key>
		<array>
			<string>eqianzhuang</string>
		</array>
	</dict>
	<dict>
		<key>CFBundleTypeRole</key>
		<string>Editor</string>
		<key>CFBundleURLSchemes</key>
		<array>
			<string>tencent'你的qq APPid'</string>
		</array>
	</dict>
	<dict>
		<key>CFBundleTypeRole</key>
		<string>Editor</string>
		<key>CFBundleURLSchemes</key>
		<array>
			<string>sina.54535988fd98c5f10000726d</string>
		</array>
	</dict>
	<dict>
		<key>CFBundleTypeRole</key>
		<string>Editor</string>
		<key>CFBundleURLSchemes</key>
		<array>
			<string>QQ41D42AF9</string>
		</array>
	</dict>
	</array>
	<key>LSApplicationQueriesSchemes</key>
	<array><string>wechat</string>
		<string>weixin</string>
		<string>sinaweibohd</string>
		<string>sinaweibo</string>
		<string>sinaweibosso</string>
		<string>weibosdk</string>
		<string>weibosdk2.5</string>
		<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>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>mqzoneopensdk</string>
	</array>
...
</dict>
</plist>

```

手动添加android平台

  • android/setting.gradle中添加

     include ':rn-umeng-share'
     project(':rn-umeng-share').projectDir = new File(rootProject.projectDir, '../node_modules/rn-umeng-share/android')
  • android/app/build.gradle中的添加

     android {
     ...
     	defaultConfig {
     	...
     		manifestPlaceholders = [
     		...
     			Umeng_KEY:你的UmengAPPID,
     			qqAppId:"tencent"+qq appId,
     		..
     		]
     	...
     	}
     ...
     }
     dependencies {
     	...
     	compile project(':rn-umeng-share')
     	...
     }
  • android/app/src/main/java/[...]/MainActivity.java

    • 文件顶部添加 import com.lixiang.rn_umeng_share.*;
    • getPackages()方法中添加 new UmengSharePackage()

示例

import UmengShare from 'rn-umeng-share'

...

UmengShare.setAppKey(UmengAppKey)
//ios

//url:默认分享的链接
UmengShare.setWXAppId(appId,appSecret,url)
//supportWebView:是否支持web分享
UmengShare.setQQWithAppId(appId,appSecret,url,supportWebView)

//shareData示例
const shareData={
	url:'http://www.umeng.com',
	content:'分享的文字内容',
	title:'分享的标题',
	imageSource:require('../someAssetImage.png')
	//或者
	imageSource:require('../someInternetImage.png')
}

//设置分享内容
UmengShare.setQQData(shareData)
UmengShare.setQzoneData(shareData)
UmengShare.setWechatSessionData(shareData)
UmengShare.setWechatTimelineData(shareData)

//只更改分享内容和图片,并弹出分享页面
UmengShare.presentSnsIconSheetView(content,require('../someAssetImage.png'))
UmengShare.presentSnsIconSheetView(content,{uri:'http://....someInternetImage.png'})
...


//android

UmengShare.setWXAppId(appId,appSecret)
UmengShare.setQQZone(appId,appSecret)

//弹出分享页面
UmengShare.openShareAction(content,title,url,require('../someAssetImage.png'))
UmengShare.openShareAction(content,title,url,{uri:'http://....someInternetImage.png'})

rn-umeng-share's People

Contributors

sparkdreamstudio avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

rn-umeng-share's Issues

rn工程中可以弹出面板,和项目,但是项目上没有图标

目前只加入了QQ和QZone,面板弹出后,可见这两个格子,格子下面也有字,就是不见格子上面的企鹅图标和qzone的图标,是怎么回事呢?

btw: 工程中只加入了:TencentOpenApi.framework和TencentOpenApi_IOS_bundle.bundle,.a没有加入,要报错。

[Linker Error] ld: library not found for -lSocialQQ

按照步骤添加,编译报:

ld: library not found for -lSocialQQ
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Framework Search Paths 路径:

$(SRCROOT)/../node_modules/rn-umeng-share/ios/RCTUmengShare/UmengSocial/UMSocial_Sdk_Extra_Frameworks/TencentOpenAPI

已添加,并且存在libSocialQQ.a啊?还可能是哪里的问题?

ibrary not found for -lWeChatSDK

在xcode按照你的README.md 配置好后 编译后报错
ld: library not found for -lWeChatSDK
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.