Facebook Login Extension

tutorial
extension

#1

Hi everybody, i found the way to log in with Facebook i hope to enjoy!

To use this component you have to create an app in https://developers.facebook.com/apps/ after you created an app, facebook will give an ID and Client token. You can get this information from your dashboard.
Then Go to Facebook Login > settings and enable Login for devices. finally save changes

This component let you authenticate users in your app using “facebook login”, the user should insert a code to authorizate your app to get data as name, profile picture and email. after code is generate the user have to be redirect to facebook.com/device. The developer decide the way to do it. e.g. using a web viewer or activity starter runnig a web browser. after user authorizate your app, an email, name a picture path will be returned.

Propieties

AppID: (designer only)
The App ID from facebook dashboard.

ClientToken: (designer only)
The client token from facebook dashboard. Go to Settings >Advanced

Methods
GenerateCode:

Generate a code for Sign in with facebook, developers should to redirect the user to http://facebook.com/device to insert the code generated, the code is automatically copy to clipboard for improve the usability. This extension use the basic scope: public_profile and email because not require extra permissions from facebook.

CheckAuthorization(Text code):

Checks for Authorization status. After generate the user code a ChooseDialogMessage shows in the screen, when user choose “Go to Facebook” AfterMessage event pass facebookUrl for Login and code for check authorization status.
If you use another screen to redirect user to the facebookUrl, you need this block to check authorization status every 5 seconds. After user authorizate your app. AuthorizationChecked event fires with an access token. If user don’t authorizate you app. AuthorizationPending event fires with a message.

NOTE: “code” parameter is generated AfterMessage event and it’s no same code to given to the user to authorizate the app.

Events
After message

choice: the user selection “Cancel” or “Go to Facebook”.
This event fires after the user has made a selection in the message shown. returns “facebookUrl” and “code”.
facebookUrl: is the Url to redirect the user to authorize your app login with Facebook.
code: is the code to check authorization status in another screen.

AuthorizationChecked

This event fires after the user has authorized your app. returns “accessToken” and “expireIn”.
accessToken: is used to Confirm Login and can be used to make a Firebase Authentication credentials too.(coming soon on FirebaseAuth extension).
expireIn: time which access token expire. The user have to make the process again to get a new token.

AuthorizationPending

this event fires when user has not authorized the application yet. Returns a message.
This messages could be:
“This request requires the user to take a pending action”
“User request limit reached”

AfterConfirmLogin

After confirm login an name, email and picture path is returned. Use this datas to show a confirmation message to the user.

Best practices: remender follow the facebook branding guidelines:


See full documentation process:
https://developers.facebook.com/docs/facebook-login/for-devices?locale=en_US

FacebookLogin (English message version)
com.mirxtremapps.FacebookLogin.aix (43.6 KB)

FacebookLogin (Spanish message version)
com.mirxtremapps.FacebookLogin.aix (43.7 KB)

aia project (insert your own AppID and ClientToken)
FacebookLogin.aia (77.6 KB)

Facebook Login apk
FacebookLogin.apk (2.2 MB)

Finally you can donate, thank you very much!


How to can make login (to my app) with gmail or facebook
FirebaseAuth update (NEW FEATURES)
I need fb login and post by fb user in app>>>help me
Facebook login extension another
#2

Oi gostaria de um tutorial em video, pois o aquivo .aia não trabalhou para mim com app inventor. segui todo tutorial e até coloquei o AppID e Token.

Ao clicar no botão Login nada acontece


#3

So this works great…but my question is…what do I do with it? I would like to add this to my Magic Eat Ball app so the app can post to the user’s FB page that they used it. That may generate more interest to download it.

But beyond logging in…what can this be used for?


#4

Hello, I can not use it. teach me video tutorial to use. I did the same post but it did not work for me ?


#5

Hi, well… this extensions returns and access token to make other calls using API Graph from facebook. this version only ask email and public_profile information, and i think that you need aditional permissions in the scope. and facebook have to review how to app use it.

https://developers.facebook.com/docs/facebook-login/permissions#reference-publish_actions


#6

yes, i will do, just give a few days because i am sick and without voice.


#7

Thank you very much Boy.


#8

Any way to by color in the username in a WebDB chat ?


#9

Direct video of how to connect the blocks in the orders would help a lot


#10

please make a video tutorial !


#11

not get any diffrence in both aix .
can enplane it FacebookLogin (Spanish message version) & FacebookLogin (English message version) ?


#12

Thanks a lot sir. It’s i want.
But i’m beginning. i can’t understand for use.
Excuse me , Please help to add more details sir.
Thank you.:ผ่อนคลาย:


#13

What we m,ust to put in
Redirect URI Validator , i tested with https://facebook.com/device but:
Redirect URI to Check
https://facebook.com/device
Check URI
cross
This is an invalid redirect URI for this application
You can make this URI valid by adding it to the list of valid OAuth redirect URIs above


#14

Dear sir, can i request jabber client extension? I really need it. I am wait for your info sir.