Facebook App & Google Drive forms

-
In this post i will just walk through on creating a Google Form on Facebook app platform.

"Nothing is discovered until you explore"

The above stated might not hold good for all but most of the time it is so true.

 Recently one of the developer wanted to know how much of a work is involved to create a simple form as a facebook app, then i wondered why haven't i still not explored! this yet ? May be i was too busy (or acting busy) with some other techinical explorations.

 Logically thinking, assumed there would be simple WYSIWYG where i can drag and drop a controls, as in Google Drive forms. Turns out that there is nothing like that but in a developer perspective far better. There was just a canvas in which the developer was allowed to play his own games.

 PART-1 (Creating the Facebook app) :


  • Enter the captcha (this part always makes me feel not so human, its so hard to read)
  • Select the dev language you want to use. If you don't have an Heroku account it will create one

  • Just follow the link to your app. Before that just save the changes on the Facebook.
  • That URL was reserved for you by Heroku for free, i know they are awesome! . You can change that ugly URL, its just a  child's play you will figure that out.
  • Now click on the login using facebook


  • That should prompt for permission like this


  • Check My Apps on FB
  • Now click on the tiny Use now link on that app. You should see your app now, i know the right side ads make vex, but that is what you get attached with for free.
  • Now login to Heroku and check out your apps
  • Set up Heroku using this 
  • Clone the Git repo using the Git repo url that's made copy friendly by Heroku
  • Once the repo is cloned to local just edit the file and push it back using Git


 PART- 2 (Creating the form using Google Drive) :

  • That should create a form with WYSIWYG editor
  • Create sample form now
  • Click on the embed menu under More actions


  • Copy the iframe html tag and now paste it in the source of the app page where you want as any other html
  • Commit, Push on Git and you are done


 Create a Facebook app is no different from creating any web page as simple as it is.

Comments

Post a Comment

Popular posts from this blog

Launch .Net Core with VSCode for starters

-
Image
To use VSCode for .net core you would need Omnisharp extension so that we can debug our application just like as in Visual Studio. -- Photo by  SpaceX  on  Unsplash Using the dotnet new command we create a web and an API project dotnet new webapp appname.web dotnet new webapi appname.api Create a solution so that it wraps all the projects in one place dotnet new sln appname dotnet sln add appname.web appname.api After building the Web and the API projects we need to create the launch.json which VScode refers to build and debug the application. For a complete reference on doing these projects consider this great resource . You can always use VSCode terminal to run these above commands as well, also note you can open multiple terminals the same VSCode instance like this . Setup the launch.json by clicking on add configuration and select .Net core web app. we will need to add two such configurations one for web and another for web ap...
Read more

Google Maps

-
Image
Browsers are getting Stronger Sharper & Smarter ;) The day is not far away when we have nothing but a  browser installed in the desktop and things will be floating in the cloud ( provided our ISP are reliable which they are not now). Web technology is so open that even the all time money maker  Microsoft  to open up. WebGL is a open source technology that helps build 3D enabled apps with its rich API within the browser. WebGL's early application the  Body Browser  was just a peek to this technology. Google has integrated this tech with the google maps now and they have it pretty well. Google Maps GL once you click on the above link you will see a option on the left bottom something like this then just flow through. Now checkout the satellite view from the right top then just browse places its so smooth, no more frame by frame loading. Now that's sleek ;) even try the new view angles from the round knobs. Well everything was not smooth as i expe...
Read more

Protecting sensitive data using Secret Manager in .Net Core

-
Image
Accidentally pushing sensitive data stored in application config into source controls!!! Thankfully this happens to many not only you 😜. It feels good when you have company doing mistakes or anything else. So here is how make sure this does not happen again. There are  multiple ways  to protect, the one we will learn now is using Secret Manager tool in #dotnetcore. All we have to do use  dotnet user-secrets  this command. Before using it remove the sensitive value of the property you are trying to hide. In my case it is  "TwilioAuthToken":""  in  appsettings.json  file. Now in the terminal run this below command, dotnet add package Microsoft.Extensions.SecretManager.Tools We have the necessary tools required to run the commands on  user-secrets . Lets create a key value vault for our project in * .csproj  file like this <PropertyGroup> <UserSecretsId>LocalKeyVault</UserSecretsId> </PropertyGr...
Read more