firebase phone sms authentication in react native and expo - firebase

I am using expo to launch my react native application.
I would like to use the phone authentication for firebase, but from what I am seeing on other posts it will not work without detaching from expo.
Is there another workaround?
Is it possible to put an iframe inside the app and using the firebase full ui for the authentication?

Related

How do I secure firestore database for my React Native app? [duplicate]

My Expo based React Native app worked perfectly fine until I added Firebase App Check.
I am using Firebase JS SDK and not React Native Firebase because it is suggested here for cross platform development.
Now how can I get and then send context.auth (link) to Firebase Functions? Or How can I send what Firebase Storage needs to functions manually?
Storage seems to work fine with AppCheck and AppAttest enabled if it's not Enforced but as soon as I enforce it, the app throws a an error every time there is image load from storage that User is not authenticated.
https://console.firebase.google.com/u/0/project/myapp-4fa75/settings/appcheck
As I understand, you can't because the JS SDK uses reCAPTCHA and native apps have to use either SafetyNet (Android) or DeviceCheck or App Attest (iOS).
I think the only option is using react-native-firebase instead of JS SDK.
You'd have to use config plugins as described here and then configure the app-check module as described here.

React Native. Firebase. Push notifications using Cloud Messaging

My RN mobile app works with Firebase as a Web App. Everything works fine. Now I need to add the push notifications functionality to my mobile app. I have read several articles about push notifications for RN apps:
https://blog.logrocket.com/react-native-push-notifications-firebase-cloud-messaging/
https://medium.com/alameda-dev/react-native-push-notifications-with-firebase-d23ed0dfb3ae
https://enappd.com/blog/firebase-push-notifications-in-react-native/81/
Mainly all articles describe a specific configuration for Android.
My question is, can I use web push notifications in my mobile RN app as described here:
https://firebase.google.com/docs/cloud-messaging/js/client ? Or should I register a separate application for Android and iOS in my Firebase project and add to my RN project platform-specific files (AndroidManifest.xml, google-services.json, build.gradle, etc)?
Firebase apps screenshot
If you use the Web SDK, push notifications will not arrive on iOS as the Safari/WebKit implementation there doesn't support the necessary APIs that Firebase Cloud Messaging depends on. See Push notifications in Apple Safari with FCM for more on this.

how to use firebase phone aut on expo (react native 2022)

I'm new to expo, and I'm trying to make an application with login by firebase authentication by phone, however I can't find enough documentation
Has anyone successfully implemented firebase authentication in expo (SDK 44) without ejecting
I found this tutorial but it works only with firebase 8, and the current one is firebase 9.8.4
currently it doesn't work anymore
https://arjayosma.medium.com/set-up-firebase-phone-authentication-in-expo-sdk-37-without-ejecting-8a472460b1cf
Firebase phone authentication is not possible out of the box using the Firebase JS SDK. This because an Application Verifier object (reCAPTCHA) is needed as an additional security measure to verify that the user is real and not a bot in Firebase JS SDK workflow.
FirebaseRecaptcha in expo was used to compensate for this object. However, This module will no longer be available in SDK 48 . Apps can be built migrating to React native firebase

Securing a .NET core API using a react frontend

Currently I have a react frontend that authenticates users using msal.js (Azure AD B2C). The backend API is built with .NET Core and currently accessible to anyone.
I would like to secure the API so that only a user authenticated on the frontend can access the API.
Is there any documentation/sample apps on how to achieve this?
Yes, you can secure the application. using React authenticate API which naturally handles the authentication which was imported by other parts of the app.
Here is the example Tutorial of creating a react App with Authentication.
The Authentication React App is based on the NPM.
here is the command that used for creating React APP auth.
create-react-app react-auth0
Also, you can go through the So thread which has related discussions.

Flutter mobile app and VueJS web app using the same Firebase back-end

Is it possible to have a VueJS web application and a Flutter mobile application that communicate with each other through chat using the same Firebase backend?
A single Firebase project can be used as the back-end for many (iOS, Web and Android) apps. All these apps will be talking to the same back-end services.
So if you create two web applications on a single Firebase project, those apps will be using the same database, the same list of users, the same stored files, etc. If you then add an iOS or Android app, that will also be accessing the same users/database/files.
(from: https://stackoverflow.com/a/41108143/13646430)

Resources