why expo is so complicated and complex during the early stages of my learning React Native I thought the Cli was complicated but after watching this video my thoughts are changed
I couldn't change the notification icon, I spent a few hours worrying about how to do it, but I couldn't find how to change it in the expo, I managed to change the color of the displayed rectangle as described in but I couldn't change the icon, can you help me?
Much helpful Rohit, Thank you so much. A question, I think the expo notifications won't work in an emulator / simulator, right? just wanted to conform.
Hello, Friend! Thank you so much for your tutorial! I would like to ask you about how to use FCM without legacy mode? Would you be so kind to record a video clip with the new (HTTP v1 API)?
Instead of directly push notifications from Firebase, can we like do our own admin panel to push the notifications but still using Firebase? Is it possible to do that?
Yes, it is possible to create your own admin panel to push notifications while still using Firebase. You can use the Firebase Admin SDK or FCM app server protocols to build message requests and send them to various targets. You can also use the Notifications composer in the Firebase console to send notification messages. This method does not provide the same flexibility or scalability as sending messages with the Admin SDK or the HTTP and XMPP protocols, but it can be useful for testing or for highly targeted marketing and user engagement.
@@BugNinza no i am talking about the notification you sent at the end, you sent to a particular app by using token, what if i want to send to 1000 users?
Very nice video, it really helped me. How can the notification content be generated from a backend like nodejs, instead of typing the notification message manually?
You have to add permissions. And once your project starts working flawlessly in development build mode, it will work fine when downloaded from the Play Store.
I have question. 1. In Video you mentioned Expo Go wont work here and we need to go with the Developement Build. How it will work for production build. is there any different steps needs to follow. 2. In Video i can see you Sending the push notification manully by entering some text in FCM. But in real world scenario it wont work like that right. If i want to send the push notification automatically on certain button click on the app Let say on successful login i want to send push notification saying "Logging successful" , How should i achieve this
1. Because of our use of native code, we can't use the Expo Go app here. Sometimes, the app works fine in Expo Go, but throws issues when we publish it to production. Development builds are close to production builds, so you can use them to test your app locally. If you're planning to launch your app, I recommend using development builds. 2. This video is more about how to send push notifications from the server side. For example, if you want to notify users about an upcoming sale, this method is perfect. I will try to implement what you are saying and make a video about it soon. Stay tuned!
Thanks for the reply. Will wait for your video for #2@@BugNinza Also on #1 I tried to use the development build but it didnt worked. This is my configuration in eas.json "development": { "channel": "development", "android": { "buildType": "apk" } It worked for this but i dont think this is the correct way. Becuase on opening the app with the below config it shows enter url and all. "preview3": { "developmentClient": true },
I noticed the push notification only shows in the status bar and notification tray but there isn't any popup when the app is in the background or closed state, how do we get the app to show a popup?
Hi bro thanks for the tutorial. I have some issues. When i run the project this error pop up: "No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp()" how to i solved?
Hello, I have tried to build on IOS, but I get the following error: iOS build failed: Unknown error. See logs of the Install pods build phase for more information. In log of Expo: The Swift pod `FirebaseCoreInternal` depends upon `GoogleUtilities`, which does not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set `use_modular_headers!` globally in your Podfile, or specify `:modular_headers => true` for particular dependencies. Please , What needs to be configured in IOS?
hello sir, is it possible to do something like this, when a certain data is stored in the firebase can we trigger the push notification sending?? if so how can we do it?? in my case table1 has a column name alert and data are stored as high and low. when we store the alert as high I need to trigger the notification part.
For iOS you have to use APN. Now to test the push notifications remotely, I need an iOS device. But the admin of this channel is poor right now 😂. So, you have to wait a little bit
You cannot test your code in Expo Go. I mentioned this in the video. Please follow the video carefully to get the desired result. Let me know if you have any further questions.
@@BugNinza so since we rebuild now I can change and add pages to my project and can run the app in expo app normally great Also why did we add the code for iOS permission if on fire ase we made the app Android will still work that way ?
can u help me please Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.messaging(). Ensure you have: 1) imported the 'io.invertase.firebase.messaging.ReactNativeFirebaseMessagingPackage' module in your 'MainApplication.java' file. 2) Added the 'new ReactNativeFirebaseMessagingPackage()' line inside of the RN 'getPackages()' method list.
FCM is not currently available for expo-notifications on iOS. Read the official documentation: docs.expo.dev/push-notifications/using-fcm/#client-setup
[Unhandled promise rejection: Error: You attempted to use a firebase module that's not installed on your Android proje]t by calling firebase.app(). this error, any soution for that ? ....
@@BugNinza Thank you for this tutorial, but I have the same issue - Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app(). I installed all needed dependecies "@react-native-firebase/app": "^18.3.0", "@react-native-firebase/messaging": "^18.3.0", "firebase": "^10.1.0", but it still returns this Error. What could I do with that?
I solved that issue. The reason was I tried to launch the app in Expo Go without dev mode, however, I installed that dev-client. Initially, Expo Go does not support any custom plugins. So, don't do my mistake.
The command "eas credentials" is used in Expo to manage your app signing credentials.Expo automates the process of signing your app for Android and i0s, but in both cases, you can choose to provide your overrides.EAS Build can generate signed or unsigned applications, but to distribute your application through the stores, it must be a signed application .EAS can host your app signing credentials and take care of sharing them with teammates that have the necessary permissions
¡Sí! funcionará de la misma manera. Como los documentos de la exposición sugirieron tanto el método de compilación de desarrollo como el de vista previa del perfil. Me gustaría sugerirle que revise los documentos para obtener una mejor idea.
Bro you are sending message from firebase by clicking "send message". How to generate it automatically on app screen? E.g, A user has set a threshold value and if the value of the variable increases from the set threshold then the notification alert should be generated on App for it. Please help
In your React Native app, create a function that will be triggered when the user reaches the threshold value. This function should send a request to the FCM API to send a push notification to the user's device.
@@BugNinza I am new to react native kindly elaborate me. 1- I will need to create an input form and take value from the user, then pass that value to useState hook. 2- The create a function where I will compare the threshold value set by user with the value coming from real time db of firebase. If threshold value reaches it will Tigger an other function where I will send request to FCM API. 3- The notification message will be generated. Right ?
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: th-cam.com/channels/LTAVHeuoOyc4aFIA1o6Xyg.htmljoin
Update Tutorial (HTTP v1): th-cam.com/video/yCBecuxzUuU/w-d-xo.html
Thanks 🙏🙏,searched whole TH-cam not find the solution finally it's here.
I'm glad it helped. keep supporting
Nice, it worked for my standalone apk. Thanks! The docs was rather confusing in some parts.
That's why I'm here😉. I'm glad it worked
thanks but how can i custumize notification bg color or something like that brother?
This video is great like teaching you that how to create apps using docs and not dependent on AI. I like your video!
bhai but i can't enable the clod messaging this show error "Failed to load." what can I do
The first tutorial that I follow from start to finish and everything goes as in the video. Good work!!!
Glad it helped! Keep supporting
why expo is so complicated and complex during the early stages of my learning React Native I thought the Cli was complicated but after watching this video my thoughts are changed
Hi man, congratulation for the video, this is the only video that helped me, thank' you very much,
Glad it helped!! Keep supporting
Very informative and straight to the point, well done
Thanks! Keep Supporting
I couldn't change the notification icon, I spent a few hours worrying about how to do it, but I couldn't find how to change it in the expo, I managed to change the color of the displayed rectangle as described in but I couldn't change the icon, can you help me?
Can you please explain me why we need two SHA-1 keys?
Thanks for the video man, but how do I send notifications in production mode to all user at once using this method of fcm registration tokens
you need tokens to send notifications
how to show notification data in app when i click notification to get in app and the app not in backgroud running
I'll come up with a video soon. stay tuned!!
Was that your physical device or a simulator? If the device then how are you able to access it through your PC ?
No, I am not using any emulator. It's my physical device. You can do the same. check this: github.com/Genymobile/scrcpy
Much helpful Rohit, Thank you so much. A question, I think the expo notifications won't work in an emulator / simulator, right? just wanted to conform.
you are right
@@BugNinza thank you!
Is it necessary to install package first and create a build? Or can we create a build and then install packages??
Any changes in the app.json file? Build your app.
Hello, Friend! Thank you so much for your tutorial! I would like to ask you about how to use FCM without legacy mode? Would you be so kind to record a video clip with the new (HTTP v1 API)?
Sure, I will try!! Stay tuned
Man you're a live saver ❤❤
Haha..!! Keep supporting!
I can see the notifications in development mode only in my device,
How it works when someone downloaded from playstore,
why are you using the legacy firebase api? no one is using the v1 api and the legacy api is about to stop working as of june this year
I'll add a new video stay tuned
@@BugNinza Hola, ya lo subiste?
Instead of directly push notifications from Firebase, can we like do our own admin panel to push the notifications but still using Firebase? Is it possible to do that?
Yes, it is possible to create your own admin panel to push notifications while still using Firebase. You can use the Firebase Admin SDK or FCM app server protocols to build message requests and send them to various targets. You can also use the Notifications composer in the Firebase console to send notification messages. This method does not provide the same flexibility or scalability as sending messages with the Admin SDK or the HTTP and XMPP protocols, but it can be useful for testing or for highly targeted marketing and user engagement.
Bro but you only sent a test message and got token from console, but how do i send a notification to all the users who install my app
After app uninstall? 👀 How you gonna send any kinda notification without an app?
@@BugNinza no i am talking about the notification you sent at the end, you sent to a particular app by using token, what if i want to send to 1000 users?
i meant to say Install@@BugNinza
Very nice video, it really helped me. How can the notification content be generated from a backend like nodejs, instead of typing the notification message manually?
I'll try and update you.
Sir i want to ask after dev client installed, new libraries installing not working.
Every time you mess with the app.json, you have to rebuild the application
I can see the notifications in development mode only in my device,
How it works when someone downloaded from playstore,
You have to add permissions. And once your project starts working flawlessly in development build mode, it will work fine when downloaded from the Play Store.
ok Thank u for the reply and it works
@@BugNinza
Thank you so much. That was amazing tutorial. 100% working fine according to your instruction. You save my day bro!!!
Glad it helped!! Keep supporting
I have question.
1. In Video you mentioned Expo Go wont work here and we need to go with the Developement Build. How it will work for production build. is there any different steps needs to follow.
2. In Video i can see you Sending the push notification manully by entering some text in FCM. But in real world scenario it wont work like that right. If i want to send the push notification automatically on certain button click on the app Let say on successful login i want to send push notification saying "Logging successful" , How should i achieve this
1. Because of our use of native code, we can't use the Expo Go app here. Sometimes, the app works fine in Expo Go, but throws issues when we publish it to production. Development builds are close to production builds, so you can use them to test your app locally. If you're planning to launch your app, I recommend using development builds.
2. This video is more about how to send push notifications from the server side. For example, if you want to notify users about an upcoming sale, this method is perfect. I will try to implement what you are saying and make a video about it soon. Stay tuned!
Thanks for the reply. Will wait for your video for #2@@BugNinza
Also on #1 I tried to use the development build but it didnt worked.
This is my configuration in eas.json
"development": {
"channel": "development",
"android": {
"buildType": "apk"
}
It worked for this but i dont think this is the correct way. Becuase on opening the app with the below config it shows enter url and all.
"preview3": {
"developmentClient": true
},
How to do after i build app ，not need to put the expo QR code again
scan the build QR with phone's camera or any other QR code scanner.. and the server running QR with expo go app
Expo cli wants to initiate git in my project - would you pls help me about that?
Install git.
Hello sir, my app is not opening when i click on notification. can you please tell me why this behavior happening
You have to write code for that
wow, you are a life saver,
Hihi.. keep supporting 🙌
A better addition can also be a button to mute notifications. But overall a pretty clean presentation
Thanks for the tip
How could I push the notification instead of using the firebase console, using a web application, like react js?
Visit this: th-cam.com/video/X5kjfW1rfig/w-d-xo.html
m getting this error The expected package.json path: \expo-dev-client\package.json does not exist
Reset your project.
thank you very much for you video brother! i really appreciated
I noticed the push notification only shows in the status bar and notification tray but there isn't any popup when the app is in the background or closed state, how do we get the app to show a popup?
Follow the official docs.
rnfirebase.io/messaging/notifications
@@BugNinza Thank you, would check it out.
Hi bro thanks for the tutorial. I have some issues. When i run the project this error pop up: "No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp()" how to i solved?
Use firebase Android app instead of web
@@BugNinza It doesn't work
DM me on my social media handle.
same error
how did you solve this please
@@wissamardah6680 how did you solve ? please help me
Hello, I have tried to build on IOS, but I get the following error:
iOS build failed:
Unknown error. See logs of the Install pods build phase for more information.
In log of Expo:
The Swift pod `FirebaseCoreInternal` depends upon `GoogleUtilities`, which does not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set `use_modular_headers!` globally in your Podfile, or specify `:modular_headers => true` for particular dependencies.
Please , What needs to be configured in IOS?
me too! now you solve already or not? i'm error like this with ios. everyone know please help plz 🙏🙏😘😘
@@tytoeu7177 did you guys figure it out?
it works on ios ?
man why
eas login
'eas' is not recognized as an internal or external command,
operable program or batch file.
because you haven't installed eas-cli.
Install it using the command: npm install -g eas-cli
Don't skip video😉
@@BugNinza i also stuck here, thanks for the question n thanks for the answer
Not getting alert popup when I send the message
Can you please help me
Hey I'll upload the updated tutorial soon. I'll be using HTTP V1 method for the push notification. stay tuned
hello sir, is it possible to do something like this, when a certain data is stored in the firebase can we trigger the push notification sending?? if so how can we do it??
in my case table1 has a column name alert and data are stored as high and low. when we store the alert as high I need to trigger the notification part.
yes, you have to write jQuery for that
@@BugNinza could you give an example?
Great job dude!! Can you comment on how I can send notifications to user specific devices?
Get the FCM registration tokens for the user's device and use it to send the notification
Does this work on ios EAS builds?
use APN for iOS. Process is same
Hi, you saved me a lot of wasted time. I appreciate. would it work for iOS?
yes, follow the official docs for ios setup
how do i send the generated token to my laravel backend?
Check the official docs of laravel
Thanks, working fine but what about ios device please make a video for ios too, I am not able to implement for ios device
For iOS you have to use APN. Now to test the push notifications remotely, I need an iOS device. But the admin of this channel is poor right now 😂. So, you have to wait a little bit
@@BugNinza do you have an IOS device now?
i get the error "Invariant Violation: Your JavaScript code tried to access a native module that doesn't exist." when using firebase's message()
You cannot test your code in Expo Go. I mentioned this in the video. Please follow the video carefully to get the desired result. Let me know if you have any further questions.
I am facing issue in the installation of build file in my android device
Show me your error on my social media handle. or, you can try again
I send you the error on Instagram
How much do you charge to make this system in my app? ?
It depends on the complexity of the app.
@@BugNinza It's working on android but guild year for iOS doesn't work
can we not run npx expo start anymore ? do we have to build the app every time we change something or update the code ?
no, not really. you have to build the app every time you make changes to the app.json file only
@@BugNinza so since we rebuild now I can change and add pages to my project and can run the app in expo app normally great
Also why did we add the code for iOS permission if on fire ase we made the app Android will still work that way ?
can u help me please
Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.messaging().
Ensure you have:
1) imported the 'io.invertase.firebase.messaging.ReactNativeFirebaseMessagingPackage' module in your 'MainApplication.java' file.
2) Added the 'new ReactNativeFirebaseMessagingPackage()' line inside of the RN 'getPackages()' method list.
Firebase messaging is not installed in your project. Please watch video carefully. You can install it using the command:
npm i @firebase/messaging
I also have this problem. And i installed @react-native-firebase/messaging
How do you resolve this problem ?
what emulator are you using?
Not any emulator. Just Expo go app. And then mirror the device screen to pc
How to send data notification through FCM from backend
This is a general code of FCM. If you want to do specific things then I suggest you read the docs.
@@BugNinza can you please provide me the link
Error: Command failed: lsof -i:5554 -P -t -sTCP:LISTEN
how do I solve this?
This error has nothing to do with this project
@@BugNinza the app runs but I don’t seem to get the token on my console
Would you be able to teach how to do it for IOS?
Once I have an iPhone, Sure!! Poor Admin..
Brother is it work on apk because i am working on webView app
Yes!!!
Thank you so much bro .
Will this work on iOS? Thank you! :)
FCM is not currently available for expo-notifications on iOS. Read the official documentation: docs.expo.dev/push-notifications/using-fcm/#client-setup
@@BugNinza how can we do this on IOS?
[Unhandled promise rejection: Error: You attempted to use a firebase module that's not installed on your Android proje]t by calling firebase.app(). this error, any soution for that ? ....
The firebase module is not installed on your Android project. Install it. Then follow the tutorial carefully
@@BugNinza Thank you for this tutorial, but I have the same issue - Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app().
I installed all needed dependecies
"@react-native-firebase/app": "^18.3.0",
"@react-native-firebase/messaging": "^18.3.0",
"firebase": "^10.1.0",
but it still returns this Error. What could I do with that?
I solved that issue. The reason was I tried to launch the app in Expo Go without dev mode, however, I installed that dev-client. Initially, Expo Go does not support any custom plugins. So, don't do my mistake.
property 'messaging' does not exist having in my code anybody can help me
Make sure you have installed @react-native-firebase/messaging package and imported the messaging component properly.
what is eas credentials?
The command "eas credentials" is used in Expo to manage your app signing credentials.Expo automates the process of signing your app for Android and i0s, but in both cases, you can choose to provide your overrides.EAS Build can generate signed or unsigned applications, but to distribute your application through the stores, it must be a signed application .EAS can host your app signing credentials and take care of sharing them with teammates that have the necessary permissions
Is the code in Github?
Check description
Can you please share the code of this project...
Sir, Please have a dynamic links firebase for react native expo
Noted
and code?
Check description
??????????????????? @@BugNinza
Just wonderful.
Many thanks!
How can i implement for ios build
Follow the video and documentation
? Gran trabajo amigo puedo generar mi apk con profile preview y funcionaria igual o crees que no ?
¡Sí! funcionará de la misma manera. Como los documentos de la exposición sugirieron tanto el método de compilación de desarrollo como el de vista previa del perfil. Me gustaría sugerirle que revise los documentos para obtener una mejor idea.
Muchas gracias amigo, gracias por tu respuesta !! @@BugNinza
can you share project?
how to integrate it with ios?
I simply followed the official docs for Android. So, just follow the official docs for ios ( specially for build )
may i know what version of your react-native-firebase that you are using in this video?
I guess 16.4.3
npm i @react-native-firebase/app@16.4.3
Thanks ❤️❤️
Any time
Thanks❤
You're welcome 😊
Bro you are sending message from firebase by clicking "send message". How to generate it automatically on app screen?
E.g, A user has set a threshold value and if the value of the variable increases from the set threshold then the notification alert should be generated on App for it.
Please help
In your React Native app, create a function that will be triggered when the user reaches the threshold value. This function should send a request to the FCM API to send a push notification to the user's device.
@@BugNinza I am new to react native kindly elaborate me.
1- I will need to create an input form and take value from the user, then pass that value to useState hook.
2- The create a function where I will compare the threshold value set by user with the value coming from real time db of firebase. If threshold value reaches it will Tigger an other function where I will send request to FCM API.
3- The notification message will be generated.
Right ?
@@BugNinza do you have any video on your channel on how to send request to FCM ApI?
DM me. I'll try to figure it out
@@BugNinza DM you where and what?
How to use IOS?
build your app for ios. follow the official docs
@@BugNinza another question. Can I send it to all users without buying tokens this way? Or is the token we receive valid for every device?
Thank you!
Welcome!
On Android API 33+ you should request permission now 😏
I appreciate the update. I'll make sure to get this updated as soon as possible.
COD soldier spotted
I'm going in. Need backup!! 😉
shut the background music
Sorry to hear that. It's my old video. The BGM is much improved in the recent videos.
Anybody have the source code
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: th-cam.com/channels/LTAVHeuoOyc4aFIA1o6Xyg.htmljoin
@@BugNinza is this usefull for expo app im builf expo app for ios amd android
subscribed
Thank you ❤️
Poor content, you should change notification icon and color in status bar
Extremely sorry! I will improve the content. Thanks for the suggestion
not a poor content really, much helpful for so many developers