react native weibo login

reagir-nativo-weibo-login

O aplicativo React Native está conectado ao Weibo para fazer login. Nenhum compartilhamento é necessário. Encontrei react-native-weibo no github. Infelizmente, a biblioteca não é atualizada há um ano e não está usando o SDK do Weibo mais recente (versão do SDK do Android: 4.1, ios SDK versão 3.2.1), não é muito compatível com a versão mais recente do RN (0.55.4), então eu mesmo escrevi esta biblioteca, que implementa o login do Weibo, mas não implementa a função de compartilhamento.

Começando

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

ou

yarn add react-native-weibo-login

Principalmente instalação automática

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

Instalação manual

iOS

1. Adicione node_modules/react-native-weibo-login/ios/WeiboSDK.bundle em seu projeto, caso contrário ele travará.
   

2. No XCode, no navegador do projeto, clique com o botão direito Libraries ➜ Add Files to [your project's name] , vá para node_modules ➜ react-native-weibo-login e adicione RCTWeiBo.xcodeproj .

3. No XCode, no navegador do projeto, selecione seu projeto.

   Adicionar

   • libRCTWeiBo.a
   • QuartzCore.framework
   • ImageIO.framework
   • SystemConfiguration.framework
   • Estrutura de segurança
   • CoreTelephony.framework
   • CoreText.framework
   • UIKit.framework
   • Fundação.framework
   • CoreGraphics.framework
   • Fotos.framework
   • libz.tbd
   • libsqlite3.tbd

   às Build Phases do seu projeto ➜ Link Binary With Libraries .

4. No navegador do projeto, em Targets ➜ info ➜ URL types , o valor Identifier é com.weibo , o valor URL Schemes é wb + you weibo appKey , como: wb2317411734 .

5. Clique com o botão direito Info.plist para abrir como código-fonte e insira as seguintes linhas:

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

6. Copie o seguinte em 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. Abra android/app/src/main/java/[...]/MainActivity.java

• Adicione import com.gratong.WeiBoPackage; às importações na parte superior do arquivo.
• Adicione new WeiBoPackage() à lista retornada pelo método getPackages() .

2. Anexe as seguintes linhas a 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. Insira as seguintes linhas dentro do bloco de dependências em android/app/build.gradle :

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

4. Insira as seguintes linhas dentro do bloco allprojects em android/build.gradle :

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

   como:

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

Configuração

• appKey: o ID do aplicativo que você solicitou na plataforma aberta Weibo
• escopo: um parâmetro da interface de autorização no mecanismo de autorização OAuth2.0. Através do Scope, a plataforma abrirá mais funções básicas do Weibo para os desenvolvedores, ao mesmo tempo que fortalecerá a proteção da privacidade do usuário e melhorará a experiência do usuário. Os usuários terão o direito de escolher as funções atribuídas aos aplicativos na nova página de autorização do OAuth2.0. Atualmente, o Scope suporta a passagem de múltiplas permissões do Scope, separadas por vírgulas. Atribuir um valor de all significa solicitar todas as permissões de escopo. Para obter mais informações sobre conceitos e precauções do Escopo, consulte: http://open.weibo.com/wiki/Scope
• redirecionamento URI: O padrão é https://api.weibo.com/oauth2/default.html , que deve ser consistente com a configuração de redirecionamento nas configurações avançadas do aplicativo na plataforma aberta Sina Weibo, caso contrário, o login falhará.

Uso

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