Wednesday, August 28, 2013

SharePoint 2013 - Creating a SharePoint 2013 Autohosted App

In this post we will discuss about the Autohosted apps for SharePoint 2013.

Overview
The Autohosted app model are created on sites which are already provisioned on Windows Azure websites.
Unlike SharePoint hosted apps, an app web is not present in autohosted apps for storing data. It uses its own SQL Azure based infrastructure instead and works only for SharePoint Sites hosted on Office 365 or SharePoint Online.

Steps for creating an Autohosted App
Now lets create an auto-hosted app for a SharePoint 2013 Team site created on Office 365.

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

2) Enter the URL of the SharePoint site which is hosted on Office 365 developer site. If you don't have an Office 365 developer account, you can easily signup for a 30 day trial account. You can see the detailed steps here.

3) Once you have created the Office 365 developer site account, enter the URL of the SharePoint Site where you wish to deploy the app and select Autohosted option.

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 sample text.

5) Right click on the app project and select publish.

6) The following window will pop up. Click on Finish button to publish the app.

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

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

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

 10) Enter the .app file location for uploading the app to the site.

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

12) The app will seek for permission to deploy. Click on Trust It button to give permission.

 13) Once the app is successfully deployed, you can see it in the Site Contents page.

14) Click on the app and you will be navigated to the app page.

No comments:

Post a Comment