Creating Facebook App with Cloud Files : Demo Music Player

Creating Facebook App with Cloud Files is quite easy and most importantly, it is actually becoming self hosted, with SSL as an option and at a very low pricing. In this guide for creating Facebook App with Cloud Files, we will show an demo Music Player for your controlled usage.

Creating Facebook App with Cloud Files : The Basics of Facebook Part

Basically we want to avoid going in to details of the Facebook part for this guide for creating Facebook App with Cloud Files. That is quite easy, writing here will mess up the way of thought and we have published detailed guides before. Please read this guide to Create Facebook App Page With Free Google Sites, most important links are given within that post which will help you for the Facebook part for Creating Facebook App with Cloud Files.

Creating Facebook App with Cloud Files : Rackspace Cloud Files and Application Part

Javascript based HTML web Apps can be easily fully deployed on Rackspace Cloud Files. The typical working example is our guide where used Rackspace Cloud Files for creating a Music Player of your own. You can deploy Python Apps, PHP Apps with scripting. In that way, you can actually use Facebook’s API to control or restrict access to your App. Rackspace Cloud Files is actually Akamai CDN with OpenStack, it is Free Software at backend and do not burn a hole on your backend ($1 – $2 per month charge). Most importantly, you can actually use the SSL feature bundled with it to get https urls, you can use the Streaming Media’s url feature. Cloud Files is actually very powerful, but a bit knowledge of cURL, Python is required for advanced applications. You will get quite good resources on GitHub for Rackspace Cloud Files.

Creating Facebook App with Cloud Files : A Demo Music Player

Do a simple math, join that second tutorial with the first one and your Facebook App is ready. Just go to next generation cloud control panel’s Cloud Files container list :

https://mycloud.rackspace.com/a/your-user-name/files

What I want to say is, this is our Music Player for creating Facebook App with HTTP url :

http://2af70895cb3ced047c09-d31753e213812e3a47f7a92bbc27e375.r21.cf2.rackcdn.com/index.html

Simply adding a S with http will actually open that content but will show security mismatch error :

https://2af70895cb3ced047c09-d31753e213812e3a47f7a92bbc27e375.r21.cf2.rackcdn.com/index.html

Because the real HTTPS url is :

https://91c3c05e204edecb5349-d31753e213812e3a47f7a92bbc27e375.ssl.cf2.rackcdn.com/index.html

With your God gifted eyes, you can see the differences.

You can optionally use the Javascript SDK for client side authentication, it will be Creating Facebook App with Cloud Files with Facebook Authentication :

https://developers.facebook.com/docs/reference/javascript/

For no serverside work, simple HTML, look here :

https://developers.facebook.com/docs/authentication/client-side/#no-jssdk

If you want to make it a bit customized for creating Facebook App with Cloud Files, you can use this git :

https://github.com/ten1seven/html5audio

You will call me names, if I do not tell few tricks to avoid 405 error – use a CNAME. FQDN will not be recognized by Facebook’s iframing (FB actually iframes) technology and return error due to security set by Rackspace.