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 

Create New Web App

Create Azure Web App

Create Azure Web App Running

Download Publishing Profile

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

Download Publishing Profile

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

One Comment

  1. Excellent post. I was checking constantly this blog and
    I am impressed! Extremely helpful information particularly the lasst part 🙂
    I care for suh info much. I was looking for this certain information for a long time.
    Thank you and best of luck.

Leave a Reply