I am trying to set up the firebase-cloud-messaging to display notifications to users. Using the web notification, everything works as intended.
However, I also want to send them via app, but apps don't recognize service-workers yet.
I couldn't wrap my head around it. How to use vue.js android/ios apps to receive push notifications? Should I use plugins? If yes, which plugins? Currently using quasar, Vue.js, FCM.
You can actually get push notifications to web and Android via vue cli setup for PWA, out of the box - iOS is the lone holdout on PWAs acting like PWAs on their devices. So, for iOS only, you'll need to create a developers account on Apple and pay $99/yr, plus 20% or 30% on all revenue on purchases...though there might be a way around that but I think that gap has been closed via recent TOS updates from Apple...for more see Netflix and WordPress issues with native apps on iOS and the fight with apple. WP being the most recent.
Pick your choice of native app building bundles, there's React native, nativescript vue, vue-native, expo and probably a few dozen more out there.
From there check the docs. Firebase has great documentation, other packages above have great documentation and they all follow a similar path since iOS has the hoops you have to jump through to get things to build.
Firebase Docs
Nativescript Docs
Push Notifications on Expo
Related
I'd like to develop a simple mobile application for both Android and IOS, the core part of the app being push notifications.
I started using React Native, with Expo, to easily support both Android & IOS. But while approaching to push notifications I ran in multiple problems, lots of out dated contents and documentations.
I tried using Firebase Messaging but in the documentation the are some confiugurations regarding platform specific files, which i don't have in the project. I tried putting some stuff (such as package name) manually in the app.json but it didn't work in the end.
I tried Expo's push notification service but for some reason i can't even get the token (testing on a physical device) from the example code in the documentation
Reading some pages of the Firebase docs seems that using react-native-firebase should easily work for both plaforms, but in other pages it seems to be platform dependant.
If you happened to use push notifications for both android & ios, is it possible to do it in only one project using React Native and Expo? If so do you have some documentation that happened to work for you?
Thanks.
First, I have a web app made with angular + angular material that looks like a mobile app, now I "ported" this webapp to a native mobile app using capacitor + cordova plugins and works fine, all the features work fine.
My deployment proces is:
Build angular app, sync to android, build android and then publish in play store (same for ios), it works, but, every time I make a change to my web app, I have to repeat this process and you know, the user has to download the new version of the app, install, and use, I would like to avoid this.
Since my app is web, located on a site (It can be accesses via web too) I would like to know if there is something that inside my webview opens the url of my site (without exiting the app, I tried making a redirection but it opens a web browser), so, the end user won't have to download the new version of the app every time I make a change and I won't have to upload the build to play store and app store.
I know that it can be done because my bank app does something like this but I don't know how to do it or how to search for it
How can I achieve this?
Thanks and sorry for my english, I hope I have explained what I want to do
"Live updates" are one way to solve this. Live updates allow you to send patches to your app and actually change the app code to some extent without going through app store review. Big updates will still have to go through app store review, but you can make lots of little updates "live" by using a live update service.
You can do live updates with Ionic. Ionic is open-source, but the live updates are part of the Ionic team's Appflow package, which is a paid service. Pricing currently starts at $499/month for 25,000 updates.
In this same space, there's Capgo, which is cheaper and works with Capacitor in general (does not require Ionic).
More info: Long discussion on this topic in the capacitor-community github repo
Ionic is the framework that would fit your use case. You can build apps in angular and ionic wraps it in a webview of native android apps. If you need to access native android feature, you can install capacitor lib too along with ionic. Capacitor is a library to interact with mobile's api (IOS and Android) with javascript.
Anoter approach to build native android apps with JS would be reactnative. It is different from ionic. You would have to be familiar with react sytax to get statrted easily. React native is not a webview app rather it is compiled to native platform code.
Look into flutter too. It uses dart but apps perform faster made with flutter and it can build both for android and IOS with same codebase
CONCLUSION
If you want to stay in angular code, go with IONIC
I'm setting up push notifications in a React Native app for android and ios, I've been using react-native-push-notifications and PushNotificationsIOS from react-native (I tried the react community package first, but was having troubles with my app building). Just wondering from experience, what the best way to implement it would be?
EDIT:
Forgot to mention that this is for local notifications, I have got remote notifications working with app center
Different people have different opinions on this. I will share my opinion based on my experience.
Have a look at React Native Firebase (Please note that V6.0.0 does not support notification, do use V5.x.x)
The package is well documented and easy to integrate for both IOS and Android.
React Native Firebase
If you are using React Native 0.60+, then this page will be helpful for you.
I'm new to the concept of push notifications and sending them from Amazons SNS service so apologies if this is a stupid question.
For our current app we are wanting to target both android and iOS devices. We've successfully created a platform application in SNS that uses firebase to target android devices.
We initial thought that we could use the same platform application for iOS as firebase supports pushing to iOS devices. However, the AWS documentation indicates that you have to create a separate platform application which uses APSN to push to iOS devices.
Is it the correct approach to have multiple SNS platform applications for each device operating system you're trying to target?
Any advice would be appreciated, thanks David.
I thought I’d provide the outcome we came to just in case anyone might find it useful. After looking into firebase it seemed an obvious choice for it to replace SNS. The notification side of firebase is free and much easier to integrate into our app as opposed to SNS where it seems you have to worry about multiple notification providers for each mobile platform. The documentation around firebase is a lot better than what is available for SNS.
Why is it so damn hard to find a reliable solution for sending push notifications on your own? I need a solid solution for sending close-to-real-time notifications to separate Android devices using WCF.
I should not have to rely on 3rd party notification services like Google's FCM. I should be able to have a notification pushed to a user's device without their application running in the foreground and have that application open when the user selects that notification. Even when the phone reboots, the phone should still be able to process your push notifications without needing to start your app first.
Have any of you Pros accomplished this yet? If so, show us the code because there are way too many half-baked solutions out there that are either too old or never actually worked.
I'm using Cordova through Intel's XDK, but I don't care what environment you're using, just show us something that actually works.
Thanks
Do not use Cordova cross platform solutions for this. Either use native IDEs per platform or use cross platform solutions that translate a common code base into native code per platform.