Print
Details: Category: บทความ Flutter | Published: 20 June 2019 | Hits: 206

จากบทความที่แล้ว ที่ มาสเตอร์ สอน การเชื่อมต่อ Flutter กับ Firebase บน Android (อ่านบทความที่นี่)  มาที่นี่จะเป็น ตอน เชื่อมต่อ Firebase กับ iOS บน Flutter บ้าง

 Screen Shot 2562 04 26 at 101011

สิ่งแรกต้องหา Bundle ID ของ iOS ก่อน

Screen Shot 2562 04 26 at 101045

การเปิดไฟร์ ให้ไปที่ Runner.xcworkspace ครับ

 Screen Shot 2562 04 26 at 101100

จะได้แบบนี่ครับ

Screen Shot 2562 04 26 at 101111

ที่ Navigator เลือก Runner

Screen Shot 2562 04 26 at 101114

ได้มาละ Bundle ID ให้ Copy มาเลยครับ

Screen Shot 2562 04 26 at 101207

นี่ไงครับ Bundle Identifier ที่เราต้องการ

Screen Shot 2562 04 26 at 101308

กลับไปที่ โปรเจ็ค Firebase ของเรา Click Project Settings

Screen Shot 2562 04 26 at 101321

จะเห็น โปรเจ็คแอนดรอยด์ ที่เราทำไว้ครั้งที่แล้ว มาสเตอร์ จะเพิ่ม iOS โดยการคลิก Add App

Screen Shot 2562 04 26 at 101328 

ตรงนี่เลือก iOS นะครับ

 Screen Shot 2562 04 26 at 101335

จะได้แบบนี่ 

Screen Shot 2562 04 26 at 101406

 สิ่งแรก เอา Bundle ID ที่ได้มาจาก Xcode ไปใส่ ตั้งชือแอพซะหน่อย และ คลิก Register app

Screen Shot 2562 04 26 at 101420

 ตัว Firebase จะสร้าง Google-Service-infi.plist ให้ คลิก และ โหลดมาเก็บไว้ในเครื่องเราก่อน

 Screen Shot 2562 04 26 at 101437

โหลด มาเก็บไว้ก่อน

Screen Shot 2562 04 26 at 101526

กลับมาที่ Xcode สังเกตุ Info.plist ให้ ลาก Google-Service-Info.plist มาไว้ที่เดียวกัน

Screen Shot 2562 04 26 at 101546

มั่นใจว่า Copy Item if need นะ

Screen Shot 2562 04 26 at 101553

ได้มาละ GoogleService-Info.plist

Screen Shot 2562 04 26 at 103236

ไม่ต้อง Install pod ต่อนะครับ (ส่วนนี่ Flutter ทำให้แล้วครับ) Nextๆๆๆ จนได้หน้านี่

Screen Shot 2562 06 21 at 054844

กลับไปที่ vs Code ที่เปิดโปรเจ็คของเรา

Screen Shot 2562 06 21 at 054946

มาสเตอร์ จะลอง Build iOS ก่อนว่าได้ไหม ? ด้วยคำสั่ง flutter build ios

Screen Shot 2562 06 21 at 055106

ถ้าขึ้นแบบนี่ OK 

Screen Shot 2562 06 21 at 055406

ต่อไป เปิด Simulate ออกมา

Screen Shot 2562 06 21 at 055426

สั่งรัน ด้วย flutter run

Screen Shot 2562 06 21 at 055519

กลับไปดูที่ Simulate

Screen Shot 2562 06 21 at 055525

รอสัก 15 วินาที นะ

Screen Shot 2562 06 21 at 050128

หลับไปดูที่ Console Firebase ที่เราเปิดค้างไว้ ถ้าเชื่อมต่อ Firebase กับ iOS จะได้ผลแบบนี่ ลองทำดูครับ สำหรับใครที่ ทำไม่ได้ให้ลองมาเรียน Flutter กับ มาสเตอร์ ตัวต่อตัว ที่ https://www.androidthai.in.th/private-project-android-flutter-course.html ครับ หัวข้อเลือกได้ครับ