Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / productivity / SharePoint / SharePoint2013

Apps in SharePoint 2013

4.50/5 (3 votes)
23 Nov 2015CPOL2 min read 8.3K  
I want to create a Auto-Hosted App in 2013 using Visual Studio Ultimate 2012.

Basically in SharePoint, the application can be hosted by three types.

  1. Provider-hosted
  2. Hosted in the cloud (Windows Azure auto hosted)
  3. Hosted in a SharePoint environment

Creating a SharePoint 2013 Auto-hosted App

I want to create a Auto-Hosted App in 2013 using Visual Studio Ultimate 2012.

I have installed Windows server 2012, enabled all required features. Installed Office 2010, SharePoint 2013, Visual Studio Ultimate 2012 and Developer tools for SharePoint 2013.

Now let’s create a Provider-hosted app for a SharePoint 2013 Team site created on Office 365

Step 1: Open Visual Studio 2012 and select Apps->App for SharePoint 2013.

s1.png

s2.png

s3.png

Step 2: Enter the URL of the Site collection where you wish to deploy the app and select AutoHosted option. Click Next button

s4.png

Step 3: Sign Up for an Office 365 Developer Site and Validate the Connection. If connection successful, click ok and then Finish Button.

s5.png

s6.png

Step 4: You will notice that there are 2 projects (one for app and the other for web) created under the solution. Go to the Default.aspx and enter some HTML tags and text to display.

s7.png

s8.png

Step 5: Right click on the TestAutoHostedApp and select publish.

s9.png

Step 6: The following window will pop up and Selcet Finish Button.

Step 7: Once the app is published, the folder containing the .app file will open.

Step 8: Now open the SharePoint site where you wish to deploy the app and click on the "new app to deploy" link.

Step 9: The following popup will appear. Click on the upload link.

s13.png

s14.png

Step 10: Enter the .app file location for uploading the app to the site.

s15.png

s16.png

Step 11: Once the app is successfully installed, click on Deploy button to deploy the app.

s19.png

Step 12: The app will seek for permission to deploy. Click on Trust It button to give permission and Once the app is successfully deployed, you can see it in the Site Contents page.

s20.png

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)