react-native-weibo-login

React Native App接入微博登陆，不需要分享，在github找到了react-native-weibo，可惜该库已经一年没有更新，使用的不是最新的微博SDK（ android SDK版本：4.1，ios SDK版本3.2.1 ），不能很好的兼容最新的RN（ 0.55.4 ）版本，所以自己动手写了一个库react-native-weibo-login，该库只实现了微博登陆，没实现分享功能。使用方法如下（也可以在github上查看）：

Getting started

$ npm install react-native-weibo-login --save
or
yarn add react-native-weibo-login

Mostly automatic installation

$ react-native link react-native-weibo-login

Manual installation

iOS

Add node_modules/react-native-weibo-login/ios/WeiboSDK.bundle in you project, or else it will be crash.
In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name], Go to node_modules ➜ react-native-weibo-login and add RCTWeiBo.xcodeproj.
In XCode, in the project navigator, select your project.

Add
- libRCTWeiBo.a
- QuartzCore.framework
- ImageIO.framework
- SystemConfiguration.framework
- Security.framework
- CoreTelephony.framework
- CoreText.framework
- UIKit.framework
- Foundation.framework
- CoreGraphics.framework
- Photos.framework
- libz.tbd
- libsqlite3.tbd
to your project’s Build Phases ➜ Link Binary With Libraries.
1. In the project navigator, in Targets ➜ info ➜ URL types. Add new URL type, Identifier value is com.weibo, URL Schemes value is wb + you weibo appKey, such as: wb2317411734.
2. Right click Info.plist open as source code, insert the following lines:

<key>LSApplicationQueriesSchemes</key>
<array><string>sinaweibohd</string><string>weibosdk</string><string>sinaweibo</string><string>weibosdk2.5</string>
</array>

Copy the following in AppDelegate.m:

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{return [RCTLinkingManager application:application openURL:urlsourceApplication:sourceApplication annotation:annotation];
}

Android

Open up android/app/src/main/java/[...]/MainActivity.java
- Add import com.gratong.WeiBoPackage; to the imports at the top of the file.
- Add new WeiBoPackage() to the list returned by the getPackages() method.
Append the following lines to android/settings.gradle:

include ':react-native-weibo-login'
project(':react-native-weibo-login').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-weibo-login/android')

Insert the following lines inside the dependencies block in android/app/build.gradle:

compile project(':react-native-weibo-login')

Insert the following lines inside the allprojects block in android/build.gradle:

maven { url "https://dl.bintray.com/thelasterstar/maven/" }

such as:

allprojects {repositories {mavenLocal()jcenter()maven { url "https://dl.bintray.com/thelasterstar/maven/" }}
}

Config

appKey: 你在微博开放平台上申请的应用ID
scope：OAuth2.0 授权机制中 authorize 接口的一个参数。通过 Scope，平台将开放更多的微博核心功能给开发者，同时也加强用户隐私保护，提升了用户体验，用户在新 OAuth2.0 授权页中有权利选择赋予应用的功能。
目前 Scope 支持传入多个 Scope 权限，用逗号分隔。赋值为all代表请求所有scope权限。
关于 Scope 概念及注意事项，请查看：http://open.weibo.com/wiki/Scope
redirectURI：默认 https://api.weibo.com/oauth2/default.html，必须和sina微博开放平台中应用高级设置中的redirectURI设置的一致，不然会登录失败

Usage

import * as WeiBo from 'react-native-weibo-login';let config = {appKey:"2317411734",scope: 'all',       redirectURI: 'https://api.weibo.com/oauth2/default.html',
}WeiBo.login(config).then(res=>{  console.log('login success:',res)//登陆成功后打印出的数据如下：// { //     refreshToken: '2.00Gc2PbDcecpWC127d0bc690FE7TzD',//     type: 'WBAuthorizeResponse',//     expirationDate: 1686362993740.243,//     userID: '3298780934',//     errCode: 0,//     accessToken: '2.00Gc2PbDcecpWCa981899f410o5hEX' // }}).catch(err=>{ console.log('login fail:',err)})

React Native 微博登陆相关推荐

React Native 轻松集成分享功能（Android 篇）
关于推送的集成请参考这篇文章,关于统计的集成请参考这篇文章,本篇文章将引导你集成分享功能. 在集成插件之前,需要在各大开放平台上成功注册应用,并通过审核(支持 3 个可选的主流平台).支持的平台如下: ...
[译] Airbnb 在 React Native 上下的赌注（一）：概述
原文地址:React Native at Airbnb 原文作者:Gabriel Peal 译文出自:掘金翻译计划本文永久链接:https://github.com/xitu/gold-miner/ ...
React Native集成Redux框架讲解与应用
学过React Native的都知道,RN的UI是根据相应组件的state进行render的,而页面又是由大大小小的组件构成,导致每个组件都必须维护自身的一套状态,因此当页面复杂化的时候,管理stat ...
【React Native开发】React Native控件之DrawerLayoutAndroid抽屉导航切换组件解说(13)
转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50599951 本文出自:[江清清的博客] (一)前言 [好消息]个人 ...
React Native开发总结（二）
58车商通RN落地实践引言开发已经经历了几个阶段,从Native App 到 WebApp大火,再到苹果公司禁Web,又发展到了Hybrid的Web与原生共生.再到React Native,这种利 ...
【React Native开发】React Native控件之RefreshControl组件具体解释(21)
转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50672747 本文出自:[江清清的博客] (一)前言 [好消息]个人 ...
React Native 每日一学(Learn a little every day)
本文出自<React Native学习笔记>系列文章. 每天一个知识点(技巧,经验,填坑日记等),每天学一点,离大神近一点. 汇聚知识,分享精华. 如果你是一名React Native爱好 ...
Pano React Native SDK 来了！快速实现移动端音视频和白板
前言 React Native 是 Facebook 于2015年4月开源的跨平台移动应用开发框架,支持iOS和安卓两大平台.React Native 着力于提高多平台开发的开发效率 -- Learn ...
React Native 移动开发入门与实战
课程简介本课程主要讲解 React 的基础知识及应用案例,包括 props.state.生命周期函数等,样式和 Flex 布局,React Native 内置的 API 和 UI 组件介绍.路由.状 ...
React Native专题
未经授权不得转载: 出处地址:http://www.lcode.org 本文出自:[江清清的技术专栏] 本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入 ...

React Native 微博登陆