No video :(

React Native Push Notifications with Expo and Edge Functions

Подписаться 31 тыс.

Просмотров 16 тыс.

50% 1

‪@ExpoDevelopers‬ makes implementing push notifications easy. All the hassle with device information and communicating with Firebase Cloud Messaging (FCM) or Apple Push Notification Service (APNs) is done behind the scenes. This allows you to treat Android and iOS notifications in the same way and save time both on the front-end and back-end.
- Read the docs: supabase.com/d...
- Find the code: github.com/sup...
- React Native Authentication blog post: supabase.com/b...
🎙️ Presented by Thor Schaeff (@thorwebdev go.thor.bio/x)
Chapters
00:00 Intro
00:25 Expo Push API
00:55 Expo User Management Quickstart Recap
02:55 Add React Native Push Notification Handlers
06:18 Build iOS App with EAS build
07:34 Create a new Expo.dev project
08:45 Register physical iOS device with EAS build
10:30 Build the iOS app with Expo EAS
15:13 Safe ExpoPush token to Database
19:00 Create a new Supabase Edge Function
19:34 Configure vscode for Deno usage
21:00 Send Expo Push Notifications from Edge Functions

Опубликовано:

15 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@Supabase 8 месяцев назад

Thanks for watching \o/ Make sure to also read the docs: supabase.com/docs/guides/functions/examples/push-notifications?YRbYG77M_o and find the code: github.com/supabase/supabase/tree/master/examples/user-management/expo-push-notifications

@bradley740 9 месяцев назад

I was literally just trying to use the node sdk just the other day for expo push notifications and gave up with the assumption that it wasn’t compatible with Deno. Good to know!

@ExpoDevelopers 9 месяцев назад

Great tutorial Thor!

@reeeeeevo 5 месяцев назад

You make it look so easy

@kwesikayofficial3078 9 месяцев назад

I love react native, great video

@JonOvereem 2 месяца назад

Thank you for the clear explanation!

@tarteenpions6460 Месяц назад

Hi, This setup assumes my iOS is built using Expo right ? Can i still use Expo Push notifications features with my iOS (& Android) app built natively (or built with KMP) ? How to then handle the device APNs token being registered with Expo's service ? Or is that not possible? Cheers

@MrVicmg11 6 месяцев назад

great video! I have been looking a way to send a background notification from the server. let's say a number and this number should appear in the app icon as a number. Like facebook when you have an alert the number of alerts show in the right hand corner.

@mithuna5009 2 месяца назад

On notification click app getting crashes, works fine in expo go but in development client it crashed without any error or I see no logs can you help

@user-nl8zl9ge9s 6 месяцев назад

I saw this for iOS applications, can this method also be applied to Android applications?, thank you

@kpopcat_official 7 месяцев назад

does anyone have a best practice for how to use the push component, should we change it to a hook?

@darwin5308 7 месяцев назад

I am suing react native expo and using FCm notification is working for few minutes after registering a token sometime it’s working for day I don’t know what happening there any know solution thank you

@bradley740 7 месяцев назад

Is it possible to use expo-server-sdk now that edge functions supposedly have Node and native npm compatibility?

@gan811101 8 месяцев назад

Does this work for PWA push notifications as well?

@fpgghos 7 месяцев назад

only works for expo?

@blimatech 7 месяцев назад

Thanks for sharing! What's your vscode theme?

@lukasthsl 2 месяца назад

looks like "Night Owl"

@vigormortishs 7 месяцев назад

It will be discontinued by summer, isnt better to just go FCM and APN?

@paul_e123 2 месяца назад

How do you know it will be discontinued?

@stills2359 Месяц назад

we are now in july and everything works as expected what are you yapping about

@allanandliftedhands2669 9 месяцев назад

Can I do this with android studio?

@Supabase 9 месяцев назад

Are you building with Expo? If so, yes. If not, no, this service is specifically for Expo applications. For Android applications you would call FCM directly, e.g. firebase.google.com/docs/cloud-messaging/android/client

@filippobrigati1219 9 месяцев назад

it is possible using flutter?

@Supabase 9 месяцев назад

For Flutter, the easiest way to setup push notification would to use Firebase Cloud Messaging. The idea is the same, you obtain an FCM token, store it on Supabase database, and trigger a push notification from an edge function. firebase.google.com/docs/cloud-messaging/flutter/client

@filippobrigati1219 9 месяцев назад

@@Supabase thank you so much 👌🏻