react native trello login

Plus activement entretenu

réactif-natif-trello-login

Un composant qui résume l'authentification basée sur les jetons API de Trello pour accorder l'accès aux applications tierces à l'API Trello.

Installation

Cette bibliothèque est disponible sur NPM, l'installez-la avec: npm install --save react-native-trello-login ou yarn add react-native-trello-login .

Usage

1. Importer react-native-trello-login

 importer la trellologine de "React-Native-Trello-Login";

2. Définissez votre clé API Trello

Pour commencer le processus d'authentification, vous avez besoin d'une clé API. Chaque utilisateur de Trello reçoit une clé API. Vous pouvez récupérer votre clé API en vous connectant à Trello et en visitant https://trello.com/app-key/.
Parce que la clé API est liée à l'utilisateur, c'est souvent une bonne idée de créer un utilisateur Trello spécifiquement pour la création d'une seule application ou d'une seule intégration. Cela garantit que l'intégration d'un tiers est dissociée à partir du compte Trello du développeur d'une intégration tiers. Il est également suggéré de définir la clé API dans un fichier séparé ou dans une variable d'environnement.

 const trello_api_key = "your_api_key_here";

3. Afficher l'écran d'authentification Trello

Le composant TrelloLogin importé n'est qu'une vue Web-Native React qui s'occupera de montrer et de gérer le processus Trello Auth.

 Exporter la classe par défaut Trellologinexample étend React.
  handleloginsuccess = trelloAuthToken => {// L'utilisateur a authentifié avec succès.// à partir de maintenant, vous pourrez utiliser les API Trello à l'aide de `TrelloAuthToken`
  };

  handleloginfailure = message => {// gère la défaillance de l'authentification (peut-être en montrant une alerte?)
  };

  Render () {return (<View style = {Styles.Container}> <Trellologin ApplicationName = "React Native Trello Login Exemple" OnLoginsuCcess = {this.handleloginsuccess} onloginfailure = {this.handleloginfailure {styles de Trelloapikey = {Trello_API_KEY} STYLE =} STYLUS .webView} /> </ View>);
  }}

Un exemple complet

Voir le dossier /example pour un exemple complet (connexion + déconnexion).

Accessoires disponibles

Nom	Taper	Défaut	Description
nom de l'application	chaîne	REQUIS	Le nom de l'application indiqué à l'utilisateur dans le processus de connexion
débougabled	bool	FAUX	Lorsqu'il est vrai, montre quelques journaux console.debug utiles.
onloginfailure	func	REQUIS	Rappel invoqué sur une connexion échouée (paramètre de rappel: message d'erreur)
onloginsuccess	func	REQUIS	Rappel invoqué sur une connexion réussie (paramètre de rappel: token Auth)
trelloapikey	chaîne	REQUIS	La clé de l'API Trello
style	n'importe lequel	nul	Style appliqué au Trello Login WebView

Veuillez noter que vous pouvez également fournir n'importe quel accessoire WebView.

Ressources utiles

• Trello Auth Docs

• Docs API Trello

• Votre clé API Trello

• React-Native WebView Docs