Provider Hosted App (Add-in) on SharePoint Online in 5 steps – Step 1/5

This blog post is a mere refresher to the folks who already know what SharePoint apps are and also know the basic difference between SharePoint hosted and Provider hosted app.

This blog post unfortunately does not get into the weeds but focuses on quickly connecting all the dots to quickly set up a provider hosted app for development. If you would like to choose pattern for your development read this MSDN Article

A picture is worth a thousand words, most of the blog post will have loads of images and they will speak for them selves.

Let’s get started! Following are the steps to get a basic Provider Hosted App up and running!

Step 1:  Create a Azure Web App to host your code and download Publishing Profile

Step 2:  Configure Visual Studio for development

• Step 2 a: Create a new project of Type ‘Apps for SharePoint’
• Step 2 b: Choose .NET 4.5 as target framework
• Step 2 c: Enter the SharePoint Site URL where this app needs to be deployed
• Step 2 d: Choose the type of app as ‘Provide hosted app’
• Step 2 e: Enter Office 365 Credentials to connect visual studio with Office 365
• Step 2 f:  Create a new publishing profile, import the Azure web app profile and Publish

Step 3: Register the app and update the Visual Studio

Step 4: Create Publishing Profiles for Azure Web App and publish

Step 5: Create Publishing Profiles for SharePoint Online and publish

Step 1: Create a Azure Web App to host your code and download Publishing Profile 

• Log on to http://manage.windowsazure.com and click on the highlighted items as show below

• Download publishing settings and save it for later use in Step 4

Continue to Step 2 :Configure Visual Studio for development >>

Note:  This blog post has been to split into multiple posts as they render fast with fewer images and it will greatly enhance the experience for readers accessing this via mobile devices