10
Creating an SharePoint Hosted App using Visual Studio 2012 Prepared by C.Nandhini

Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

Embed Size (px)

Citation preview

Page 1: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

Creating an SharePoint Hosted App using Visual Studio 2012

Prepared by

C.Nandhini

Page 2: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

Revision and Signoff Sheet

Change Record

Date Author Version Change reference

02-03-2015 C.Nandhini V1.0 Draft Creation

Reviewers

Name Version approved

Position Date

S.Thiyagu V1.0 Team Lead 02-03-2015

Page 3: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

Table of Contents1. Creating SharePoint-Hosted App in Visual Studio 2012.....................................................................................2

Page 4: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

1. Creating SharePoint-Hosted App in Visual Studio 20121. Click Start and type “Visual studio 2012”.2. Select “Visual Studio 2012” and right click “Run as administrator”.3. In Visual Studio 2012 click “File” from Menu bar.4. Click “New” from file menu and click “Project”.

5. In this page select “office/SharePoint”.

6. Click “Apps” from office/SharePoint.

Page 5: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

7. Select “App for SharePoint 2013”.8. Give the name to the app and click “OK”.

9. “New app for SharePoint” window will be opened.

Page 6: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

10.In this window select the site URL where you want to deploy your app and click “validate” button. Note: The site you are using should be a “Developer Site”.

11.On Clicking Validate button, it verifies the URL selected is exist or not.

Page 7: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

12.Select which type of app you are going to use. Like1. SharePoint Hosted2. Auto Hosted3. Provider Hosted

13. Click “Finish” button.

14. After Clicking finish button it redirects to Default.aspx page.15. Click AppManifest.xml from solution Explorer.16. It redirects to AppManifest.xml page.17. In AppManifest.xml page click “Permissions” tab.

Page 8: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

18. In the Scope drop-down list, select Web, Site Collection, List etc.,

19. In permission dropdown give full control to provide full rights to do something.

Page 9: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

20. To deploy the app, right click the app in solution explorer and click “Deploy”.

21. Once the app is deployed, browser will get opened with trust it Prompt.22. Click trust it to deploy the app to the site.

Page 10: Creating SharePoint-Hosted App in Visual Studio 2012 Web viewCreating an SharePoint Hosted App using Visual Studio 2012. Prepared by. C.Nandhini. Revision and Signoff Sheet. Change

23. Now the browser will prompt for your credentials. Type your credential & click “OK”.

24. The App page will be opened.