react native weibo loginダウンロード - react native weibo loginソースコードのダウンロード

react native weibo login

その他のソースコード

1.0.0

ダウンロード

反応ネイティブ微博ログイン

React Native アプリは Weibo に接続してログインします。共有する必要はありません。github で React-native-weibo を見つけました。残念ながら、ライブラリは 1 年間更新されておらず、最新の Weibo SDK (Android SDK バージョン) を使用していません。 : 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

プロジェクトに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.フレームワーク
- SystemConfiguration.framework
- セキュリティ.フレームワーク
- CoreTelephony.framework
- CoreText.framework
- UIKit.フレームワーク
- 財団.フレームワーク
- CoreGraphics.framework
- 写真.フレームワーク
- libz.未定
- 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を開きます。

ファイルの先頭に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: Weiboオープンプラットフォームで申請したアプリケーションID
スコープ: OAuth2.0 認可メカニズムの認可インターフェースのパラメータ。 Scopeを通じて、プラットフォームはより多くのWeiboコア機能を開発者に公開すると同時に、ユーザーのプライバシー保護を強化し、ユーザーエクスペリエンスを向上させる新しいOAuth2.0認証ページでアプリケーションに割り当てられる機能を選択する権利を持ちます。現在、Scope は、カンマで区切られた複数の Scope 権限の受け渡しをサポートしています。 allの値を割り当てることは、すべてのスコープのアクセス許可を要求することを意味します。スコープの概念と注意事項の詳細については、 http://open.weibo.com/wiki/Scope ://open.weibo.com/wiki/Scope をご覧ください。
redirectURI: デフォルトはhttps://api.weibo.com/oauth2/default.htmlです。これは、Sina Weibo オープンプラットフォームのアプリケーション詳細設定の redirectURI 設定と一致している必要があります。そうでない場合、ログインは失敗します。

使用法

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