react native weibo login

React-Native-Weibo-Login

Die React Native App ist mit Weibo verbunden, um sich anzumelden. Es ist keine Freigabe erforderlich. Ich habe React-Native-Weibo auf Github gefunden. Leider wurde die Bibliothek seit einem Jahr nicht aktualisiert und verwendet nicht das neueste Weibo SDK (Android SDK-Version). 4.1, ios SDK Version 3.2.1) ist nicht sehr kompatibel mit der neuesten RN-Version (0.55.4), daher habe ich diese Bibliothek selbst geschrieben, die die Weibo-Anmeldung, aber nicht die Freigabefunktion implementiert.

Erste Schritte

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

oder

yarn add react-native-weibo-login

Größtenteils automatische Installation

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

Manuelle Installation

iOS

1. Fügen Sie node_modules/react-native-weibo-login/ios/WeiboSDK.bundle in Ihr Projekt ein, sonst kommt es zum Absturz.
   

2. Klicken Sie in XCode im Projektnavigator mit der rechten Maustaste auf Libraries ➜ Add Files to [your project's name] , gehen Sie zu node_modules ➜ react-native-weibo-login und fügen Sie RCTWeiBo.xcodeproj hinzu.

3. Wählen Sie in XCode im Projektnavigator Ihr Projekt aus.

   Hinzufügen

   • libRCTWeiBo.a
   • QuartzCore.framework
   • ImageIO.framework
   • SystemConfiguration.framework
   • Sicherheitsrahmen
   • CoreTelephony.framework
   • CoreText.framework
   • UIKit.framework
   • Foundation.framework
   • CoreGraphics.framework
   • Fotos.Framework
   • libz.tbd
   • libsqlite3.tbd

   zu Build Phases Ihres Projekts ➜ Link Binary With Libraries .

4. Im Projektnavigator unter Targets ➜ info ➜ URL types “ ist der Identifier com.weibo und der Wert URL Schemes wb + you weibo appKey , beispielsweise: wb2317411734 .

5. Klicken Sie mit der rechten Maustaste auf Info.plist , öffnen Sie es als Quellcode und fügen Sie die folgenden Zeilen ein:

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

6. Kopieren Sie Folgendes in 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

1. Öffnen Sie android/app/src/main/java/[...]/MainActivity.java

• Fügen Sie import com.gratong.WeiBoPackage; zu den Importen oben in der Datei hinzu.
• Fügen Sie der von der getPackages() -Methode zurückgegebenen Liste new WeiBoPackage() hinzu.

2. Hängen Sie die folgenden Zeilen an android/settings.gradle an:

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

3. Fügen Sie die folgenden Zeilen in den Abhängigkeitsblock in android/app/build.gradle ein:

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

4. Fügen Sie die folgenden Zeilen in den allprojects-Block in android/build.gradle ein:

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

   wie zum Beispiel:

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

Konfig

• appKey: die Anwendungs-ID, die Sie auf der offenen Plattform Weibo beantragt haben
• Geltungsbereich: ein Parameter der Autorisierungsschnittstelle im OAuth2.0-Autorisierungsmechanismus. Durch Scope wird die Plattform Entwicklern mehr Kernfunktionen von Weibo zugänglich machen und gleichzeitig den Schutz der Privatsphäre der Benutzer stärken und das Benutzererlebnis verbessern. Benutzer haben das Recht, die Funktionen auszuwählen, die Anwendungen auf der neuen OAuth2.0-Autorisierungsseite zugewiesen werden. Derzeit unterstützt Scope die Übergabe mehrerer Scope-Berechtigungen, getrennt durch Kommas. Wenn Sie den Wert all “ zuweisen, werden alle Bereichsberechtigungen angefordert. Weitere Informationen zu Scope-Konzepten und Vorsichtsmaßnahmen finden Sie unter: http://open.weibo.com/wiki/Scope
• RedirectURI: Der Standardwert ist https://api.weibo.com/oauth2/default.html . Er muss mit der RedirectURI-Einstellung in den erweiterten Anwendungseinstellungen auf der offenen Sina Weibo-Plattform übereinstimmen, andernfalls schlägt die Anmeldung fehl.

Verwendung

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