react native trello login

不再积极维护

反应新的 - 晶状体蛋白

封装Trello基于API令牌的身份验证的组件，以授予第三方应用程序访问Trello API。

设置

该库可在NPM上找到，并在以下方式安装以下： npm install --save react-native-trello-login或yarn add react-native-trello-login 。

用法

1。进口react-native-trello-login

从“反应 - 新晶状体蛋白”中导入心litlogin；

2。定义您的trello api键

要开始身份验证过程，您需要一个API密钥。每个Trello用户都有一个API键。您可以通过登录Trello并访问https://trello.com/app-key/来检索API密钥。
由于API密钥与用户挂钩，因此通常是一个专门为构建单个应用程序或集成的Trello用户的好主意。这样可以确保第三方的集成与第三方Integration的开发人员的Trello帐户分离。还建议在单独的文件或环境变量中定义API密钥。

 const trello_api_key =“ your_api_key_here”;

3。显示Trello身份验证屏幕

导入的TrelloLogin组件只是一个反应的WebView，它将负责显示和处理Trello Auth过程。

导出默认类TRELLOLOGINEXAMPE扩展React.component {
  handleloginsuccess = trelloauthtoken => {//用户从现在开始成功身份验证。//您可以使用`trelloAuthToken`
  };

  handleloginfailure = message => {//处理身份验证故障（也许通过显示警报？）
  };

  render（）{return（<view style = {styles.container}> <trellologin applicationName =“本机trello登录示例” .webview}/> </view>）;
  }}}

一个完整的例子

有关完整的示例（登录 +注销），请参见/example夹。

可用道具

姓名	类型	默认	描述
应用名称	细绳	必需的	在登录过程中显示给用户的应用程序名称
调试	布尔	错误的	当true时，显示一些有用的console.debug在登录过程中登录日志
Onloginfailure	功能	必需的	在失败的登录（回调参数：错误消息）上调用回调
Onloginsuccess	功能	必需的	在成功的登录中调用回调（回调参数：auth token）
Trelloapikey	细绳	必需的	Trello API键
风格	任何	无效的	应用于Trello登录WebView的样式

请注意，您还可以提供任何Webview Prop。

有用的资源

• Trello auth文档

• Trello API文档

• 您的Trello API键

• 反应本网络浏览文档