ส่วนประกอบที่ห่อหุ้ม API Token ของ Trello Token เพื่อให้แอปพลิเคชันของบุคคลที่สามเข้าถึง TRELLO API
ไลบรารีนี้มีอยู่ใน NPM ติดตั้งด้วย: npm install --save react-native-trello-login
หรือ yarn add react-native-trello-login
react-native-trello-login
นำเข้า trellologin จาก "React-Native-Trelo-Login";
ในการเริ่มต้นกระบวนการตรวจสอบคุณต้องมีคีย์ API ผู้ใช้ Trello ทุกคนจะได้รับคีย์ API คุณสามารถดึงคีย์ API ของคุณได้โดยลงชื่อเข้าใช้ Trello และเยี่ยมชม https://trello.com/app-key/
เนื่องจากคีย์ API เชื่อมโยงกับผู้ใช้จึงมักจะเป็นความคิดที่ดีที่จะสร้างผู้ใช้ Trello โดยเฉพาะสำหรับการสร้างแอปพลิเคชันหรือการรวมตัวเดียว สิ่งนี้ทำให้มั่นใจได้ว่าการบูรณาการของบุคคลที่สามนั้นถูกแยกออกจากบัญชี Trello ของผู้พัฒนาของบุคคลที่สาม นอกจากนี้ยังแนะนำให้กำหนดคีย์ API ในไฟล์แยกต่างหากหรือในตัวแปรสภาพแวดล้อม
const trello_api_key = "your_api_key_here";
ส่วนประกอบ TrelloLogin
ที่นำเข้าเป็นเพียงเว็บวิวแบบตอบโต้ที่จะดูแลการแสดงและจัดการกระบวนการ Auth Trello
ส่งออก trellologinexample คลาสเริ่มต้นขยาย React.Component { handleLogInsuccess = treloAuthToken => {// ผู้ใช้ที่ได้รับการรับรองความถูกต้องได้สำเร็จ// จากนี้ไปคุณจะสามารถใช้ trello apis โดยใช้ `trelloauthtoken` - handleLoginFailure = message => {// จัดการความล้มเหลวของการตรวจสอบความถูกต้อง (อาจแสดงการแจ้งเตือน?) - render () {return (<view style = {styles.container}> <trellologin applicationName = "React Native Trello Login ตัวอย่าง" onloginSuccess = {this.handleloginsuccess} onloginfailure = {this.handleloginfailure .WebView}/> </ดู>); -
ดูโฟลเดอร์ /example
สำหรับตัวอย่างที่สมบูรณ์ (เข้าสู่ระบบ + ออกจากระบบ)
ชื่อ | พิมพ์ | ค่าเริ่มต้น | คำอธิบาย |
---|---|---|---|
ApplicationName | สาย | ที่จำเป็น | ชื่อแอปพลิเคชันที่แสดงต่อผู้ใช้ในกระบวนการเข้าสู่ระบบ |
ดีบัก | บูล | เท็จ | เมื่อเป็นจริงแสดงคอนโซลที่มีประโยชน์บางส่วน console.debug ระหว่างกระบวนการเข้าสู่ระบบ |
Onloginfailure | func | ที่จำเป็น | โทรกลับเรียกใช้ในการเข้าสู่ระบบที่ล้มเหลว (พารามิเตอร์การโทรกลับ: ข้อความแสดงข้อผิดพลาด) |
Onloginsuccess | func | ที่จำเป็น | โทรกลับเรียกใช้ในการเข้าสู่ระบบที่ประสบความสำเร็จ (พารามิเตอร์การโทรกลับ: โทเค็นรับรองความถูกต้อง) |
Trelloapikey | สาย | ที่จำเป็น | คีย์ trello api |
สไตล์ | ใดๆ | โมฆะ | สไตล์ที่ใช้กับ WebView ล็อกอิน Trello |
โปรดสังเกตว่าคุณสามารถให้ WebView Prop ใด ๆ
เอกสารรับรองความถูกต้องของ Trello
เอกสาร Trello API
คีย์ Trello API ของคุณ
เอกสาร WebView React-Natial