สุขสันต์วันสงกรานต์


ทดลองใช้ Hosting ใน Firebase

Programmer Thailand Blog

พบบทความข่าวสารดีๆ เขียนและแชร์ได้ทันที

beta version

ทดลองใช้ Hosting ใน Firebase

หลังจากที่ Parse ได้ปิดตัวไปก็เป็นผลดีกับ Google ที่จะนำ Firebase เข้ามาแทนที่ และจะเห็นว่า Google พัฒนาเจ้า Firebase อย่างต่อเนื่องจนมี Feature ต่างๆ มากมาย สงสัยอนาคตนี้ต้องมาแรงแน่ๆ

ในบทความนี้ก็จะเป็นการแนะนำการใช้งาน Firebase Hosting ครับ 

เตรียมตัว

เริ่มต้นต้องติดตั้ง node.js กันก่อนนะครับ เพราะเครื่องไม้เครื่องมือของ firebase เป็น package ของ node.js เขาล่ะ

สมัครใช้งาน Firebase

หลังจากได้เครื่องไม้เครื่องมือแล้ว เรามาสมัครใช้งาน Firebase กันโดยเข้าไปที่ Website 

https://firebase.google.com/

ทำการเข้าระบบ แล้วไปที่ Console ที่มุมขวาบนได้เลยครับ และจากนั้นก็ทำการ Create new project ได้เลย

ใส่ชื่อ Project และกำหนดประเทศจากนั้นกด Create Project ได้เลย จากนั้น เมื่อได้ Project แล้วเลือก Hosting

กดปุ่ม Get Started 

จะปรากฏรายละเอียดกดปุ่ม Get Started อีกครั้ง 

ให้ทำการติดตั้ง firebase tool โดยพิมพ์คำสั่ง

npm install -g firebase-tools

จากนั้นสร้าง Folder เก็บ Project แล้ว เข้าไปใน Folder ดังกล่าว ด้วย cmd แล้วพิมพ์คำสั่ง

firebase login

จะปรากฏ Web Browser ให้ login

จากนั้นพิมพ์คำสั่ง

firebase init

จะปรากฏ cmd ลักษณะดังนี้

กด y แล้ว Enter จากนั้นจะปรากฏการ setup proect ดังนี้

หลังจากได้ Project เรียบร้อยแล้วทำการ deploy ไปที่ server โดยพิมพ์คำสั่ง

firebase deploy

จากนั้นแก้ไขไฟล์ index.html แล้ว deploy อีกครั้ง

ทำการ deploy อีกครั้งโดยพิมพ์คำสั่ง

firebase deploy

แล้วทดสอบเปิด Web จาก URL

เมื่อเปิดดูส่วน console ใน firebase จะมีข้อมูลการ deploy เกิดขึ้น

หากต้องการ Domain เราเองสามารถกำหนดได้โดยกดปุ่ม Instruction

จากนั้นก็ไปกำหนด ใน Zone Edit ของ Domain ได้เลย

ตอนนี้กำลัง update หากมีส่วนไหนเพิ่มเติมจะทยอยมา update นะครับ

Reference site
https://firebase.google.com/docs/hosting/quickstart

 

มานพ กองอุ่น

มานพ กองอุ่น
admin

  • 2 เพื่อน
  • 2 ผู้ติดตาม
  • 734 โพสต์
กลับขึ้นบน