Add LinkedIn Sign In button through Javascript API
Before integrating with Linkedin javascript API we need to register our application with Linkedin.
To do this go to https://www.linkedin.com/secure/developer, in the Javascript domains add your application URL, localhost is accepted
Below code will describes how to add linkedin sign in button to your application.
Sample JSP file:
<!-- 1. Include the LinkedIn JavaScript API and define a onLoad callback function --> api_key: your_api_key scope: r_network,r_emailaddress,r_fullprofile,r_basicprofile,r_contactinfo <!-- need to be logged in to use Search; if not, offer a login button -->
That’s it, linkedin sign in button will appear in your page, if you click on it based on the scope it will ask your permissions.
For searching people from your application , we have to use Linkedin People Search API
To use linkedin search API, i have developed small program. It will ask for first name and last name, based on the given data it will search in linked in and prints the result in UI.
LinkedIn JavaScript API Hello World <!-- 1. Include the LinkedIn JavaScript API and define a onLoad callback function --> api_key: your_api_key scope: r_network,r_emailaddress,r_fullprofile,r_basicprofile,r_contactinfo function searchClick() { alert($("#firstNameId").val()+":"+$("#lastNameId").val()); if (!IN.ENV.auth.oauth_token) { alert("You must login w/ LinkedIn to use the Search functionality!"); return; } IN.API.PeopleSearch() .fields("id", "firstName", "lastName","emailAddress","headline","industry","pictureUrl","positions", "summary","numConnections") .params({ "first-name": $("#firstNameId").val(), "last-name": $("#lastNameId").val(), "count":25 }) .result(function(result, metadata) { setSearchResults(result.people.values); }); } function setSearchResults(values) { var table = $("#resulttable"); table.append(' <tr> <th>First Name</th> <th>Last Name</th> <th>Head Line</th> <th>Industry</th> <th>Picture</th> <th>No Of Connections</th> <th>Summary</th> <th>Positions</th> </tr> '); for (i in values) { try{ var person = values[i]; var positionsStr = " <ul>"; for(i in person.positions.values){ positionsStr+=" <li>"+person.positions.values[i].company.name+"</li> "; } console.log(positionsStr); table.append(' <tr> <td>'+ person.firstName+'</td> <td>'+ person.lastName+'</td> <td>'+ person.headline+'</td> <td>'+ person.industry+'</td> <td><img src="'+ person.pictureUrl+'" /></td> <td>'+ person.numConnections+'</td> <td>'+ person.summary+'</td> <td>'+ positionsStr+'</ul> </td> </tr> ') }catch(err){alert(err);} } } <!-- need to be logged in to use Search; if not, offer a login button --> <div align="right"> </div> Basic test of the People Search API via Connect. First Name: Last Name: <table id="resulttable"></table>
Thats it, for further info regarding Linkedin API http://api.linkedin.com/
I have given the domain name as http://localhost ..but its displaying the login button
You have to give the full url of your application, like http://localhost:8080/SampleProject
My project is in E:drive ..should i give the path name of it..or project name is enough?
When you run the application, You can see the URL in browser. Please give that.
Usually it will be your project name.
thanks fa ur reply..i jus need a guidance from u..???will u pls help me..??? i have given the my domain name as.. http://domainname.in..but am not getting the login button..should i upload the js file separately in server .?? can u guess wat will be the error??
http://www.iexemplar.com/website/Dev/linkedin.html …this s my domain name..pls help me to get the login button
Thanks a lot..my code is working well..
I have same problem as you have in starting , please help me to resolve this problem as you said that now your code is working fine (problem: I can’t see login button)
Nice post. I learn something new and challenging on blogs I stumbleupon on a daily
basis. It will always be helpful to read content from other
authors and use something from other web sites.
I like the helpful information you supply for your articles.
I’ll bookmark your weblog and test again here frequently.
I’m rather certain I will be informed many new stuff right right here!
Good luck for the following!
This article gives clear idea designed for the new users of blogging, that actually how to do blogging and site-building.
Thanks for finally writing about >How to use LinkedIn Javascript API
| java2practice <Loved it!
You must specify a valid JavaScript API Domain as part of this key’s configuration.