react native weibo login

реакция-родной-weibo-логин

Приложение React Native подключено к Weibo для входа в систему. Не нужно делиться. Я нашел реакцию-native-weibo на github. К сожалению, библиотека не обновлялась уже год и не использует последнюю версию Weibo SDK (версия SDK для Android). : 4.1, ios SDK версии 3.2.1), не очень совместим с последней версией RN (0.55.4), поэтому я сам написал эту библиотеку, которая реализует вход в Weibo, но не реализует функцию совместного использования.

Начиная

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

или

yarn add react-native-weibo-login

Преимущественно автоматическая установка

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

Ручная установка

iOS

1. Добавьте node_modules/react-native-weibo-login/ios/WeiboSDK.bundle в свой проект, иначе произойдет сбой.
   

2. В XCode в навигаторе проекта щелкните правой кнопкой мыши Libraries ➜ Add Files to [your project's name] , перейдите к node_modules ➜ react-native-weibo-login и добавьте RCTWeiBo.xcodeproj .

3. В XCode в навигаторе проектов выберите свой проект.

   Добавлять

   • libRCTWeiBo.a
   • QuartzCore.framework
   • ImageIO.framework
   • SystemConfiguration.framework
   • Security.framework
   • CoreTelephony.framework
   • CoreText.framework
   • UIKit.framework
   • Foundation.framework
   • CoreGraphics.framework
   • Фотографии.framework
   • libz.tbd
   • libsqlite3.tbd

   к Build Phases вашего проекта ➜ Link Binary With Libraries .

4. В навигаторе проекта выберите Targets ➜ info ➜ URL types . Добавьте новый тип URL. Значение Identifier — com.weibo , значение URL Schemes — wb + you weibo appKey , например: wb2317411734 .

5. Щелкните правой кнопкой мыши Info.plist открытый как исходный код, и вставьте следующие строки:

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

6. Скопируйте следующее в 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];
}

Андроид

1. Откройте android/app/src/main/java/[...]/MainActivity.java

• Добавьте import com.gratong.WeiBoPackage; к импорту в верхней части файла.
• Добавьте new WeiBoPackage() в список, возвращаемый методом getPackages() .

2. Добавьте следующие строки в 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')
   

3. Вставьте следующие строки в блок зависимостей в android/app/build.gradle :

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

4. Вставьте следующие строки в блок allprojects в android/build.gradle :

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

   такой как:

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

Конфигурация

• appKey: идентификатор приложения, на которое вы подали заявку на открытой платформе Weibo.
• область действия: параметр интерфейса авторизации в механизме авторизации OAuth2.0. Благодаря Scope платформа откроет разработчикам больше основных функций Weibo, а также усилит защиту конфиденциальности пользователей и улучшит взаимодействие с пользователем. Пользователи имеют право выбирать функции, назначенные приложениям, на новой странице авторизации OAuth2.0. В настоящее время Scope поддерживает передачу нескольких разрешений Scope, разделенных запятыми. Присвоение значения all означает запрос всех разрешений области. Дополнительную информацию о концепциях Scope и мерах предосторожности можно найти по адресу: http://open.weibo.com/wiki/Scope
• redirectURI: значением по умолчанию является https://api.weibo.com/oauth2/default.html , которое должно соответствовать настройке redirectURI в дополнительных настройках приложения на открытой платформе Sina Weibo, в противном случае вход в систему не удастся.

Использование

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