react native trello login

더 이상 적극적으로 유지되지 않습니다

반응-신용-트롤로-로그

Trello의 API 토큰 기반 인증을 캡슐화하여 Trello API에 대한 타사 응용 프로그램 액세스를 부여하는 구성 요소.

설정

이 라이브러리는 NPM에서 사용할 수 있으며 다음 yarn add react-native-trello-login 같이 npm install --save react-native-trello-login 하십시오.

용법

1. 수입 react-native-trello-login

 "React-Native-Trello-Login"에서 Trellologin을 수입하고;

2. Trello API 키를 정의하십시오

인증 프로세스를 시작하려면 API 키가 필요합니다. 모든 Trello 사용자에게 API 키가 제공됩니다. Trello에 로그인하고 https://trello.com/app-key/를 방문하여 API 키를 검색 할 수 있습니다.
API 키는 사용자와 연결되어 있으므로 단일 응용 프로그램 또는 통합을 구축하기 위해 특별히 Trello 사용자를 만드는 것이 좋습니다. 이를 통해 제 3 자 통합의 Trello 계정에서 타사 통합이 분리됩니다. 또한 API 키를 별도의 파일 또는 환경 변수에서 정의하는 것이 좋습니다.

 const trello_api_key = "your_api_key_here";

3. Trello 인증 화면을 표시하십시오

가져온 TrelloLogin 구성 요소는 Trello Auth 프로세스를 보여주고 처리하는 반응성 웹뷰 일뿐입니다.

 내보내기 기본 클래스 Trellologinexample Extends React.component {
  handleloginsuccess = trelloauthtoken => {// 사용자가 성공적으로 인증되었습니다 .// 지금부터`trelloauthtoken`을 사용하여 Trello API를 사용할 수 있습니다.
  };

  handleloginFailure = message => {// 인증 실패를 처리합니다 (아마도 경고를 표시하여?)
  };

  {render () {ret .webview}/> </view>);
  }}

완전한 예

전체 예제 (로그인 + 로그 아웃)는 /example 폴더를 참조하십시오.

사용 가능한 소품

이름	유형	기본	설명
ApplicationName	끈	필수의	로그인 프로세스에서 사용자에게 표시된 응용 프로그램 이름
디버거 닝	부	거짓	true 일 때, 로그인 프로세스 중에 유용한 console.debug 이 몇 개 표시됩니다.
OnloginFailure	func	필수의	실패 로그인에서 콜백 호출 (콜백 매개 변수 : 오류 메시지)
Onloginsuccess	func	필수의	성공적인 로그인에서 콜백 호출 (콜백 매개 변수 : Auth Token)
Trelloapikey	끈	필수의	Trello API 키
스타일	어느	널	Trello Login WebView에 적용되는 스타일

WebView Prop을 제공 할 수도 있습니다.

유용한 리소스

• Trello 인증 문서

• Trello API 문서

• Trello API 키

• 원형 웹 뷰 문서 반응