showwall installation - techperspect software : sharepoint ... wall/v2.0/installation.pdf · click...
TRANSCRIPT
1/14/2014
ShowWall Installation Installation set for TechPerspect’s Facebook ShowWall App for SharePoint This document contains the installation listing of Facebook ShowWall App
2014
TechPerspect 1/14/2014
ShowWall Installation
Contents Installation ..................................................................................................................................................................2
Step 1: Register App in FaceBook ...........................................................................................................................2
Step 2: Create Page ................................................................................................................................................9
Step 3: Add App Part ........................................................................................................................................... 11
Step 4: Configure App .......................................................................................................................................... 13
[email protected] .................................................................................................................................... 16
ShowWall Installation
Installation
Step 1: Register App in Facebook In order to use Facebook Wall App Part, you need to first register an App in Facebook. You can refer below steps
on How to Create an App in Facebook.
Login into Facebook Developers account to create a new App.
https://developers.facebook.com
ShowWall Installation
You will be asked for “Register as a Developer”. Complete the registration steps and then click on Create
new App button.
Enter a title for the App, leave the rest of the fields as blank.
ShowWall Installation
Note: you may be asked for entering a security check value for verification.
ShowWall Installation
This will create a basic app for Facebook. Click on Save Changes to save your changes. The screen will look as
shown in below screen shot:
Note down the App ID and App Secret in the above screen shot. This would be required in our
SharePoint App for interaction with Facebook API.
ShowWall Installation
In this step, you will need to generate a Code. Follow the below steps to get the Facebook code:
o Edit the below URL by replacing the token {AppID} with your App ID.
https://www.facebook.com/dialog/oauth?client_id={AppID}&redirect_uri=http://www.facebook.com/connect/l
ogin_success.html&scope=read_stream&response_type=token
o Paste the above url in browser to get a short term access token. You may be asked for
navigation to the app you created in above steps (see screen shot below)
You will need to allow the app access your public profile
ShowWall Installation
Once done you will get a success message as shown in below screen shot. The access token generated this was has very limited timeout.
Note: In some of the browsers, the generated access token is lost from the page as soon as it is rendered. In order to get the generated access code from the browser, navigate to "History" and copy the access code from the previous request.
ShowWall Installation
To generate a long term token, copy the access token that you got in above step and paste it in the url below with other information like [AppID ]and [AppSecret].
https://graph.facebook.com/oauth/access_token?grant_type=fb_exchange_token&client_id={AppID}&client_se
cret={AppSecret}&fb_exchange_token={AccessToken}
After pasting the above url in browser, you will get a long term access token as shown below.
Copy the access token & save it, you have to paste it in the “Code” property of your app part in Step 4
ShowWall Installation
Step 2: Create Page
Create a Wiki/Web part page in your SharePoint site. To create a new page, Navigate to Site Contents ->
Site Pages link to create a new page in which the App Part would be added
ShowWall Installation
Click on the Link “New Wiki Page” to add a new wiki page in your SharePoint site.
Give a name to your page and click “Create” to create a new page.
As soon as the page is created, you will be navigated automatically to the newly created page.
ShowWall Installation
Step 3: Add App Part
Open the “Insert” Tab and click on the image titled as “App Part”.
Once clicked, you will see list of the App parts deployed in your site. Select the desired app part and click
“Add”.
After the App Part is added, Save the page, you will see the app part rendered in your page.
ShowWall Installation
ShowWall Installation
Step 4: Configure App
Configure your Facebook Wall App Part by clicking on the “Edit Web Part” menu on right side of your
App Part (as shown in below screen shot)
ShowWall Installation
Expand the node named “Facebook Wall Settings” in App Part Properties. Enter the Facebook
Authentication "Code" and click Apply.(generated in Step 1)
Enter your Facebook User Id or User Name or Page Id.
The rest of the properties are optional and can be changed as per requirement. Once configured, you will be able to see the user feeds in the Facebook Wall App Part.
ShowWall Installation
ShowWall Installation
TechPerspect is a business technology service & solution provider helping organizations realize the true
potential of technology. TechPerspect was started by a diverse team of professionals who came from different
backgrounds and had already scripted successful careers for themselves. Their vision is to build an organization
that is among the most admired companies globally for its value services and that is reflected in the way we do
business. Providing innovative technology solutions to different businesses we intend to be called by our clients
“A technology firm with a difference”
We provide Innovative technology solutions to resolve business problems and thus help achieving organizational
efficiency & effectiveness.
www.techperspect.com