Vue-social-auth not working on messenger and facebook browser - vue.js

I am using nuxt for frontend which uses vue-social-auth for social login and laravel for backend which is socialite. It works perfectly well for normal browsers but doesn't work in messanger and Facebook browser. Have anyone come with similar problem.
Any lead is much appreciated.

This has been resolved. If anyone faces this problem then please remove vue-social-auth. The problem was that the Facebook and messenger browsers doesn't close the popup given by vue-social-auth and doesn't redirect to the callback.
So the solution would be removing the vue-social-auth package and do it manually on the frontend and in the backend use the socialite stateless method to return JSON response for API calls.

Related

Redirect Uri is not working in react native for msal

I have a react-native app in which I am trying to move to msal from adal using the react-native-app-auth library in which finally after authentication I am getting this window that "Only continue if you downloaded the app from a store or website you trust", as clicking any button does not work, I found one issue related (Desktop app + Microsoft Authentication Error) but there is also no solution provided there too and I have tried with the HTTP:// URLs too.
So, did any one of you faced the same issue, so please help in the resolution. The final window I am getting
According to your follow-up comment I notice that you are facing redirect URL issue. In Redirect URI, select Web and type /.auth/login/aad/callback.
For example:https://contoso.azurewebsites.net/.auth/login/aad/callback.
Follow these steps and ensure all steps are followed.
https://learn.microsoft.com/en-us/azure/app-service/configure-authentication-provider-aad#-create-an-app-registration-in-azure-ad-for-your-app-service-app
Enable Azure active directory in you App Service app.
https://learn.microsoft.com/en-us/azure/app-service/configure-authentication-provider-aad#-enable-azure-active-directory-in-your-app-service-app

React Native Login Using WebAuth redirection to browser from app

when login using Auth0 Webauth in React-Native it opens the browser for login.
I want to create a smooth login so that the user should not able to experienced whether I logged in using App or Browser jut like a webview anyone any idea?
Just to be clear are you asking if Auth0 supports doing this without a browser? Given that it's likely using OAuth2 or OpenID Connect then the short answer is no.
Further to that WebAuthn is a browser-based Javascript API so by definition would require a browser with these features to be available.
That said, there's probably nothing preventing you from implementing a native WebAuthn-like experience using CTAP2 (the protocol that sits underneath WebAuthn) directly or a platform-specific wrapper around the same.

How to make redirect url works after login with oauth2

I'm implementing oauth2 for my react native app, I'm working with this library :
https://github.com/FormidableLabs/react-native-app-auth
I'm encountering a problem with redirect url, it doesn't bring me back to the app after login, I tried many URLs, and honestly I don't understand how it works or how it should be written. I read some articles about it but still don't get it.

Capture HTTP request using Postman native app

I have been using the Postman Chrome app for my API developments.
I can simply turn on the request capture from chrome and the interceptor from the Postman Chrome app, and like magic, all the requests (headers, body, ..) would be captured by the app.
Off late I have been getting a notification that the Postman native app is available and the support for the Chrome app would be soon stopped.
I downloaded the native app and it looks great but couldn't figure a way to capture requests with it. I googled a lot but couldn't find a solution.
I read this from the Postman documentation and found it quite confusing and I don't think that's not what I want.
I would really appreciate a solution.
Thanks.
The same interceptor functionality isn’t available in the native app yet, looks like it’s still on the Postman roadmap but no time scale for when this will be completed yet. Some discussion were captured in this Github issue:
https://github.com/postmanlabs/postman-chrome-interceptor/issues/56
There is a workaround provided here but again, that’s probably not what you want. Does Postman's Chrome Interceptor still work with the standalone version of postman?
Alternatively, you could use Fiddler as a web proxy to capture the traffic, this would provide you with all the details for any of your requests. Worth checking out.

Ionic 2 how to make InAppBrowser and other plugins work when running in a browser

I'm creating a app in Ionic 2, wich consumes a web api from an existing site. To use this API i have to make athenticate in it in the following way (Similar to facebook login):
I call the api login page in a InAppBrowser component, sending the proper keys and a return URL.
the user types the login and password in the form displayed, the API will validate it and authenticate it.
The API calls the return URL passing the authorization token.
I 'hijack' this redirect to the return url in the InAppBrowser 'loadstart' event, and extract and store the authorization token.
In the following calls to the API, i send the authorization token in the header.
This is all working fine in the emulator, but it doesn't work in the browser (with ionic serve), because when i call InAppBrowser it actually calls window.open, and the events doesnt work. I can't detect the redirect action made in the opened window.
I'd like to make this work in the browser since its better to debug the application there. My first thought was to send "http://localhost:8001" as the return url, but I couldn't find a way to catch the token parameter in the ionic application.
Does anyone know how I can catch this parameter or any other way to make this login work in the browser? It is for development and debug purposes only, so strict security is not a issue (I can comment out any unsecure code in the production version).
Edit: Hayden Braxton answer didn't solve my problem, but since it was because of something exclusively to my app, and it could really help someone who wants to make plugins work, I'll keep it as the selected answer.
Besides that, I'll share the solution I found to my problem in case it could help anyone. It was simple, actually:
I pass "http://localhost:8001" as the api return_uri parameter
the api will, after checking the login and password, redirect to http://localhost:8001?token=MY_AUTH_TOKEN.
This will reload the application and call login page again.
In the login page i call this.platform.getQueryParam("token"); to get the token.
Add
"browser": "ionic-app-scripts serve --iscordovaserve --sourceMap source-map --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build",
to the script section of your package.json. Then instead of doing ionic serve, instead run
npm run browser
We use ionic2 to develop our apps where I work, and this is what we figured out after some research.
Before using this, you need to have the browser platform added. You can accomplish this with the following:
ionic add platform browser
If the browser platform is already added, delete the browser directory from your platforms directory and then run the add platform command, just to be on the safe side.