Firebase Dev Day Bangkok: Keynote
•Download as PPTX, PDF•
0 likes•624 views
The document appears to be a presentation about Firebase given by Sittiphol Phanvilai at a Firebase Dev Day event. It introduces Firebase and its key features like realtime database, authentication, hosting, storage, cloud messaging and remote config. It provides examples of how to use these features in code. It also discusses how Firebase can help reduce development costs and time to market by eliminating the need to manage backend servers.
Report
Share
Firebase Dev Day Bangkok: Keynote
- 1. Sittiphol Phanvilai GDE Android CEO, Cheese Factory #FirebaseDevDay Keynote Firebase Dev Day Sittiphol Phanvilai Android GDE CEO & Founder, The Cheese Factory Co., Ltd.
- 2. #FirebaseDevDay “ Firebase Dev Day ,, Welcome to
- 5. #FirebaseDevDay Let’s start with an user’s behavior nowadays
- 10. #FirebaseDevDay Setting up Server • Create Server Instances • Set up Scalable Server Stack • Set up Deployment Method • Set up an Auto-scaling • Set up an Automated Backups • Install Cert to enable HTTPS • etc.
- 11. #FirebaseDevDay Implementing Server Side Code • Develop Web Site • Develop APIs to Interface with Mobile App • Make them secure
- 14. #FirebaseDevDay
- 15. #FirebaseDevDay Setting up Server • Create Server Instances • Set up Scalable Server Stack • Set up Deployment Method • Set up an Auto-scaling • Set up an Automated Backups • Install Cert to enable HTTPS • etc.
- 16. #FirebaseDevDay Implementing Server Side Code • Develop Web Site • Develop APIs for Mobile App • Make them secure
- 20. #FirebaseDevDay Architecture Android iOS Database Hosting Storage Authentication SDK for Android SDK for iOS
- 21. #FirebaseDevDay Firebase is hosted on Google Cloud Architecture.
- 22. #FirebaseDevDay Setting up Server • Create Server Instances • Set up Scalable Server Stack • Set up Deployment Method • Set up an Auto-scaling • Set up an Automated Backups • Install Cert to enable HTTPS • etc.
- 23. #FirebaseDevDay Implementing Server Side Code • Develop Web Site • Develop APIs to Interface with Mobile App • Make them secure
- 24. #FirebaseDevDay Architecture Android iOS Database Hosting Storage Authentication SDK for Android SDK for iOS
- 25. #FirebaseDevDay With Firebase • Compacted Size Development Team • Fast Product Delivering • Reduced Budget • Scalable
- 26. #FirebaseDevDay Architecture Android iOS Database Hosting Storage Authentication SDK for Android SDK for iOS
- 30. #FirebaseDevDay
- 32. #FirebaseDevDay DEVELOP GROW EARN Backend Services Realtime Database Authentication Hosting Storage Cloud Messaging Remote Config App Quality Services Test Lab for Android Crash Reporting Acquisition Dynamic Links Invites AdWords Re-Engagement Notifications App Indexing In-app Ads AdMob Analytics
- 35. #FirebaseDevDay
- 36. #FirebaseDevDay Authentication • Register / Login with • Email + Password • Google • Facebook • Twitter • GitHub • Email address verification • Password reset
- 37. #FirebaseDevDay Authentication var auth = firebase.auth()
- 38. #FirebaseDevDay Creating User firebase.auth() .createUserWithEmailAndPassword(email, password) .then((authData) => { }) .catch((error) => { // Handle Errors here. var errorCode = error.code; var errorMessage = error.message; // ... });
- 39. #FirebaseDevDay Signing In firebase.auth() .signInWithEmailAndPassword(email, password) .then((authData) => { }) .catch((error) => { // Handle Errors here. var errorCode = error.code; var errorMessage = error.message; // ... });
- 40. #FirebaseDevDay Signing Out firebase.auth() .signOut() .then(() => { // Sign-out successful. }, (error) => { // An error happened. });
- 41. #FirebaseDevDay Facebook Login var provider = new firebase.auth.FacebookAuthProvider(); provider.addScope(‘user_birthday’); provider.setCustomParameters({ ‘display’: ‘popup’ }); firebase.auth() .signInWithPopup(provider) .then((result) => { var token = result.credential.accessToken; var user = result.user; }, (error) => { // Handle Errors here. });
- 42. #FirebaseDevDay Custom Auth Service • Easily integrate your custom authentication service using JWT. firebase.auth() .signInWithCustomToken(jwtToken) .then((authData) => { }) .catch((error) => { // Handle Errors here. });
- 43. #FirebaseDevDay Realtime Database • Cloud-hosted NoSQL database • Synchronization & conflict resolution • Access directly from your app
- 45. #FirebaseDevDay Realtime Database var database = firebase.database()
- 46. #FirebaseDevDay Writing Data var ref = firebase.database() .ref(‘lives/live-nuuneoi-com/name’); ref.set(‘wahahahaha’);
- 47. #FirebaseDevDay Writing Data var ref = firebase.database() .ref(‘lives/live-nuuneoi-com/info’); ref.set({ username: “nuuneoi”, gender: “male” });
- 48. #FirebaseDevDay Child Events Listening var ref = firebase.database() .ref(‘lives/live-nuuneoi-com/info’); ref.on(‘child_added’, (data) => { }); ref.on(‘child_changed’, (data) => { }); ref.on(‘child_removed’, (data) => { });
- 49. #FirebaseDevDay Realtime means Realtime [Some Live Demo]
- 51. #FirebaseDevDay Storage • Easy file storage • Handles poor connectivity • Backed by & accessible from Google Cloud Storage
- 52. #FirebaseDevDay Storage var storageRef = firebase.database().ref();
- 53. #FirebaseDevDay Uploading a File var storageRef = firebase.database().ref(); var fileRef = storageRef.child(‘/files/hello.jpg’);
- 54. #FirebaseDevDay Uploading a File var storageRef = firebase.database().ref(); var fileRef = storageRef.child(‘/files/hello.jpg’); fileRef.put(file, metadata) .then((snapshot) => { // Upload successful. }) .catch((error) => { });
- 55. #FirebaseDevDay Downloading a File fileRef.getDownloadURL() .then((url) => { // Insert url into an <img> tag // or download directly from url // with XMLHttpRequest }) .catch((error) => { });
- 56. #FirebaseDevDay Hosting • Serve static assets • SSL by default
- 57. #FirebaseDevDay Deployment Install the Firebase CLI npm install –g firebase-tools Initialize your app $ firebase init Add a file Deploy your website $ firebase deploy
- 58. #FirebaseDevDay DEVELOP GROW EARN Backend Services Realtime Database Authentication Hosting Storage Cloud Messaging
- 59. #FirebaseDevDay
- 60. #FirebaseDevDay DEVELOP GROW EARN Backend Services Realtime Database Authentication Hosting Storage Cloud Messaging Remote Config
- 61. #FirebaseDevDay Remote Config Make changes to your app's default behavior and appearance by changing server-side parameter values.
- 62. #FirebaseDevDay DEVELOP GROW EARN Backend Services Realtime Database Authentication Hosting Storage Cloud Messaging Remote Config App Quality Services Test Lab for Android
- 63. #FirebaseDevDay
- 64. #FirebaseDevDay
- 65. #FirebaseDevDay
- 66. #FirebaseDevDay DEVELOP GROW EARN Backend Services Realtime Database Authentication Hosting Storage Cloud Messaging Remote Config App Quality Services Test Lab for Android Crash Reporting
- 67. #FirebaseDevDay
- 68. #FirebaseDevDay DEVELOP GROW EARN Backend Services Realtime Database Authentication Hosting Storage Cloud Messaging Remote Config App Quality Services Test Lab for Android Crash Reporting Acquisition Dynamic Links Invites AdWords Re-Engagement Notifications App Indexing In-app Ads AdMob Analytics
- 69. #FirebaseDevDay
- 70. #FirebaseDevDay
- 71. #FirebaseDevDay
- 74. #FirebaseDevDay
- 75. #FirebaseDevDay
- 76. #FirebaseDevDay 10 hours coding on plane w/o internet
- 78. #FirebaseDevDay Code Battle 16:00 – 16:45
- 79. #FirebaseDevDay
- 81. #FirebaseDevDay Will it last long? The Last Question
- 82. Thank You! #FirebaseDevDay Sittiphol Phanvilai Android GDE CEO & Founder, The Cheese Factory Co., Ltd. Facebook Page: nuuneoi.com Twitter: @nuuneoi