Stuck at OAuth2 Facebook connector

[Petri]

Anyway. I followed the tutorial but never reach to the fb login stage. The error message still appears.

[psweb]

Paste the code for your login button here please

[Petri]

Where in the tutorial it says that I have to paste the fb login button on my page?

[psweb]

Nowhere does it say that on the tutorials, I am trying to help you figure out if you may have done your button wrong and it would help me to see the code that makes up your Facebook button

[Teodor]

You don’t paste a login button anywhere…

You add a simple, plain Anchor Button on an simple HTML page.

[Petri]

I’m watching tutorials on youtube how to create the login procedure. Obviously it seems I have missed the whole fb login button step

[Teodor]

@Petri
Could you please stick to the tutorial i linked and not watching any other Youtube tutorials?
Everything is explained here:

Using OAuth2 Connector with Facebook

I have created this tutorial step by step. I have followed it step by step in my projects and it works when you follow it as it is explained there.

[psweb]

The YouTube videos will not help with this procedure, you need to do it exactly like the written tutorial as Teo created and linked to in this thread

[Petri]

Where can I fin a fb button code please?

[Teodor]

@Petri
there is no such code!
That’s a simple anchor button, as i already explained you above:

[Teodor]

Following some random tutorials on youtube explaining some random stuff and not following the tutorials we created for you makes the tutorials we create useless …

You watch some random stuff, then you come here and post about our tutorials not working.
Follow the documentation as it is provided here and it will work.

[Petri]

Here’s the code

[psweb]

So you have a form with a normal complete your details and a SignUp button that runs another script on submit, then you have your Anchor button for facebook which is fine, all you need to do is set the link to what that button must do.
Click the button in design view and then as per the Wappler Docs

Using OAuth2 Connector with Facebook

Overview Using the OAuth2 Connector in Wappler you can add a “social login” option to your website, so the users can directly login using their Facebook account. In this tutorial we will show you how to create accounts for new users and also how to log the registered users in, using their Facebook account data - like email and Facebook ID: [Untitled Diagram (4)] Setting up a Facebook Developer Account First, you need to go to: https://developers.facebook.com/. Click on the top right “Log I…

This link takes you right to the correct step that shows you how to add your link.

If I were you though I would review and follow this Wappler document as close as possible.

[Petri]

[psweb]

Do you have a live link to this page where i can see it online

[Petri]

I need fresh air right now. Come back later.

[Petri]

https://www.facebook.com/login.php?skip_api_login=1&api_key=177843213261711&kid_directed_site=0&app_id=177843213261711&signed_next=1&next=https%3A%2F%2Fwww.facebook.com%2Fv3.2%2Fdialog%2Foauth%3Fresponse_type%3Dcode%26client_id%3D177843213261711%26scope%3Demail%26redirect_uri%3Dhttps%3A%2F%2Fliveworkoutpass.com%3A80%2FdmxConnect%2Fapi%2FSecurity%2Ffb_login.php%26state%3Da4fd756640ae5142ca16e241e19acc78a85e30c7f4cbe37720f5d7ac13db0e08%26ret%3Dlogin%26fbapp_pres%3D0%26logger_id%3D9602d374-0dd8-4171-9fbc-5a3223bb3135%26logged_out_behavior%3D6&cancel_url=https%3A%2F%2Fliveworkoutpass.com%3A80%2FdmxConnect%2Fapi%2FSecurity%2Ffb_login.php%3Ferror%3Daccess_denied%26error_code%3D200%26error_description%3DPermissions%2Berror%26error_reason%3Duser_denied%26state%3Da4fd756640ae5142ca16e241e19acc78a85e30c7f4cbe37720f5d7ac13db0e08%23_%3D_&display=page&locale=fi_FI&pl_dbl=0

[Petri]

Here’s the url it redirects right after I click the ok in the error dialog box…

https://liveworkoutpass.com:80/dmxConnect/api/Security/fb_login.php?error_code=1349168&error_message=URL-osoite+estetty%3A+Uudelleenohjaus+ei+onnistunut%2C+sillä+uudelleenohjauksen+URI-osoite+ei+ole+sallittujen+luettelossa+sovelluksen+Client+OAuth+-asetuksissa.+Varmista%2C+että+ohjelmiston+ja+verkon+OAuth-sisäänkirjautuminen+on+käytössä+ja+lisää+kaikki+sovelluksesi+verkkotunnukset+kelvollisiksi+OAuth+Redirect+-URI-osoitteiksi.#=

[Petri]

If someone could make a short video how to do this from scratch, I would appreciate it very much. Seems I just can’t get figured it out. Wappler has gave me so much in a very short time and saved a weeks of work I would otherwise had to do manually.

THANKS

[Teodor]

It’s already explained here how to do this from scratch: Using OAuth2 Connector with Facebook