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


  • การส่งข้อความบนคลาวด์
  • การตรวจสอบ
  • ฐานข้อมูลเรียลไทม์
  • ความจุ
  • การรายงานข้อผิดพลาดเพื่อให้แอปพลิเคชันของคุณมั่นคงและปราศจากข้อบกพร่อง.
  • ทดสอบแล็บเพื่อถ่ายทอดการใช้งานที่ยอดเยี่ยม.

ผู้ใช้สามารถรับรองความถูกต้องกับ Firebase โดยใช้บัญชี Facebook ของพวกเขาโดยรวมเข้าสู่ระบบ Facebook เข้ากับแอพ คุณสามารถรวมเข้าสู่ระบบ Facebook โดยใช้ Firebase SDK เพื่อดำเนินการลงชื่อเข้าใช้หรือดำเนินขั้นตอนการเข้าสู่ระบบ Facebook ด้วยตนเองและส่งโทเค็นการเข้าถึงผลลัพธ์ไปยัง Firebase.

วิธีการรับรองความถูกต้องเข้าสู่ระบบ Facebook โดยใช้ Firebase

ข้อกำหนดเบื้องต้น

  1. เพิ่ม Firebase ให้กับโปรเจ็กต์ JavaScript ของคุณ.
  2. บนไซต์ Facebook สำหรับนักพัฒนารับรหัสแอพและความลับของแอพสำหรับแอปของคุณ
  3. เปิดใช้งานการเข้าสู่ระบบ Facebook:
  1. ในคอนโซล Firebase ให้เปิดส่วน Auth.
  1. บนแท็บวิธีลงชื่อเข้าใช้ให้เปิดใช้งานวิธีลงชื่อเข้าใช้ Facebook และระบุ ID แอพและความลับของแอพที่คุณได้รับจาก Facebook.
  1. จากนั้นตรวจสอบให้แน่ใจว่า OAuth เปลี่ยนเส้นทาง URI ของคุณ (เช่น my-app-12345.firebaseapp.com/__/auth/handler) แสดงรายการเป็นหนึ่งใน OAuth ของคุณเปลี่ยนเส้นทาง URIs ในหน้าการตั้งค่าของแอพ Facebook บนเว็บไซต์ Facebook สำหรับนักพัฒนาในผลิตภัณฑ์ การตั้งค่า > กำหนดค่าล็อกอิน Facebook.

ขั้นตอนที่ 1: จัดการขั้นตอนการลงชื่อเข้าใช้ด้วย Firebase SDK

หากคุณกำลังสร้างเว็บแอพวิธีที่ง่ายที่สุดในการตรวจสอบสิทธิ์ผู้ใช้ของคุณด้วย Firebase โดยใช้บัญชี Facebook ของพวกเขาคือการจัดการขั้นตอนการลงชื่อเข้าใช้ด้วย Firebase JavaScript SDK (หากคุณต้องการรับรองความถูกต้องของผู้ใช้ใน Node.js หรือสภาพแวดล้อมที่ไม่ใช่เบราว์เซอร์อื่นคุณต้องจัดการขั้นตอนการลงชื่อเข้าใช้ด้วยตนเอง)

ขั้นตอนที่ 2: สร้างอินสแตนซ์ของวัตถุผู้ให้บริการ Facebook

ผู้ให้บริการ var = firebase.auth.FacebookAuthProvider ใหม่ ();

ขั้นตอนที่ 3: ระบุขอบเขต OAuth 2.0 เพิ่มเติมที่คุณต้องการร้องขอจากการตรวจสอบความถูกต้อง ผู้ให้บริการ.

ในการเพิ่มขอบเขตการโทร addScope ตัวอย่างเช่น:

provider.addScope ( ‘user_birthday’);

ไม่จำเป็น: หากต้องการแปลโฟลว์ OAuth ของผู้ให้บริการเป็นภาษาที่ผู้ใช้ต้องการโดยไม่ต้องผ่านพารามิเตอร์ OAuth ที่กำหนดเองที่เกี่ยวข้องอย่างชัดเจนให้อัปเดตรหัสภาษาในอินสแตนซ์ Auth ก่อนเริ่มโฟลว์ OAuth ตัวอย่างเช่น:

firebase.auth (). languageCode = ‘fr_FR’;
// เพื่อใช้การตั้งค่าเบราว์เซอร์เริ่มต้นแทนการตั้งค่าอย่างชัดเจน
มัน.
// firebase.auth (). useDeviceLanguage ();

ขั้นตอนที่ 4: ระบุพารามิเตอร์ผู้ให้บริการ OAuth ที่กำหนดเองเพิ่มเติมที่คุณต้องการส่งพร้อมกับ คำขอ OAuth

ในการเพิ่มพารามิเตอร์ที่กำหนดเองให้เรียก setCustomParameters ในผู้ให้บริการที่เริ่มต้นด้วยวัตถุที่มีคีย์ตามที่ระบุไว้ในเอกสารประกอบการของผู้ให้บริการ OAuth และค่าที่เกี่ยวข้อง ตัวอย่างเช่น:

provider.setCustomParameters ({
‘display’: ‘popup’
});

ไม่อนุญาตให้ใช้พารามิเตอร์ OAuth ที่สงวนไว้และจะถูกละเว้น ดูการอ้างอิงผู้ให้บริการการรับรองความถูกต้องสำหรับรายละเอียดเพิ่มเติม.

ขั้นตอนที่ 5: รับรองความถูกต้องกับ Firebase โดยใช้วัตถุผู้ให้บริการ Facebook

คุณสามารถแจ้งให้ผู้ใช้ลงชื่อเข้าใช้ด้วยบัญชี Facebook โดยเปิดหน้าต่างป๊อปอัปหรือเปลี่ยนเส้นทางไปที่หน้าลงชื่อเข้าใช้ วิธีการเปลี่ยนเส้นทางเป็นที่ต้องการในอุปกรณ์มือถือ.

ในการลงชื่อเข้าใช้ด้วยหน้าต่างป๊อปอัพโทร signInWithPopup:

firebase.auth (). signInWithPopup (ผู้ให้บริการ). แล้ว (ฟังก์ชัน (ผลลัพธ์) {
// นี่เป็นโทเค็นการเข้าถึง Facebook ของคุณ คุณสามารถใช้มันเพื่อเข้าถึง
Facebook API.
var token = result.credential.accessToken;
// ข้อมูลผู้ใช้ที่ลงชื่อเข้าใช้.
var user = result.user;
// …
}). catch (ฟังก์ชั่น (ข้อผิดพลาด) {
// จัดการข้อผิดพลาดที่นี่.
var errorCode = error.code;
var errorMessage = error.message;
// อีเมลของบัญชีผู้ใช้ที่ใช้.
var email = error.email;
// ประเภท firebase.auth.AuthCredential ที่ใช้.
var credential = error.credential;
// …
});

นอกจากนี้โปรดสังเกตว่าคุณสามารถดึงโทเค็น OAuth ของผู้ให้บริการ Facebook ซึ่งสามารถใช้เพื่อดึงข้อมูลเพิ่มเติมโดยใช้ Facebook API.

นี่คือที่ที่คุณสามารถตรวจจับและจัดการข้อผิดพลาด สำหรับรายการรหัสข้อผิดพลาดดูที่เอกสารอ้างอิงการตรวจสอบสิทธิ์.

หากต้องการลงชื่อเข้าใช้โดยเปลี่ยนเส้นทางไปที่หน้าลงชื่อเข้าใช้โทร signInWithRedirect:

firebase.auth () signInWithRedirect (ผู้ให้บริการ).

จากนั้นคุณสามารถดึงโทเค็น OAuth ของผู้ให้บริการ Facebook ได้โดยเรียกใช้ getRedirectResult เมื่อโหลดหน้าเว็บของคุณ:

firebase.auth (). getRedirectResult (). then (ฟังก์ชั่น (ผล) {
if (result.credential) {
// นี่เป็นโทเค็นการเข้าถึง Facebook ของคุณ คุณสามารถใช้มันเพื่อเข้าถึง
API Facebook.
var token = result.credential.accessToken;
// …
}
// ข้อมูลผู้ใช้ที่ลงชื่อเข้าใช้.
var user = result.user;
}). catch (ฟังก์ชั่น (ข้อผิดพลาด) {
// จัดการข้อผิดพลาดที่นี่.
var errorCode = error.code;
var errorMessage = error.message;
// อีเมลของบัญชีผู้ใช้ที่ใช้.
var email = error.email;
// ประเภท firebase.auth.AuthCredential ที่ใช้.
var credential = error.credential;
// …
});

ตอนนี้ขั้นตอนสำหรับการรับรองความถูกต้องเข้าสู่ระบบ Facebook จะเสร็จสมบูรณ์ คุณสามารถรับรองความถูกต้องเข้าสู่ระบบ Facebook ด้วย firebase.

ลองใช้บริการโฮสติ้งคลาวด์ 3 อันดับแรก:

FastComet

ราคาเริ่มต้น:
$ 59.95


ความเชื่อถือได้
9.7


การตั้งราคา
9.5


เป็นมิตรกับผู้ใช้
9.7


สนับสนุน
9.7


คุณสมบัติ
9.6

อ่านความคิดเห็น

เยี่ยมชม FastComet

Cloudways

ราคาเริ่มต้น:
$ 10.00


ความเชื่อถือได้
9.4


การตั้งราคา
9.2


เป็นมิตรกับผู้ใช้
9.2


สนับสนุน
9.3


คุณสมบัติ
9.3

อ่านความคิดเห็น

เยี่ยมชม Cloudways

Hostinger

ราคาเริ่มต้น:
$ 7.45


ความเชื่อถือได้
9.3


การตั้งราคา
9.3


เป็นมิตรกับผู้ใช้
9.4


สนับสนุน
9.4


คุณสมบัติ
9.2

อ่านความคิดเห็น

เยี่ยมชม Hostinger

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me