react native weibo login

reaksi-asli-weibo-login

Aplikasi React Native terhubung ke Weibo untuk login. Tidak perlu berbagi. Saya menemukan react-native-weibo di github. Sayangnya, perpustakaan belum diperbarui selama setahun dan tidak menggunakan Weibo SDK terbaru (versi Android SDK : 4.1, ios SDK versi 3.2.1), sangat tidak kompatibel dengan versi RN terbaru (0.55.4), jadi saya menulis sendiri perpustakaan ini, yang mengimplementasikan login Weibo tetapi tidak mengimplementasikan fungsi berbagi.

Memulai

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

atau

yarn add react-native-weibo-login

Sebagian besar instalasi otomatis

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

Instalasi manual

iOS

1. Tambahkan node_modules/react-native-weibo-login/ios/WeiboSDK.bundle di proyek Anda, atau proyek akan mogok.
   

2. Di XCode, di navigator proyek, klik kanan Libraries ➜ Add Files to [your project's name] , Buka node_modules ➜ react-native-weibo-login dan tambahkan RCTWeiBo.xcodeproj .

3. Di XCode, di navigator proyek, pilih proyek Anda.

   Menambahkan

   • libRCTWeiBo.a
   • QuartzCore.kerangka kerja
   • ImageIO.framework
   • Konfigurasi Sistem.kerangka kerja
   • Keamanan.kerangka kerja
   • CoreTelephony.framework
   • CoreText.framework
   • UIKit.framework
   • Fondasi.kerangka kerja
   • CoreGraphics.framework
   • Foto.kerangka kerja
   • libz.tbd
   • libsqlite3.tbd

   ke Build Phases proyek Anda ➜ Link Binary With Libraries .

4. Di navigator proyek, di Targets ➜ info ➜ URL types , Tambahkan jenis URL baru, nilai Identifier adalah com.weibo , nilai URL Schemes adalah wb + you weibo appKey , seperti: wb2317411734 .

5. Klik kanan Info.plist open as source code, masukkan baris berikut:

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

6. Salin yang berikut ini di 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. Buka android/app/src/main/java/[...]/MainActivity.java

• Tambahkan import com.gratong.WeiBoPackage; ke impor di bagian atas file.
• Tambahkan new WeiBoPackage() ke daftar yang dikembalikan oleh metode getPackages() .

2. Tambahkan baris berikut ke 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. Masukkan baris berikut ke dalam blok dependensi di android/app/build.gradle :

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

4. Masukkan baris berikut ke dalam blok allprojects di android/build.gradle :

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

   seperti:

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

Konfigurasi

• appKey: ID aplikasi yang Anda ajukan pada platform terbuka Weibo
• cakupan: parameter antarmuka otorisasi dalam mekanisme otorisasi OAuth2.0. Melalui Scope, platform ini akan membuka lebih banyak fungsi inti Weibo bagi pengembang, sekaligus memperkuat perlindungan privasi pengguna dan meningkatkan pengalaman pengguna. Pengguna berhak memilih fungsi yang ditetapkan untuk aplikasi di halaman otorisasi OAuth2.0 yang baru. Saat ini, Scope mendukung pemberian beberapa izin Scope, dipisahkan dengan koma. Menetapkan nilai all berarti meminta semua izin cakupan. Untuk informasi lebih lanjut tentang konsep dan tindakan pencegahan Scope, silakan lihat: http://open.weibo.com/wiki/Scope
• redirectURI: Defaultnya adalah https://api.weibo.com/oauth2/default.html , yang harus konsisten dengan pengaturan redirectURI dalam pengaturan lanjutan aplikasi di platform terbuka Sina Weibo, jika tidak, login akan gagal.

Penggunaan

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