วิธีสร้าง URI เฉพาะสำหรับผู้ใช้ใน FIREBASE WEB javascript

Sep 26 2020

ฉันมีโครงการ firebase ที่พัฒนาใน javscript html และ css ที่ทำงานเหมือนเครือข่ายโซเชียลฉันมีผู้ใช้ในฐานข้อมูลของฉันและผู้ใช้เหล่านี้มีข้อมูลโปรไฟล์ที่จะแสดง

ปัญหาคือฉันต้องการเชื่อมโยงผู้ใช้แต่ละคนกับ URI เฉพาะเพื่อให้ทุกคนสามารถใช้ลิงก์นั้นเพื่อเข้าถึงข้อมูลของผู้ใช้

ตัวอย่าง:

ฉันต้องการสร้างลิงก์สำหรับผู้ใช้เช่น "https://myproject.com/users/john-doe" (สำหรับผู้ใช้ john doe) และฉันต้องการให้นำไปยังหน้าผู้ใช้เฉพาะนั้น

ฉันใช้โฮสติ้ง firebase และมีบางอย่างสำหรับการเขียน URL ใหม่ แต่ฉันไม่เห็นอะไรที่เหมาะกับกรณีของฉันมันเป็นสัปดาห์ที่ฉันต้องการแก้ปัญหานี้และยังไม่พบบางอย่างโปรดช่วยด้วยขอบคุณ!

คำตอบ

FrankvanPuffelen Sep 26 2020 at 14:26

สิ่งที่คุณกำลังอธิบายคือแอปพลิเคชันหน้าเดียวโดยที่หน้า HTML + JavaScript เดียวจัดการ URLS จำนวนมาก - สร้างเนื้อหาแบบไดนามิก

คุณจะต้องดำเนินการหลายขั้นตอน:

  1. กำหนดค่า Firebase Hosting เพื่อกำหนด URL ขาเข้าหลายรายการไปยังหน้า HTML เดียวกัน สิ่งนี้ทำได้โดยใช้rewriteกฎในfirebase.jsonไฟล์ของคุณเช่น:

    "rewrites": [ {
      "source": "**",
      "destination": "/index.html"
    } ]
    
  2. ตอนนี้ JavaScript ของindex.htmlเพจของคุณสามารถตรวจสอบ URL ในwindow.location.hrefแยกชื่อผู้ใช้จากนั้นจากนั้นให้บริการเนื้อหาที่ถูกต้องสำหรับผู้ใช้นั้น