react native trello login Download - react native trello login Source Code Download

react native trello login

Anderer Quellcode

1.0.0

Herunterladen

Nicht mehr aktiv aufrechterhalten

React-nativ-trello-login

Eine Komponente, die die API-token-basierte Authentifizierung von Trello zusammenfasst, um Anwendungen von Drittanbietern auf die Trello-API zu gewähren.

Aufstellen

Diese Bibliothek ist auf NPM erhältlich und installieren Sie sie mit: npm install --save react-native-trello-login oder yarn add react-native-trello-login .

Verwendung

1. Import `react-native-trello-login`

 Importtrellologin aus "React-nativ-trello-login";

2. Definieren Sie Ihren Trello -API -Schlüssel

Um den Authentifizierungsprozess zu beginnen, benötigen Sie einen API -Schlüssel. Jeder Trello -Benutzer erhält einen API -Schlüssel. Sie können Ihren API-Schlüssel abrufen, indem Sie sich bei Trello anmelden und https://trello.com/app-key/ besuchen.
Da der API -Schlüssel an den Benutzer gebunden ist, ist es häufig eine gute Idee, einen Trello -Benutzer speziell für die Erstellung einer einzelnen Anwendung oder Integration zu erstellen. Dies stellt sicher, dass die Integration eines Drittanbieters von einem Trello-Konto eines Drittanbieters des Entwicklers von Drittanbietern abgebaut wird. Es wird auch vorgeschlagen, den API -Schlüssel in einer separaten Datei oder in einer Umgebungsvariablen zu definieren.

 const trello_api_key = "your_api_key_here";

3. Zeigen Sie den Trello -Authentifizierungsbildschirm

Die importierte TrelloLogin Komponente ist nur ein reagiertes Webview, mit dem sich der Trello-Auth-Prozess zeigt und bearbeitet.

 Exportieren Sie Standardklassen -Trellologen exportiert react.comPonent {
  HandleloginSuccess = trelloAuthtoken => {// Der Benutzer authentifizierte sich erfolgreich.//. Von nun an können Sie die Trello -APIs mit `trelloAuthtoken" verwenden können
  };

  HandleloginFailure = Message => {// Behandle den Authentifizierungsfehler (möglicherweise durch Anzeige einer Warnung?)
  };

  render() {return (  <View style={styles.container}><TrelloLogin  applicationName="React Native Trello Login Example"  onLoginSuccess={this.handleLoginSuccess}  onLoginFailure={this.handleLoginFailure}  trelloApiKey={TRELLO_API_KEY}  style={styles .WebView}/> </view>);
  }}

Ein vollständiges Beispiel

Ein vollständiges Beispiel finden Sie im Ordner /example (Login + Logout).

Verfügbare Requisiten

Name	Typ	Standard	Beschreibung
applicationName	Saite	ERFORDERLICH	Der Anwendungsname, der dem Benutzer im Anmeldungsprozess angezeigt wird
debugenabled	bool	FALSCH	Wenn wahr, zeigt einige nützliche `console.debug` -Protokolle während des Anmeldungsprozesses
OnloginFailure	Func	ERFORDERLICH	Rückruf auf eine fehlgeschlagene Anmeldung (Rückrufparameter: Fehlermeldung)
OnLoginuccess	Func	ERFORDERLICH	Rückruf auf ein erfolgreiches Login (Rückrufparameter: Auth Token)
Trelloapikey	Saite	ERFORDERLICH	Die Trello -API -Schlüssel
Stil	beliebig	NULL	Stil angewendet für das Trello Login WebView