Error redirecting when signing in with social network account

hI @aboyit

I checked the login with Google at the /wp-login.php page of the linked page and I also see the problem occur. I assume this problem will be caused by a third party plugin or a theme, that stops our codes since, when this problem occur I can see the OAuth URL set as source for that image at the middle of the screen ( white box ).

I am not really sure if this plugin/theme causes this problem only at the /wp-login.php page or on other pages, too but what I would suggest first is trying our “OAuth redirect uri proxy page” and “Page for register flow” settings, which both can be found at our Global Settings > General tab: https://nextendweb.com/nextend-social-login-docs/global-settings/
For OAuth redirect uri proxy page: create a new empty page and select the page for this setting. This page will only be available for Nextend Social Login and it will handle the OAuth flow of NSL ( instead of the /wp-login.php page, where we would handle it by default).
For Page for register flow: create another new page and put the shortcode into it: [nextend_social_login_register_flow]. Information before the registration ( like the ones at the Privacy tab: https://nextendweb.com/nextend-social-login-docs/global-settings-privacy/ ) will be asked on this page.

Important note:
Once you selected a page for “OAuth redirect uri proxy page” that will replace the redirect URI of Nextend Social Login ( the default /wp-login.php part of social button’s url, with the slug of the selected page ) , so you will need to insert the new redirect uri to each of your configured apps. Nextend Social Login will warn you about this with a same message that you received earlier:

Nextend Social Login detected that your login url changed. You must update the Oauth redirect URIs in the related social applications.
Fix Error – Oauth Redirect URI

and there you will see all the necessary steps.

Let me know if you still see this problem occur even after using these settings!

Best regards,
Laszlo.

I created a new page and selected it in the uri section but it still got the same error

https://webnew.info/login-oauth?loginSocial=google&redirect=https://webnew.info/
I switched to this link, and it still fails

Hi @aboyit

I checked the Google login on the linked page again, and currently it returns an error to me:

Error 400: redirect_uri_mismatch
The redirect URI in the request, https://yourdomain.com/login-oauth?loginSocial=google, does not match the ones authorized for the OAuth client. To update the authorized redirect URIs, visit:
https://console.developers.google.com/apis/credentials/oauthclient/...

Could you check please if you added the proper URL to your Google App’s “Authorised redirect URIs” field? ( See 15-th step of the Google Getting Started section. )

Note: I also see the same problem with Facebook:
URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app’s Client OAuth Settings. Make sure Client and Web OAuth Login are on and add all your app domains as Valid OAuth Redirect URIs.

i update uri to wp-login and I can login but the black and white screen error still persists. I have used a login popup plugin and I also see some uri settings similar to the picture.
And I changed those links to another site wp-login, to test, but the error was not fixed.
https://www.upsieutoc.com/images/2020/07/21/2a.png
uri = https://webnew.info/wp-login.php?loginSocial=google

• This reply was modified 4 years, 4 months ago by aboyit.

Hi @aboyit

By default we are handling the OAuth flow over the /wp-login.php page where a third party plugin may interfere us.
I can see from the URL of the social buttons that you reverted back to the default “None” value of the “OAuth redirect uri proxy page” and “Page for register flow“, which won’t work if a third party plugin limits the access to the /wp-login.php page and exists before we could run our codes.
So basically this is why I suggested using these two settings.

Could you try configure these two settings again like I suggested in my previous replies, please? And once you configured those two settings, don’t forget to add the new redirect URIs to both of your Facebook and Google Apps.

If you need help in the configuration then please get in touch with us directly at:
https://nextendweb.com/contact-us/nextend-social-login-support?ref=https://nextendweb.com/contact-us/nextend-social-login-support/

Best regards,
Laszlo.

I have switched to the link https://webnew.info/login-oauth?loginSocial=google
I’ve added uri to google but it doesn’t seem to have been updated yet so I still get a bug, I’ll wait until tomorrow to see if it’s updated and I’ll get back to you, thanks a lot.

Hi @aboyit

Adding the new redirect uri to your App should take effect immediately. Are you sure you added the redirect uri to the same Google App that you configured Nextend Social Login with?
With Google you can find this out quickly, since when there is a redirect uri mismatch, they display a link in the Popup that navigates you to the corresponding Google App. ( The URL comes after the text: “To update the authorized redirect URIs, visit:” )
Could you check if this app contains the redirect uri indeed and the redirect uri is in the right field? See image: https://imgur.com/a/i2OYeL9

Best regards,
Laszlo.

Why when I changed uri from google I added the link https: //, it looks like it has been verified but the error is still not resolved, I have attached a photo below that you can look through it. help me, thanks.

View post on imgur.com

Hi @aboyit

Have you possibly deactivated Nextend Social Login? I can’t see the login buttons on your login page now.

I tried another social networking plugin and found it logged in normally without encountering the above error.

View post on imgur.com

I re-activated the plugin so you can see it helps me keep getting the same error.

Hi @aboyit

In Firefox I can see the following message:
The image "https://yoursite.com/login-oauth?loginSocial=google" cannot be displayed, because it contains errors.
So the problem seems to be that for some reason, your server thinks the loginSocial=google link is an image:

View post on imgur.com

But that’s given by a wrong configuration, because this request is not an image, but an HTML document (as you can see on our site: https://imgur.com/Z7iBTv3) and shouldn’t be handled as an image.

I recommend reaching out to your host about this, because there seems to be some kind of misconfiguration on their side, and that might cause other problems in the future.

I am managing the server (vps linux centos 7), but honestly I don’t know how to fix this error because I first encountered it?

View post on imgur.com

in my google chrome browser it is a document type, i vna64 don’t know how to fix this error, i tried other social login login plugins and still enjoyed it normally.