ไฟร์เบส (Firebase)

ปรับปรุง : 2563-09-09 (auto ad sense)

ไฟร์เบส (Firebase) คืออะไร

Firebase (ไฟร์เบส) คือ แพลตฟอร์มสำหรับนักพัฒนาโมบายแอพพลิเคชั่น และเว็บแอพพลิชั่น มีเครื่องมือและโครงสร้างพื้นฐานสนับสนุนนักพัฒนาในการสร้างแอพพลิเคชั่น บริษัทก่อตั้งขึ้นในปี 2011 โดย James Tamplin และ Andrew Lee ให้เป็นฐานข้อมูลเรียลไทม์บริการสำหรับ Backend ต่อมากูลเกิ้ลได้ซื้อกิจการในปี 2014 และพัฒนาให้สามารถบริการครบวงจรรองรับทั้งแบบ Frontend และ Backend รองรับทั้ง iOS, Android, Web application ครอบคลุมทุกอย่างที่นักพัฒนาต้องใช้

ฝากแฟ้ม html และ image คือ บริการ Hostings ซึ่งเป็นบริการพื้นฐานของ Firebase อีกบริการหนึ่ง โดยปี 2017 มีการประกวด Miss Grand Thailand และพบภาพสวย ๆ จำนวนมาก จึงนำมาพัฒนาเป็น Miss Grand Thailand 2017 in Progressive Web Apps ฝากไว้กับหลายเครื่องบริการ และเครื่องหนึ่งที่นำ album ปี 2016 ไปฝาก คือ Firebase มีผลงานที่ missgrand2016th.firebaseapp.com และเขียนเล่าเป็น blog ไว้ที่ /blog/burin/7733/

https://en.wikipedia.org/wiki/Firebase

Firebase service ข้อมูลในเดือนมีนาคม ปี 2020 พบว่า Firebase มีบริการถึง 19 ผลิตภัณฑ์

Firebase Can Help In 5 Areas of Your App
1.Develop
  i) Authentication
  ii) Database – Creation and Managing Databases
  iii) Storage – Grocery Bucket That Store
  iv) Hostings – A Fast with CDN Centric
  v) Function – Changing an App Behavior
  vi) ML Kit – A Baby That Can Learn
2. Quality:
  i) Crashlytics
  ii) Performance
  iii) Test Lab
  iv) App Distribution
3. Grow:
  i) Predictions
  ii) Cloud Messaging
  iii) In-App Messaging
  iv) Remote Config
  v) A/B Testing
  vi) Dynamic Links
  vii) AdMob
4. Analytics
5. Extensions

https://firebasetutorials.com/what-can-firebase-do/

เริ่มต้นกับ ไฟร์เบส (Firebase) - Hosting

https://firebase.google.com

- Sign in ด้วยบัญชี gmail.com
- คลิ๊ก Products, Visit console, + เพื่อ Add Project ใหม่ 
  Step 1 Enter your project name = joom63
  Step 2 Enable Google Analytics for this project
  Step 3 Configure Google Analytics = joom63 + Create project
- พบหน้า project สำหรับทำงาน ในชื่อ joom63
- เลือก iOS, Android หรือ Web กรณีนี้เลือก Web
- Register app ในชื่อ joom2563
- คลิ๊ก Also set up Firebase Hosting fo this app. * สำคัญ
- ถ้าไม่เปลี่ยนก็จะได้ชื่อไซต์ว่า joom63-1efa2 แต่เปลี่ยนเป็น joom2563web
  1. Register app
  2. Add Firebase SDK
  Copy and paste these scripts into the bottom of your <body> tag, 
  but before you use any Firebase services:
    <!-- The core Firebase JS SDK is always required and must be listed first -->
    <script src="/__/firebase/7.15.5/firebase-app.js"></script>
    <!-- TODO: Add SDKs for Firebase products that you want to use
    https://firebase.google.com/docs/web/setup#available-libraries -->
    <script src="/__/firebase/7.15.5/firebase-analytics.js"></script>
    <!-- Initialize Firebase -->
    <script src="/__/firebase/init.js"></script>
3. Install firebase CLI
   DOS> npm install -g firebase-tools
4. Deploy to Firebase Hosting
  https://joom63-1efa2.web.app
  ชวนอ่านคำแนะนำ https://firebase.google.com/docs/hosting/quickstart?authuser=0
5. Continue to the console

ทำงานกับ Firebase CLI

ชวนอ่าน Before you can set up Firebase Hosting, you need to create a Firebase project.
DOS> npm -v (6.4.1) https://nodejs.org/en/download/
DOS> npm install npm@latest -g (ปรับรุ่น)
DOS> npm install -g firebase-tools (รอแป๊ปนึง)
DOS> path = %path%;C:\Users\burin\AppData\Roaming\Npm
DOS> firebase --version (not found)
DOS> firebase -V (8.4.3)
  download : https://firebase.google.com/docs/cli
DOS> firebase login
- Firebase CLI Login Successful
DOS> firebase projects:list
DOS> firebase init
- Are you ready to proceeded? (Y/n)
- กด Space เลือก Hosting แล้ว Enter เพื่อยืนยัน
- เลือก Use an existing project ที่เคยสร้างไว้
- เลือก joom63-1efa2
- What do you want to use as your public directory? (public)
- Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
DOS> firebase deploy
DOS> explorer https://joom63-1efa2.web.app (พบ welcome)
- เพิ่มแฟ้ม joom.htm, joom100.htm และคัดลอก joom.htm เป็น index.html ในห้อง public
- เมื่อสั่ง firebase deploy พบ 4 แฟ้ม จึงอัพโหลด 4 แฟ้มขึ้นไปอัตโนมัติ
- ไม่ได้กลับไปที่เว็บไซต์อีกเลย ทำงานผ่าน cli ได้

รวมภาพ "บทเรียนการใช้ firebase เบื้องต้น"