Firebase #02 วิธีการสร้าง Web Site บน Firebase Hosting

จาก Firebase #01 สวัสดีชาวโลก เราจะได้ไฟล์  webdemo01.html ซึ่งสามารถติดต่อ Firebase Real-time Database ได้แล้ว

ขั้นตอนต่อไปนี้ คือการนำไฟล์ webdemo01.html ขึ้นไปใช้งานบน FireBase Hosting ซึ่งทำให้สามารถใช้งานจาก Internet ได้โดยที่ไม่ต้องมี Web Server เป็นของตนเอง

  1. การส่งไฟล์ขึ้น FireBase Hosting สามารถทำผ่าน Command Line ด้วย FireBase CLI บน Node.js ซึ่งสามารถติดตั้ง Node.js โดย download ได้จาก nodejs.org จากนั้นก็ติดตั้งตามปรกติ
  2. สร้าง Folder สำหรับ Project ขึ้นมา เช่น webdemo01
  3. เปิด Node.js Command Promt ขึ้นมา แล้ว เข้าไปยัง Folder ที่สร้างขึ้น
  4. ใช้คำสั่งต่อไปนี้
    npm install -g firebase-tools


    แล้วใช้คำสั่ง

    firebase init

    แล้วตอบตามนี้


    รงนี้จะได้ไฟล์
    .firebaserc
    database.rules.json
    firebase.json
    และ Folder
    public

  5. นำไฟล์ webdemo01.html ไปไว้ใน public
  6. จากนั้น กลับมาที่ Node.js Command Promt แล้วใช้คำสั่ง
    firebase deploy

  7. จากนั้นก็จะสามารถเรียก URL ได้จาก
    https://webdemo01-5d404.firebaseapp.com/webdemo01.html
    ได้

ประมาณนี้

Leave a Reply