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

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

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

Post Reply
rangsan
PHP Hero Member
PHP Hero Member
Posts: 199
Joined: 30/04/2018 9:44 am

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

Post by 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) Viewed 2762 times
3. ถัดไปก็จะเข้าสู่หน้าแรกของโปรเจค ให้กด Add Firebase to your Android app
Add_Firebase.png
Add_Firebase.png (116.46 KiB) Viewed 2762 times
4. จะเจอ ขั้นตอนที่ 1 ให้กรอกรายละเอียดของแอพ โดยจะต้องกรอก Package name ของแอพลงไป ส่วน Debug signing certificate SHA-1 จะใส่หรือไม่ก็ได้(Optional)
step1.png
step1.png (92.99 KiB) Viewed 2762 times
5. หลังจากกรอกชื่อ Package name แล้วกดปุ่ม ADD APP จะไปสู่ ขั้นตอนที่ 2 ซึ่งในขั้นตอนนี้เราจะได้ไฟล์ google-services.json มาให้เรา copy ไฟล์ไปวางในโฟลเดอร์ app ของ Project (เปลี่ยนวิวเป็นแบบ Project เพื่อให้เห็น Directory ทั้งหมด) ใน Android Studio
step2.png
step2.png (152.91 KiB) Viewed 2762 times
เสร็จแล้วกด CONTINUE ก็จะมาถึง ขั้นตอนที่ 3ขั้นตอนนี้เราจะเพิ่ม code เพื่อใช้งาน Google services plugin

1. build.gradle ใน project-level

Code: Select all

buildscript {
  dependencies {
    // Add this line
    classpath 'com.google.gms:google-services:3.2.0'
  }
}
2. build.gradle ใน app-level

Code: Select all

// 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) Viewed 2762 times
สำหรับหน้าขั้นตอนที่ 3 ก็กดปุ่ม FINISH ไป แอพของเราก็จะถูกเพิ่มใน Firebase เรียบร้อยเช่นกัน
Finish.png
Finish.png (116.43 KiB) Viewed 2762 times
เท่านี้ก็ทำให้โปรเจคของ Android เรานั้นมี Firebase เพื่อใช้งานแล้วครับ

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

Post Reply

Return to “Mobile Application Developing- Android, iOS”

Users browsing this forum: No registered users and 1 guest