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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: การใช้ Firebase ทำในโปรเจค Android

การใช้ 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) Viewed 4829 times
3. ถัดไปก็จะเข้าสู่หน้าแรกของโปรเจค ให้กด Add Firebase to your Android app
Add_Firebase.png
Add_Firebase.png (116.46 KiB) Viewed 4829 times
4. จะเจอ ขั้นตอนที่ 1 ให้กรอกรายละเอียดของแอพ โดยจะต้องกรอก Package name ของแอพลงไป ส่วน Debug signing certificate SHA-1 จะใส่หรือไม่ก็ได้(Optional)
step1.png
step1.png (92.99 KiB) Viewed 4829 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 4829 times
เสร็จแล้วกด 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) Viewed 4829 times
สำหรับหน้าขั้นตอนที่ 3 ก็กดปุ่ม FINISH ไป แอพของเราก็จะถูกเพิ่มใน Firebase เรียบร้อยเช่นกัน
Finish.png
Finish.png (116.43 KiB) Viewed 4829 times
เท่านี้ก็ทำให้โปรเจคของ Android เรานั้นมี Firebase เพื่อใช้งานแล้วครับ

อ้างอิง : medium.com

ข้างบน