react native weibo login 다운로드 - react native weibo login 소스 코드 다운로드

react native weibo login

기타 소스코드

1.0.0

다운로드

반응 네이티브 웨이보 로그인

React Native App은 로그인을 위해 Weibo에 연결되어 있습니다. 공유가 필요하지 않습니다. github에서 React-native-weibo를 찾았습니다. 안타깝게도 라이브러리가 1년 동안 업데이트되지 않았으며 최신 Weibo SDK(Android SDK 버전: 4.1, ios SDK 버전 3.2.1)은 최신 RN(0.55.4) 버전과의 호환성이 별로 좋지 않아 웨이보 로그인은 구현했지만 공유 기능은 구현하지 않은 라이브러리를 제가 직접 작성했습니다.

시작하기

$ npm install react-native-weibo-login --save

또는

yarn add react-native-weibo-login

대부분 자동 설치

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

수동 설치

iOS

프로젝트에 node_modules/react-native-weibo-login/ios/WeiboSDK.bundle 추가하세요. 그렇지 않으면 충돌이 발생합니다.
XCode의 프로젝트 탐색기에서 Libraries 마우스 오른쪽 버튼으로 클릭하고 ➜ Add Files to [your project's name] 클릭하고 node_modules ➜ react-native-weibo-login 으로 이동하여 RCTWeiBo.xcodeproj 를 추가합니다.
XCode의 프로젝트 탐색기에서 프로젝트를 선택합니다.
추가하다
- libRCTWeiBo.a
- QuartzCore.프레임워크
- ImageIO.framework
- 시스템 구성.프레임워크
- 보안.프레임워크
- CoreTelephony.framework
- CoreText.framework
- UIKit.프레임워크
- 기초.프레임워크
- CoreGraphics.framework
- 사진.프레임워크
- libz.tbd
- libsqlite3.tbd
프로젝트의 Build Phases ➜ Link Binary With Libraries .
프로젝트 탐색기의 Targets ➜ info ➜ URL types 에서 새 URL 유형을 추가합니다. Identifier 값은 com.weibo , URL Schemes 값은 wb + you weibo appKey 입니다(예: wb2317411734 .

Info.plist 소스 코드로 열고 마우스 오른쪽 버튼을 클릭하고 다음 줄을 삽입하세요.

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

AppDelegate.m 에서 다음을 복사합니다.

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

기계적 인조 인간

android/app/src/main/java/[...]/MainActivity.java 엽니다.

파일 상단의 imports에 import com.gratong.WeiBoPackage; 추가하세요.
getPackages() 메서드에서 반환된 목록에 new WeiBoPackage() 추가합니다.

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')

android/app/build.gradle 의 종속성 블록 안에 다음 줄을 삽입합니다.
```
  compile project(':react-native-weibo-login')
```

android/build.gradle 의 allprojects 블록 안에 다음 줄을 삽입합니다.

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

와 같은:

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

구성

appKey: 웨이보 오픈 플랫폼에서 신청한 애플리케이션 ID
범위: OAuth2.0 인증 메커니즘의 인증 인터페이스 매개변수입니다. Scope를 통해 플랫폼은 더 많은 Weibo 핵심 기능을 개발자에게 공개하는 동시에 사용자 개인 정보 보호를 강화하고 사용자 경험을 향상시킵니다. 사용자는 새로운 OAuth2.0 인증 페이지에서 애플리케이션에 할당된 기능을 선택할 권리가 있습니다. 현재 Scope는 쉼표로 구분된 여러 범위 권한 전달을 지원합니다. all 값을 할당한다는 것은 모든 범위 권한을 요청한다는 의미입니다. 범위 개념 및 예방 조치에 대한 자세한 내용은 http://open.weibo.com/wiki/Scope 참조하세요.
리디렉션URI: 기본값은 https://api.weibo.com/oauth2/default.html 이며, Sina Weibo 개방형 플랫폼의 애플리케이션 고급 설정에 있는 리디렉션URI 설정과 일치해야 합니다. 그렇지 않으면 로그인이 실패합니다.

용법

 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 )
    } )