Bringing Firebase Admin SDK to your server - DevFest x BizFest Cebu 2018

Transcript

1. Bringing Firebase Admin SDK to your server Henry Lim @henrylim96
2. Kamusta! Ako diay si Henry #DevFest18
3. #DevFest18
4. #DevFest18
5. #DevFest18 Firebase by Platform • Android • iOS • Web • Flutter • And more ...
6. #DevFest18
7. #DevFest18 Firebase Admin SDK
8. #DevFest18 Firebase has got you covered Firebase provides a suite of SDKs, called Admin SDKs, for developing back-end software that interact with Firebase.
9. #DevFest18 Firebase Admin SDKs Access Firebase from … • Servers owned or managed by app developers • Cloud IaaS and PaaS environments • Serverless platforms
10. #DevFest18 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 ✓ ✓ ✓ ✓
12. #DevFest18
13. #DevFest18 Introducing Fire Lechon
14. #DevFest18
15. #DevFest18
16. #DevFest18
17. #DevFest18 Adding the Firebase Admin SDK
18. // Download the SDK (NPM)
 
 npm install firebase-admin --save #DevFest18
19. #DevFest18 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'
 }); #DevFest18
21. #DevFest18
22. #DevFest18
23. // Initialize the SDK // Cloud Functions for Firebase
 
 const functions = require('firebase-functions');
 const admin = require('firebase-admin');
 
 admin.initializeApp(functions.config().firebase); #DevFest18
24. #DevFest18 A custom permissions model We want to define two classes of users - admin and regular users.
25. #DevFest18 Control Access with Custom Claims and Security Rules
26. // Firebase Realtime Database Rules
 
 {
 "rules": {
 "items": {
 ".read": true,
 ".write": "auth.token.admin === true",
 }
 }
 } #DevFest18
27. #DevFest18
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);
 })
 }); #DevFest18
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);
 })
 }) #DevFest18
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);
 })
 }) #DevFest18
31. // Firebase Realtime Database Rules
 
 {
 "rules": {
 "items": {
 ".read": true,
 ".write": "auth.token.admin === true",
 }
 }
 } #DevFest18
32. #DevFest18
33. #DevFest18 Send Messages to Topics
34. #DevFest18
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);
 });
 });
 #DevFest18
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);
 });
 });
 #DevFest18
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 FireLechon’,
 body: `We just added "${data.name}" to our collection. Enjoy!`
 }
 }
 return admin.messaging().send(msg)
 .then((resp) => {
 return resp;
 })
 .catch(() => {})
 }) #DevFest18
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 FireLechon’,
 body: `We just added "${data.name}" to our collection. Enjoy!`
 }
 }
 return admin.messaging().send(msg)
 .then((resp) => {
 return resp;
 })
 .catch(() => {})
 }) #DevFest18
39. #DevFest18
40. #DevFest18 What else you can do with Firebase Admin SDK
41. #DevFest18
42. #DevFest18
43. #DevFest18
44. Thank You Henry Lim @henrylim96