Not able to see website on custom domain in Firebase? - reactjs

I am trying to show a website on the custom domain using firebase, but not able to see. I tried to check all the errors but had no luck. Also to troubleshoot I had created a new react app and deployed and redirected that to the custom domain but the error shows the same as in the below screenshot.
Please will any experts let me know how can I configure the firebase app to show on the custom domain.
Please see the error below:
The website is perfectly running on the firebase default domain.

Related

React Facebook Login not working on production

I have been trying to use react facebook login libraries for social authentication. In a local setup using a ngrok domain its working well but on my remote server where I add my app domain login status becomes cancelled. May someone help me understand where I may be getting it wrong. I have used react-facebook-login, react-social-login, #greatsumini/react-facebook-login - and I seem to be getting the same problem

Reactjs firebase google authentication showing project id instead of Public-facing name

In my reactjs project, I use firebase 9.6.11 for email, google and facebook authentication.
When I call the signInWithPopup() and google sign in form, Sign in
to continue to show projectid.firebaseapp.com. I have already update Public-facing name at firebase's project setting.
Even though I have add custom domain, google sign in for redirect link also using projectid.firebaseapp.com url.
My project is hosting on firebase hosing and link with web app.
If anyone facing this issue, please follow the step in here Step to change custom domain
For me, I forgot to enter OAuth 2.0 Client IDs's redirect url

How to implement facebook messenger chat in my personal react website?

I tried to implement the Facebook messenger customer chat plugin to my react project but somehow it's not showing on my website. I tried to use the react-messenger-customer-chat module to use this feature but in the console, there was an error named tracking prevention. How can I overcome this problem?
Check for these potential issues:
Have you provided correct pageId and appId?
Is the page public?
Have you included your domain in whitelisted domains in your page settings?
Is the domain https? (http is not supported).

Authentication issue DRF, Firebase, React

I am developing a web app which is using Django-rest for the backend, react-admin for the frontend, and firebase for authentication. Currently, I am developing the user part and have faced an issue. I have not used firebase before and the docs provided in firebase are not very clear to me.
The problem that I am having is that when I try to log in from the frontend it gives me access and lets me inside the website for a second and then it kicks me giving a 401 unauthorized status error and on the screen, a message pops up saying that my session has expired. When I check the console, everything is synced up and reads all of my credentials, generates a uid but somehow it denies it.
Here is the code.
This is the view from django
This is my react-admin setup
Could someone experienced help with my issue or guide me somehow, please?

How can I get Microsoft Outlook's OAuth API to work with Angularjs and ui-router?

I've been following a Microsoft Outlook Dev Center tutorial ([https://dev.outlook.com/RestGettingStarted/Tutorial/node][1]) to give my users the ability to import their Outlook contacts into my app. So far I have followed the tutorial up to step 4 where I am able to obtain the authHelper.getAuthUrl() authorization URL. The url is formatted like this:
https://login.microsoftonline.com/common/oauth2/authorize? redirect_uri=http%3A%2F%2Flocalhost%3A8000%2Fauthorize&scope=openid+https%3A%2F%2Foutlook.office.com%2Fmail.read&response_type=code&client_id=<SOME GUID>
The problem is that when I click on the link I am redirected to my homepage instead of seeing the Outlook authentication window. I suspect this is because I'm using angularjs with ui-router and the microsoftonline.com route isn't explicitly set in my app so it logs me out. Any ideas on how to fix this?

Resources