Site icon บริษัท โค๊ดบี จำกัด

Firebase คืออะไร เริ่มต้นใช้งาน Firebase SDK ใน Unity3D

codebee
firebase-คืออะไร

firebase-คืออะไร

<h2>Firebase คืออะไร เริ่มต้นใช้งาน Firebase SDK ใน Unity3D<&sol;h2>&NewLine;<p><&sol;br><br &sol;>&NewLine;<strong>Firebase คืออะไร เริ่มต้นใช้งาน Firebase SDK ใน Unity3D<&sol;strong><&sol;p>&NewLine;<p>Firebase คือระบบโครงสร้างพื้นฐานที่จำเป็นสำหรับการพัฒนาแอพพลิเคชั่น โดยที่ตัว Firebase เองถูกออกแบบมาให้สามารถทำงานได้ในหลากหลาย Platform ทั้ง Web Application&comma; Mobile Appslication ที่สามารถใช้งานได้ทั้งในระบบปฏิบัติการ iOS และระบบปฏิบัติการ Android <&excl;--more--><&sol;p>&NewLine;<p><&sol;br><br &sol;>&NewLine;โดยทั่วไปแล้ว โครงสร้างพื้นฐานที่จำเป็นในการพัฒนาแอพพลิเคชั่น &lpar; Application Infrastructure &rpar; จำเป็นจะต้องมีอะไร Firebase ถูกออกแบบมาเพื่อสิ่งนั้น และเตรียมโครงสร้างนั้นให้นักพัฒนาสามารถนำไปใช้งานโดยไม่ต้องพัฒนาโครงสร้างนั้น ๆ ขึ้นมาใหม่ทุกครั้ง ตัวอย่าง เช่น Analytics เก็บสถิติ&comma; Authentication ยืนยันตัวตน&comma; Realtime Database เก็บข้อมูลแบบเรียลไทม์&comma; Cloud Messaging สำหรับการส่งข้อความ และอื่น ๆ อีกมากกมาย เหล่านี้ล้วนเป็นโครงสร้างพื้นฐานที่จำเป็นในการพัฒนาแอพพลิเคชั่น หากต้องพัฒนาขึ้นมาใหม่ทั้งหมด จำเป็นต้องใช้เวลาในการพัฒนาที่มากขึ้น รวมไปถึงการพัฒนาต่อยอด ก็จะสามารถพัฒนาต่อยอดได้ง่าย<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-unity3d-engine&period;png" alt&equals;"firebase-unity3d-engine" &sol;><br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;เมื่อนำ Firebase ไปใช้งานในขั้นตอนของการพัฒนา จะถูกจัดอยู่ในรูปแบบชุดคำสั่งที่ใช้ในการพัฒนาซอฟต์แวร์หรือที่เรียกกันโดยทั่วไปว่า SDK &lpar; Software Development Kit &rpar;<br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>เริ่มต้นสร้างโปรเจค Firebase<&sol;h4>&NewLine;<p><&sol;br><br &sol;>&NewLine;ในบทความนี้จะทดสอบการทำงานฟีเจอร์สถิติการเข้าใช้งานแอพพลิเคชั่น โดยใช้ Firebase Analytics และสร้างแอพพลิเคชั่นสำหรับทดสอบ Mobile Apps ใน Unity3D Engine ระบบปฏิบัติการ Android และใช้ Unity3D Firebase SDK <&sol;p>&NewLine;<ul>&NewLine;<li>1&period; ไปที่ <a href&equals;"https&colon;&sol;&sol;console&period;firebase&period;google&period;com" target&equals;"&lowbar;blank">Firebase Console https&colon;&sol;&sol;console&period;firebase&period;google&period;com<&sol;a> สร้าง Firebase Project ตั้งชื่อว่า <strong>&&num;8220&semi;HelloFirebase&&num;8221&semi;<&sol;strong> <&sol;li>&NewLine;<li>2&period; คลิกที่ปุ่ม <strong>&&num;8220&semi;สร้างโครงการใหม่&&num;8221&semi;<&sol;strong> ถ้าใช้แบบฟรี เราจะสามารถสร้างโครงการได้ 5 โครงการเท่านั้น<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;สร้างโปรเจค-Firebase-0&period;png" alt&equals;"สร้างโปรเจค-Firebase" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>3&period; ตั้งชื่อแอพและใส่ Bundle ID ที่เราจะใช้ในการพัฒนาแอพพลิเคชั่นในตัวอย่างจะใช้ <strong>com&period;codebee&period;firebase<&sol;strong> จากนั้นคลิก <strong>&&num;8220&semi;เพิ่มแอป&&num;8221&semi;<&sol;strong><br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;สร้างโปรเจค-Firebase-1&period;png" alt&equals;"สร้างโปรเจค-Firebase" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>4&period; ดาวน์โหลดไฟล์ <strong>google-services&period;json<&sol;strong> สำหรับใช้ใน Android ถ้าเป็น iOS จะเป็นไฟล์ <strong>GoogleService-Info&period;plist<&sol;strong> จากนั้นคลิกปุ่ม <strong>&&num;8220&semi;ต่อไป&&num;8221&semi;<&sol;strong><br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;สร้างโปรเจค-Firebase-2&period;png" alt&equals;"สร้างโปรเจค-Firebase" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>5&period; ในขั้นตอนสุดท้าย จะเป็นการอธิบายการเพิ่ม gradle สำหรับโปรเจคใน Android Studio ให้กดปุ่ม <strong>&&num;8220&semi;เสร็จสิ้น&&num;8221&semi;<&sol;strong> ได้เลย เพราะในบทความนี้เป็นการพัฒนาแอพพลิเคชั่นจาก Unity3D Engine<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;สร้างโปรเจค-Firebase-4&period;png" alt&equals;"สร้างโปรเจค-Firebase" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<&sol;ul>&NewLine;<h4>เริ่มต้นสร้างโปรเจค Unity3D และติดตั้ง Firebase SDK<&sol;h4>&NewLine;<ul>&NewLine;<li>1&period; สร้างโปรเจค Unity ในแบบ 2D ตั้งชื่อว่า <strong>&&num;8220&semi;HelloFirebase&&num;8221&semi;<&sol;strong><br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-1&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>2&period; ดาวน์โหลด <a href&equals;"https&colon;&sol;&sol;firebase&period;google&period;com&sol;docs&sol;unity&sol;setup" target&equals;"&lowbar;blank">Firebase Unity3D SDK https&colon;&sol;&sol;firebase&period;google&period;com&sol;docs&sol;unity&sol;setup<&sol;a> และดับเบิลคลิกที่ไฟล์ <strong>&&num;8220&semi;FirebaseAnalytics&period;unitypackage&&num;8221&semi;<&sol;strong><br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-2&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>3&period; จะปรากฏหน้าต่างสำหรับการติดตั้ง Unity3D Package ให้คลิกที่ All และเลือก Import<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-3&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>4&period; หลังจากติดตั้ง <strong>&&num;8220&semi;FirebaseAnalytics&period;unitypackage&&num;8221&semi;<&sol;strong> เรียบร้อยแล้วให้ไปที่เมนู File -> Build Setting และเลือก Platform เป็น Android คลิกที <strong>&&num;8220&semi;Player Setting&&num;8221&semi;<&sol;strong><br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-5&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>5&period; ในหน้าต่าง Inspector ของ <strong>&&num;8220&semi;Player Setting&&num;8221&semi;<&sol;strong> ให้พิมพ์ Bundle ID ให้ตรงกับที่เราเคยสร้างไว้ใน Firebase Console คือ <strong>&&num;8220&semi;com&period;codebee&period;firebase&&num;8221&semi;<&sol;strong><br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-6&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>6&period; ในหน้าต่าง Hierarchy สร้าง Empty Object ตั้งชื่อว่า &&num;8220&semi;AppsController&&num;8221&semi; จากนั้นในหน้าต่าง Project Assets สร้างไฟล์ C&num; Script ตั้งชื่อว่า AppsController&period;cs ลากไฟล์ไปวางไว้ใน AppsController ดับเบิ้ลคลิกไฟล์ AppsController&period;cs และเขียนคำสั่งสำหรับทดสอบการทำงานดังนี้&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " > &NewLine;using UnityEngine&semi; &NewLine;using System&period;Collections&semi; &NewLine; &NewLine;public class AppsController &colon; MonoBehaviour &lbrace; &NewLine;&Tab;void Start &lpar;&rpar; &lbrace; &NewLine;&Tab;&Tab;Firebase&period;Analytics&period;FirebaseAnalytics&period;SetUserProperty&lpar;"viewer"&comma; "home"&rpar;&semi; &NewLine;&Tab;&rcub; &NewLine;&Tab;void Update &lpar;&rpar; &lbrace; &NewLine;&Tab; &NewLine;&Tab;&rcub; &NewLine;&rcub; &NewLine;<&sol;pre>&NewLine;<p><&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-7&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>7&period; ทดสอบการทำงานโดยการ export ไฟล์ &period;apk สำหรับการติดตั้ง โดยให้ไปที่เมนู File -> Build Setting -> Build เมื่อได้ไฟล์ HelloFirebase&period;apk มาแล้วให้ทดสอบโดยการติดตั้งแอพพลิเคชั่นลงมือถือ หรือเลือก Build and run กรณีที่เชื่อมต่ออุปกรณ์มือถือเข้ากับเครื่องคอมพิวเตอร์อยู่แล้ว<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-7&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<li>8&period; ไปที่ Firebase Console ตรวจสอบการทำงานของ Analytics ได้ที่เมนู Analytics -> StreamView ถ้าไม่มีอะไรผิดพลาดก็จะปรากฏรายละเอียดเหตุการณ์คือ &&num;8220&semi;viewer&&num;8221&semi; ในหน้า &&num;8220&semi;home&&num;8221&semi; ถูกส่งมาตามที่เราได้เขียนไว้ในข้อ 6 ดังรูปด้านล่าง<br &sol;>&NewLine;<&sol;br><br &sol;>&NewLine;<img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;firebase-คืออะไร-Unity3D-9&period;png" alt&equals;"firebase-คืออะไร" &sol;><br &sol;>&NewLine;<&sol;br>&NewLine;<&sol;li>&NewLine;<&sol;ul>&NewLine;<p><&sol;br><br &sol;>&NewLine;สำหรับ Firebase Analytics นั้น จะมี Event หลัก ๆ ที่เกิดขึ้นและถูกจัดเก็บข้อมูลแบบอัตโนมัติ สามารถดูรายการ Event ต่าง ๆ ได้จากหน้าเอกสารของ <a href&equals;"https&colon;&sol;&sol;support&period;google&period;com&sol;firebase&sol;answer&sol;6317485" target&equals;"&lowbar;blank">Firebase Support https&colon;&sol;&sol;support&period;google&period;com&sol;firebase&sol;answer&sol;6317485<&sol;a><br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;

Exit mobile version