react native trello login

もう積極的に維持されていません

React-Native-Trello-Login

TrelloのAPIトークンベースの認証をカプセル化するコンポーネントは、Trello APIへのサードパーティアプリケーションアクセスを付与します。

設定

このライブラリはNPMで利用できます。NPM npm install --save react-native-trello-loginまたはyarn add react-native-trello-loginでインストールします。

使用法

1. react-native-trello-loginインポートします

「React-Native-Trello-Login」からTrelloginをインポートします。

2。Trello APIキーを定義します

認証プロセスを開始するには、APIキーが必要です。すべてのTrelloユーザーにAPIキーが与えられます。 Trelloにログインしてhttps://trello.com/app-key/にアクセスして、APIキーを取得できます。
APIキーはユーザーに結び付けられているため、単一のアプリケーションまたは統合を構築するために特にTRELLOユーザーを作成することをお勧めします。これにより、サードパーティの統合がサードパーティの統合開発者のTrelloアカウントから分離されることが保証されます。また、別のファイルまたは環境変数でAPIキーを定義することも提案されています。

 const trello_api_key = "your_api_key_here";

3. TRELLO認証画面を表示します

インポートされたTrelloLoginコンポーネントは、Trello Authプロセスの表示と処理に対応するReact-Native Webviewにすぎません。

デフォルトのクラスをエクスポートするTrellologinexampleはReact.comPonentを拡張します{
  handleloginsuccess = trelloauthtoken => {//ユーザーは正常に認証されています。
  };

  handleloginfailure = message => {//認証障害を処理します（アラートを表示することによって）
  };

  render（）{return（<view style = {styles.container}> <trellogin applicationname = "race native trello login example" onloginsuccess = {this.handleloginsuccess} onloginfailure = {this.handleloginfailure} trelloapikey = {trelloapikey} key_api_api_api_api_api_api_api_api_api_api_api_api_apiled .webview}/> </view>）;
  }}

完全な例

完全な例（ログイン +ログアウト）については、 /exampleフォルダーを参照してください。

利用可能な小道具

名前	タイプ	デフォルト	説明
ApplicationName	弦	必須	ログインプロセスでユーザーに表示されるアプリケーション名
debugenabled	ブール	間違い	Trueの場合、ログインプロセス中にいくつかの便利なconsole.debugを表示します。
onloginfailure	func	必須	失敗したログインで呼び出されたコールバック（コールバックパラメーター：エラーメッセージ）
onloginsuccess	func	必須	成功したログインで呼び出されたコールバック（コールバックパラメーター：Auth Token）
Trelloapikey	弦	必須	Trello APIキー
スタイル	どれでも	ヌル	Trello Login WebViewに適用されるスタイル

WebView Propを提供できることに注意してください。

有用なリソース

• Trello Auth Docs

• Trello APIドキュメント

• Trello APIキー

• React-Native WebView Docs