การใช้ Firebase ทำในโปรเจค Android

Mobile Application Developing- Android, iOS, Window Phone สอนเขียนโปรแกรมบนมือถือ ระบบปฏิบัติการต่าง แอนดรอยด์ ไอโอเอส วินโดโฟน สอนเขียนโปรแกรมบนมือถือ

Moderator: mindphp, ผู้ดูแลกระดาน

rangsan
PHP Hero Member
PHP Hero Member
โพสต์: 199
ลงทะเบียนเมื่อ: 30/04/2018 9:44 am

การใช้ Firebase ทำในโปรเจค Android

โพสต์โดย rangsan » 26/05/2018 6:26 pm

การใช้ Firebase ทำในโปรเจค Android

ก่อนอื่นเราต้องทำความรู้จักกับ Firebase ก่อนว่า Firebase นั้นมันคืออะไรสามารถศึกษาได้ที่ กระทู้นี้

เมื่อเรารู้จักกับ Firebase แล้วเรามาลองใช้ Firebase ร่วมกับ Android กันครับ โดยการที่เราจะเพิ่ม Firebase ไปนั้นมันจะมีข้อกำหนดของการใช้งานอยู่ครับและข้อกำหนดของการใช้งานก็จะมีดังนี้
- รองรับ Android 4.0 (Ice cream Sandwich) เป็นต้นไป
- รองรับ dependency ของ Google Play Services 11.8.0 เป็นต้นไป
- พัฒนาด้วย Android Studio ตั้งแต่เวอร์ชัน 3.0.1 เป็นต้นไป

เมื่อเราผ่านข้อกำหนดทั้งหมดแล้วเราก็มาเริ่มทำการเพิม Firebase กันเลย
1. เข้าไปที่ลิ้งค์นี้ครับ https://console.firebase.google.com/

2. ทำการสร้างโปรเจคใหมให้กับ Firebase
CreateProject.png
CreateProject.png (115.99 KiB) เปิดดู 109 ครั้ง


3. ถัดไปก็จะเข้าสู่หน้าแรกของโปรเจค ให้กด Add Firebase to your Android app
Add_Firebase.png
Add_Firebase.png (116.46 KiB) เปิดดู 109 ครั้ง


4. จะเจอ ขั้นตอนที่ 1 ให้กรอกรายละเอียดของแอพ โดยจะต้องกรอก Package name ของแอพลงไป ส่วน Debug signing certificate SHA-1 จะใส่หรือไม่ก็ได้(Optional)
step1.png
step1.png (92.99 KiB) เปิดดู 109 ครั้ง


5. หลังจากกรอกชื่อ Package name แล้วกดปุ่ม ADD APP จะไปสู่ ขั้นตอนที่ 2 ซึ่งในขั้นตอนนี้เราจะได้ไฟล์ google-services.json มาให้เรา copy ไฟล์ไปวางในโฟลเดอร์ app ของ Project (เปลี่ยนวิวเป็นแบบ Project เพื่อให้เห็น Directory ทั้งหมด) ใน Android Studio
step2.png
step2.png (152.91 KiB) เปิดดู 109 ครั้ง


เสร็จแล้วกด CONTINUE ก็จะมาถึง ขั้นตอนที่ 3ขั้นตอนนี้เราจะเพิ่ม code เพื่อใช้งาน Google services plugin

1. build.gradle ใน project-level

โค้ด: เลือกทั้งหมด

buildscript {
  dependencies {
    // Add this line
    classpath 'com.google.gms:google-services:3.2.0'
  }
}


2. build.gradle ใน app-level

โค้ด: เลือกทั้งหมด

// Add to the bottom of the file
apply plugin: 'com.google.gms.google-services'


เมื่อเพิ่มเรียบร้อยแล้วก็กด Sync ใน Android Studio ได้เลย ถ้าไม่มี Error ขึ้นมาก็สามารถใช้งานได้นั่นเอง
ภาพตัวอย่าง
config.png
config.png (135.55 KiB) เปิดดู 109 ครั้ง


สำหรับหน้าขั้นตอนที่ 3 ก็กดปุ่ม FINISH ไป แอพของเราก็จะถูกเพิ่มใน Firebase เรียบร้อยเช่นกัน

Finish.png
Finish.png (116.43 KiB) เปิดดู 109 ครั้ง


เท่านี้ก็ทำให้โปรเจคของ Android เรานั้นมี Firebase เพื่อใช้งานแล้วครับ

อ้างอิง : medium.com
It’s never too late to start again.

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 4 และ บุคคลทั่วไป 0 ท่าน