Bringing Firebase Admin SDK to your server - Firebase Dev Day Thailand 2018

1. October 7th, 2018 at Glowfish Sathorn Bringing Firebase Admin SDK to your server Henry Lim @henrylim96
2. #FirebaseDevDay สวัสดี ครับ, ผมชื่อ เฮนรี่ ลิม
3. #FirebaseDevDay
5. #FirebaseDevDay Firebase by Platform • Android • iOS • Web • Flutter • And more ...
7. #FirebaseDevDay Firebase Admin SDK
8. #FirebaseDevDay Firebase has got you covered Firebase provides a suite of SDKs, called Admin SDKs, for developing back-end software that interact with Firebase.
9. #FirebaseDevDay Firebase Admin SDKs Access Firebase from … • Servers owned or managed by app developers • Cloud IaaS and PaaS environments • Serverless platforms
10. #FirebaseDevDay What can you do with Firebase Admin SDK
11. Firebase Admin SDK Features Feature Node.js Java Python Go C# Custom Token Minting ✓ ✓ ✓ ✓ ✓ ID Token Verification ✓ ✓ ✓ ✓ ✓ User Management ✓ ✓ ✓ ✓ Control Access With Custom Claims ✓ ✓ ✓ ✓ Refresh Token Revocation ✓ ✓ ✓ ✓ Import Users ✓ ✓ ✓ ✓ Session Cookie Management ✓ ✓ ✓ Realtime Database ✓ ✓ ✓ ✓ Cloud Messaging ✓ ✓ ✓ ✓ Manage Topic Subscriptions ✓ ✓ ✓ ✓ Cloud Storage ✓ ✓ ✓ ✓ Cloud Firestore ✓ ✓ ✓ ✓
13. #FirebaseDevDay Introducing Fire Tomyam firetomyam.firebaseapp.com
14. #FirebaseDevDay
15. #FirebaseDevDay
16. #FirebaseDevDay
17. #FirebaseDevDay Add the Firebase Admin SDK
18. // Download the SDK (NPM) npm install firebase-admin --save
19. #FirebaseDevDay Initialize the Firebase Admin SDK
20. // Initialize the SDK const admin = require('firebase-admin'); const serviceAccount = require('path/to/serviceAccountKey.json'); admin.initializeApp({ credential: admin.credential.cert(serviceAccount), databaseURL: 'https://<DATABASE_NAME>.firebaseio.com' });
22. #FirebaseDevDay
23. // Initialize the SDK // Cloud Functions for Firebase const functions = require('firebase-functions'); const admin = require('firebase-admin'); admin.initializeApp(functions.config().firebase);
24. #FirebaseDevDay A custom permissions model We want to define two classes of users - admin and regular users.
25. #FirebaseDevDay Control Access with Custom Claims and Security Rules
26. // Firebase Realtime Database Rules { "rules": { "items": { ".read": true, ".write": "auth.token.admin === true", } } }
27. #FirebaseDevDay
28. document.querySelector('.form').addEventListener('submit', event => { event.preventDefault(); database.ref('admin').push(document.querySelector('.form #email').value) .then(() => { alert('Added successfully!'); window.location.replace('/'); }) .catch(error => { alert(error); }) });
29. exports.newAdmin = functions.database.ref(`admin/{email}`) .onCreate((snapshot, context) => { const email = context.params.email; admin.auth().getUserByEmail(email) .then(userRecord => { return userRecord.uid; }) .then(uid => { return admin.auth().setCustomUserClaims(uid, {admin: true}); }) .catch(error => { console.log(error); }) })
30. exports.newAdmin = functions.database.ref(`admin/{email}`) .onCreate((snapshot, context) => { const email = context.params.email; admin.auth().getUserByEmail(email) .then(userRecord => { return userRecord.uid; }) .then(uid => { return admin.auth().setCustomUserClaims(uid, {admin: true}); }) .catch(error => { console.log(error); }) })
31. // Firebase Realtime Database Rules { "rules": { "items": { ".read": true, ".write": "auth.token.admin === true", } } }
32. #FirebaseDevDay
33. #FirebaseDevDay Send Messages to Topics
34. #FirebaseDevDay
35. var messaging = firebase.messaging(); var database = firebase.database(); if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/firebase-messaging-sw.js') .then((registration) => { messaging.useServiceWorker(registration); }) .then(() => { return messaging.requestPermission(); }) .then(() => { return messaging.getToken(); }) .then((token) => { database.ref('notification/' + token).set(true); }) .catch((err) => { console.log('ServiceWorker registration failed: ', err); }); }); };
36. var messaging = firebase.messaging(); var database = firebase.database(); if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/firebase-messaging-sw.js') .then((registration) => { messaging.useServiceWorker(registration); }) .then(() => { return messaging.requestPermission(); }) .then(() => { return messaging.getToken(); }) .then((token) => { database.ref('notification/' + token).set(true); }) .catch((err) => { console.log('ServiceWorker registration failed: ', err); }); }); };
37. exports.sendNotification = functions.database.ref(`items/{itemId}`) .onCreate((snapshot, context) => { const data = snapshot.val(); const msg = admin.messaging.Message = { topic: 'new-restaurant', notification: { title: 'New Restaurant in FireTomyam', body: `We just added "${data.name}" to our collection. Enjoy!` } } return admin.messaging().send(msg) .then((resp) => { return resp; }) .catch(() => {}) })
38. exports.sendNotification = functions.database.ref(`items/{itemId}`) .onCreate((snapshot, context) => { const data = snapshot.val(); const msg = admin.messaging.Message = { topic: 'new-restaurant', notification: { title: 'New Restaurant in FireTomyam', body: `We just added "${data.name}" to our collection. Enjoy!` } } return admin.messaging().send(msg) .then((resp) => { return resp; }) .catch(() => {}) })
39. #FirebaseDevDay
40. #FirebaseDevDay What else you can do with Firebase Admin SDK
41. #FirebaseDevDay
42. #FirebaseDevDay
43. Thank You! #FirebaseDevDay Helpful resources fb.com/FirebaseThailand fb.com/groups/FirebaseDevTH medium.com/FirebaseThailand Henry Lim @henrylim96