Tag: Facebook JS API

API quick links used for development

Playing with API is always been my passion. I love the idea to bond with other app and share the data with my app. Throughout my career I used several API to  various type of business applications. Some are very good with their simple interface , others are good at documentation, some got good community.  Through this post I tried to point the quick links where developers can start with different API’s. Also from my point of view I put a ranking in terms of  API integration usability, developer resource, community resource and sample code.

Payment Gateway’s

Authorize.net
(Usability: 8/10, Dev resource: 9/10, Community: 9/10, Sample code: 10/10)

Developer resources

http://developer.authorize.net/

Sample codes

http://developer.authorize.net/downloads/

Community resources

http://community.developer.authorize.net/t5/Integration-and-Testing/bd-p/Integration01

Paypal
(Usability: 6/10, Dev resource: 7/10, Community: 2/10, Sample code: 4/10)

Developer resources:

https://cms.paypal.com/us/cgi-bin/?cmd=_render-content&content_ID=developer/library_documentation

Sample Codes: https://cms.paypal.com/us/cgi-bin/?cmd=_render-content&content_ID=developer/library_code

Community resources:  https://cms.paypal.com/us/cgi-bin/?cmd=_render-content&content_ID=developer/community_overview

CyberSource
(Usability: 6/10, Dev resource: 7/10, Community: 2/10, Sample code: 4/10)

CyberSource Simple Order API and SOAP Toolkit API Documentation:

http://www.cybersource.com/support_center/implementation/downloads/soap_api/SOAP_toolkits.pdf

Below resource covers processing credit card orders with CyberSource’s Simple Order API with the details of reason code

http://www.johnnybhome.com/forsale/SB_API.pdf

Social API’s

Facebook
(Usability: 9/10, Dev resource: 10/10, Community: 7/10, Sample code: 10/10)

Developer resources : http://developers.facebook.com/

JavaScript SDK with sample : http://developers.facebook.com/docs/reference/javascript/

Community resources: http://developers.facebook.com/blog/

Twitter
(Usability: 9/10, Dev resource: 10/10, Community: 7/10, Sample code: 10/10)

Developer resources: https://dev.twitter.com/docs

REST API and sample : https://dev.twitter.com/docs/api

Community resource : https://dev.twitter.com/discussions

Integrate FB javascript API to your asp.net app to implement FB connect

Hi,

I am going to demonstrate how you can use FB Javascript API to implement Facebook connect applications, as the facebook toolkit for .net is extremely unstable. You have to integrate the below code in your app.

Prerequisite

1)You need a channel.html file , content of that file is only this tag nothing else not even any standard html tags
<script src=”http://connect.facebook.net/en_US/all.js”></script&gt;
2) Top of the page where you are using this code replace your html tag by this tag (required for consistency across browsers)
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; xmlns:fb=”http://www.facebook.com/2008/fbml”&gt;

Code

<div>
<fb:login-button perms="email,user_photos"
size="large" length="long">Login with Facebook</fb:login-button>
<div style="display: none;">
<asp:Button ID="fbRegister" runat="server" Text="Ok"
onclick="fbRegister_Click"  />
</div>

<input id="hidEmail" type="hidden"runat="server" />
<input id="hidFirstName" type="hidden"runat="server" />
<input id="hidLastName" type="hidden"runat="server" />
<input id="hidUID" type="hidden"runat="server" />
<div id="fb-root">
</div>
<script src="http://connect.facebook.net/en_US/all.js"
type="text/javascript"></script>
<script type="text/javascript">
FB.init({ appId: 'YOUR_APP_ID', status: true, cookie: true,
xfbml: true, channelUrl: "channel.html" });
FB.Event.subscribe('auth.sessionChange', function(response) {
if (response.session) {
FB.api('/me', function(response) {
    $("#<%=hidEmail.ClientID %>").val(response.email);
    $("#<%=hidFirstName.ClientID %>").val(response.first_name);
    $("#<%=hidLastName.ClientID %>").val(response.last_name);
    $("#<%=hidUID.ClientID %>").val(response.id);
    $("#<%= fbRegister.ClientID %>").click();
   });
    } else {
      // The user has logged out, and the cookie has been cleared

}

});
function LoginWithFB() {
       $("#<%= fbRegister.ClientID %>").click();
}
</script>
</div>

Replace YOUR_APP_ID with your application id that you get during application registration with facebook. You can download sample code from here[^]