Firebase - การตรวจสอบความถูกต้องของ Twitter

ในบทนี้เราจะอธิบายวิธีใช้การตรวจสอบความถูกต้องของ Twitter

ขั้นตอนที่ 1 - สร้างแอพ Twitter

คุณสามารถสร้างแอพ Twitter ได้ที่ลิงค์นี้ เมื่อสร้างแอปของคุณแล้วให้คลิกที่Keys and Access Tokens คุณสามารถหาได้ที่ไหน API Key และ API Secret. คุณจะต้องใช้สิ่งนี้ในขั้นตอนที่ 2

ขั้นตอนที่ 2 - เปิดใช้งานการตรวจสอบความถูกต้องของ Twitter

ในเมนูด้านข้างของแดชบอร์ด Firebase คุณต้องคลิก Auth. จากนั้นเปิดSIGN-IN-METHODแท็บ คลิกที่ Twitter เพื่อเปิดใช้งาน คุณต้องเพิ่มAPI Key และ API Secret จากขั้นตอนที่ 1.

จากนั้นคุณจะต้องคัดลอกไฟล์ callback URLแล้ววางลงในแอพ Twitter ของคุณ คุณสามารถค้นหา URL โทรกลับของแอพ Twitter ของคุณเมื่อคุณคลิกที่ไฟล์Settings แท็บ

ขั้นตอนที่ 3 - เพิ่มปุ่ม

ในขั้นตอนนี้เราจะเพิ่มปุ่มสองปุ่มภายในไฟล์ body แท็กของ index.html.

index.html

<button onclick = "twitterSignin()">Twitter Signin</button>
<button onclick = "twitterSignout()">Twitter Signout</button>

ขั้นตอนที่ 4 - ฟังก์ชันการตรวจสอบสิทธิ์

ตอนนี้เราสามารถสร้างฟังก์ชันสำหรับการตรวจสอบความถูกต้องของ Twitter ได้แล้ว

index.js

var provider = new firebase.auth.TwitterAuthProvider();

function twitterSignin() {
   firebase.auth().signInWithPopup(provider)
    
  .then(function(result) {
      var token = result.credential.accessToken;
      var user = result.user;
		
      console.log(token)
      console.log(user)
   }).catch(function(error) {
      console.log(error.code)
      console.log(error.message)
   });
}

function twitterSignout() {
   firebase.auth().signOut()
   
   .then(function() {
      console.log('Signout successful!')
   }, function(error) {
      console.log('Signout failed!')
   });
}

เมื่อเราเริ่มแอปของเราเราสามารถกำหนดจุดเริ่มต้นหรือออกจากระบบได้โดยคลิกที่ปุ่มสองปุ่ม คอนโซลจะยืนยันว่าการพิสูจน์ตัวตนสำเร็จ