หากคุณเป็นนักพัฒนา Flutter ที่ต้องการขยายทักษะของคุณเพื่อรวมการพัฒนาแบบฟูลสแตก
จากนั้น คุณจะต้องเข้าใจวิธีเชื่อมโยงบริการแบ็กเอนด์ Firebase เป็นฐานข้อมูลยอดนิยมสำหรับ Flutter
แม้ว่าจะมีโอกาสทางอาชีพมากมายที่เกี่ยวข้องกับกรอบการทำงานใหม่นี้ แต่นักพัฒนาที่มีคุณสมบัติก็ยังขาดแคลนอยู่ ดังนั้นถึงเวลาแล้วที่เราจะพัฒนาทักษะและใช้ประโยชน์จากความเป็นไปได้เหล่านั้นโดยเร็วที่สุด
ในโพสต์นี้ เราจะมาแนะนำ Flutterfire, Firebase และวิธีเพิ่ม Firebase ให้กับ a แอพ Flutter ด้วย FlutterFire CLI เอาล่ะ.
ความเข้าใจ กระพือไฟ
Flutter ของ Google เป็นชุดเครื่องมือ UI สำหรับสร้างแอปข้ามแพลตฟอร์ม Flutter เข้ากันได้กับ Android, iOS, Windows, Linux และ Mac มันเป็นฟรีและ ชุดเครื่องมือโอเพ่นซอร์ส เพื่อสร้างสรรค์แอพพลิเคชั่นที่สวยงามน่าดึงดูด
ข้อได้เปรียบหลักของการใช้ Flutter เป็นแบ็กเอนด์กับ Firebase คือมีชุดคุณลักษณะการจัดการแอปพลิเคชันที่หลากหลาย
Firebase เป็นซัพพลายเออร์ของ Backend-as-a-Service (Baas) มีเครื่องมือและบริการที่หลากหลายสำหรับนักพัฒนาเพื่อช่วยในการสร้างแอปคุณภาพสูง ขยายฐานผู้ใช้ และทำกำไร มันถูกสร้างขึ้นบนโครงสร้างพื้นฐานของ Google
Firebase จะมอบทุกสิ่งที่ธุรกิจต้องการในที่เดียว ตั้งแต่ที่เก็บข้อมูลบนคลาวด์ ฐานข้อมูลแบบเรียลไทม์ โฮสติ้ง ไปจนถึงบริการตรวจสอบสิทธิ์ FlutterFire คือชุดของปลั๊กอินที่ช่วยให้โปรแกรม Flutter ใช้บริการ Firebase ได้
เครื่องมือ Firebase
- ฐานข้อมูลแบบเรียลไทม์: ฐานข้อมูล NoSQL ที่จัดทำโดย Firebase เพื่อจัดเก็บและซิงค์ข้อมูลระหว่างผู้ใช้ของคุณในแบบเรียลไทม์ นอกจากนี้ยังเหมาะสำหรับการใช้งานออฟไลน์
- Cloud Firestore: การอัปเกรดฐานข้อมูลแบบเรียลไทม์ มันสอนแนวคิดของการรวบรวมและเอกสารในรูปแบบข้อมูลใหม่และใช้งานง่ายขึ้น นอกจากนี้ยังมีการค้นหาที่สมบูรณ์ยิ่งขึ้นและรวดเร็วกว่าและปรับขนาดได้มากกว่าฐานข้อมูลเรียลไทม์ทั้งในแง่ของประสิทธิภาพและต้นทุน
- การตรวจสอบสิทธิ์: Firebase ยังช่วยให้ตรวจสอบสิทธิ์กับบริการหรือแพลตฟอร์มต่างๆ ได้ง่าย ซึ่งรวมถึงแต่ไม่จำกัดเพียงรหัสผ่านอีเมล หมายเลขโทรศัพท์ การเข้าสู่ระบบ Google, Facebook, Twitter และ GitHub
- Cloud Storage: บริการจัดเก็บข้อมูลของ Firebase มีราคาไม่แพง มีประสิทธิภาพ และง่ายต่อการใช้งาน
- การกำหนดค่าระยะไกล: บริการคลาวด์ที่ให้คุณเปลี่ยนการทำงานหรือรูปลักษณ์ของแอพของคุณโดยไม่ต้องบังคับให้ผู้ใช้ดาวน์โหลดการอัปเดต
- การแจกจ่ายแอป: ช่วยให้คุณเผยแพร่บิลด์แอปไปยังผู้ทดสอบได้อย่างรวดเร็วและง่ายดาย
ลงมือปฏิบัติด้วย FlutterFire
การใช้ Flutterfire เพื่อเพิ่ม Firebase ให้กับแอพ Flutter
1 การติดตั้ง
ตรวจสอบให้แน่ใจว่าติดตั้ง Firebase CLI บนคอมพิวเตอร์ของคุณแล้ว
ใช้คำสั่งต่อไปนี้เพื่อติดตั้ง FlutterFire CLI:
2. การสร้างแอพ Flutter ใหม่ล่าสุด
ตอนนี้เราจะสร้างแอปพลิเคชัน Flutter ใหม่
โดยค่าเริ่มต้น ฟังก์ชันหลักของโปรแกรมนี้จะเริ่มต้นด้วยโค้ดต่อไปนี้
3. การสร้างโปรเจ็กต์ Firebase ใหม่
เมื่อ Flutterfire กำลังสร้างผลิตภัณฑ์ จะพบปัญหาเช่นนี้เป็นระยะ เพียงพิมพ์ชื่อโครงการลงใน Firebase UI และปิดการใช้งาน Google Analytics เนื่องจากเราจะไม่ใช้งาน
4. การใช้ FlutterFire CLI เพื่อเพิ่มโปรเจ็กต์ Firebase
ตอนนี้เราสามารถกลับไปที่บรรทัดคำสั่งและเรียกใช้: เมื่อสร้างโปรเจ็กต์ Firebase และกำหนดค่า Flutterfire แล้ว
ดูรายการโปรเจ็กต์ Firebase ที่ใช้งานอยู่ทั้งหมดได้ที่นี่:
ตอนนี้เราสามารถเลือกและเข้าสู่โครงการที่เราเพิ่งสร้างได้ จากนั้นเราจะสามารถตัดสินใจได้ว่าต้องการสนับสนุนแพลตฟอร์มใด:
สำหรับแต่ละแพลตฟอร์มที่เราต้องการ CLI จะสร้างแอป Firebase
5. เราจะตั้งค่า Firebase ในแอป Flutter
หลังจากเสร็จสิ้นขั้นตอนก่อนหน้า เราจะสร้างไฟล์ใหม่ที่ชื่อ firebase options.dart ในโฟลเดอร์ lib เราจะต้องเพิ่ม firebase core ใน 'pubspec.yaml' ของเราอย่างน้อยที่สุด:
คุณสามารถเพิ่มรหัสเริ่มต้นลงในไฟล์ main.dart ได้
ตอนนี้ เราได้เสร็จสิ้นขั้นตอนการกำหนดค่าทั้งหมดแล้ว และแอปของเราควรทำงานบน Android, iOS และเว็บได้แล้ว
สรุป
สุดท้าย FlutterFire ได้จัดเตรียมชุดของปลั๊กอิน Flutter ที่ไม่เหมือนใครซึ่งช่วยให้นักพัฒนา Flutter สามารถสร้างแอปข้ามแพลตฟอร์มที่ทำงานได้อย่างสมบูรณ์
FlutterFire เพิ่งเริ่มต้น และยังมีอีกหลายสิ่งที่จำเป็นต้องเพิ่มลงในบัคเก็ตของนักพัฒนา
เขียนความเห็น