How do I login in with facebook connect in a flex application.

Question

I've been checking out facebook connect stuff from the new actionscript 3 library from Adobe. I have been trying to figure out how to use the facebook connect button inside of a flex app.

In an html page you would us the fbml and it would automatically put the facebook connect button on your page and when the user clicks on it it pops up the face div and lets the user login. Well you can't use that in flex. So I could put it on the page containing the swf but, that's why I'm using flex and not html. I've seen it done by the guys at Universal Mind so I know it's possible. I just need a little direction.

I know the function to use in the facebook connect api to cause that login dialog to come up I just can't figure the correct combination.

Answer 1

This should be applicable to Flex. This would be done using the ExternalInterface calls from within Flash.

http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/external/ExternalInterface.html

Answer 2

Chcek out the Create your first Facebook application with Flex tutorial and in particular the section on Add Facebook login.

Answer 3

smartdirt,you find who to do that?

I have the same problem

if you have a solution, thanks for telling me!!!

Answer 4

In Adobe facebook-actionscript-api there is a class LoginWindow which you can use.

When you need it this window will open like small flash popup window and it will display facebook login page and enable user to login. All needed events will be raised and you should be connected after that. I didn't tested it but from the code looks like what you need.

Answer 5

You have to write a Javascript/HTML wrapper and control it from Flex with ExternalInterface class.

Easy!

Answer 6

this developer created this js/flash bridge you are talking about using the ExternalInterface classes. you can download all source files as well. i found it very useful. http://www.wellconsidered.be/blog/2009/01/04/facebook-connect-to-actionscript-3/

Answer 7

There is also a very clean and elegant solution/tutorial at: http://www.stevenvh.be/blog/?p=57

Answer 8

Use this API: http://code.google.com/p/facebook-actionscript-api/

Look at ConnectDemo.

The sample kind of sucks... it forces you to connect before showing the Flex app.

You need to tweek the example to get it to do what you want.

Also, FB depreciated some of the methods, so you have to look up new methods that aren't depreciated.

I'd love to update the sample, but I don't have the time to dedicated to another project.