Slide 1

Slide 1 text

Firebase Cloud Messaging: Intro to Topic Notification Wahyu Ivan Software Engineer, Taksu Tech

Slide 2

Slide 2 text

Hello, i’m Wahyu! ● Udayana University : Information Technology (2018-2022) Education Experiences ● 2020 - Present: Freelance SWE ● 2022 - 2023: QA Engineer (Djoin) ● 2023 - Present: SWE (Taksu Tech)

Slide 3

Slide 3 text

Anyone here already know about ?

Slide 4

Slide 4 text

What Firebase Offer to Us:

Slide 5

Slide 5 text

What is Firebase Cloud Messaging?

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

How FCM Works

Slide 8

Slide 8 text

What Problem Does The FCM Solve? 1. Real-time Messaging 2. Cross-platform Messaging 3. Scalability 4. User Engagement 5. Reliability and Delivery Assurance 6. Simplified Integration

Slide 9

Slide 9 text

Introduction to Topic Notification

Slide 10

Slide 10 text

How Topic Notification Works

Slide 11

Slide 11 text

Benefits of using Topic Notification 1. Targeted Broadcast Communication 2. Optimized Notification Delivery 3. Flexibility in Message Distribution 4. Content Relevance 5. Enhanced Analytics and Insights

Slide 12

Slide 12 text

Topic Notification Business Use Case Example 1. Segmented Audience Targeting 2. Time-Sensitive Announcements 3. Product Launch Notifications 4. Event Updates and Reminders etc

Slide 13

Slide 13 text

Implement and Integrating Topic Notification *this is gonna be a bit technical

Slide 14

Slide 14 text

+ + +

Slide 15

Slide 15 text

+ + + As our backend to: 1. Communicate with Firebase to send notification data 2. Provide API for front-end mobile app As our mobile front-end to: 1. Receive and showing notification data from Firebase 2. Consume API data from backend

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Firebase Console Project Setup for Backend

Slide 18

Slide 18 text

Firebase Console Project Setup for Backend

Slide 19

Slide 19 text

Firebase Console Project Setup for Backend

Slide 20

Slide 20 text

Firebase Console Project Setup for Mobile

Slide 21

Slide 21 text

Firebase Console Project Setup for Mobile

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Laravel Setup and Integration

Slide 24

Slide 24 text

Laravel Setup and Integration

Slide 25

Slide 25 text

Laravel Setup and Integration

Slide 26

Slide 26 text

+

Slide 27

Slide 27 text

Front End Mobile Setup and Integration Tools > Firebase > Cloud Messaging

Slide 28

Slide 28 text

Front End Mobile Setup and Integration

Slide 29

Slide 29 text

Front End Mobile Setup and Integration

Slide 30

Slide 30 text

Front End Mobile Setup and Integration

Slide 31

Slide 31 text

Front End Mobile Setup and Integration

Slide 32

Slide 32 text

Front End Mobile Setup and Integration

Slide 33

Slide 33 text

Front End Mobile Setup and Integration

Slide 34

Slide 34 text

Demo

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

https://medium.com/@wahyuivan

Slide 37

Slide 37 text

That’s it, Thank You! why.u9 @ivanwahyu195 wahyuivan