Creating Provider-Hosted App in Office 365 and Azure Using VS 2013: Part 2

In my previous article Creating Provider-Hosted App in Office 365 and Azure Using VS 2013: Part 1 you saw how to perform the following procedure:

1. Sign up for an Office 365 Developer Site.
2. Sign up for an Azure trial subscription.
3. Set up an App Catalog in Office 365.
4. Create a Provider-Hosted App using Visual Studio 2013.

In this article you will perform the following procedure:

1. Publish the web to Microsoft Azure Websites.
2. Register the App in Office 365.
3. Configure the app settings for Azure Website.

Publish the web to Microsoft Azure Websites

1. In the Solution Explorer, right-click on MyFirstProvidedHostedApp and then click on Publish.
   
   
   
   
2. Select the publish target as Microsoft Azure Websites.
   
   
   
   
3. In the Select Existing Website wizard, click on the Sign In button.
   
   
   
   
4. Enter the email address of the Azure account.
   
   
   
   
5. Click on the Continue button.
   
   
6. Enter the Azure credentials and then click on the Sign in button.
   
   
   
   
7. Once you have signed in, click on the New button to create a new website in Azure.
   
   
   
   
8. Enter the Site Name, select the Region and then click on the Create button.
   
   
   
   
9. Create a new website in Azure.
   
   
   
   
10. In the Publish web wizard, click on the Publish button.
    
    
    
    
11. The site is opened in a new tab and you will be getting an error message as shown below. This is because we have not yet configured the app settings, that will be done in a later section. Save the site URL (http://myfirstprovidedhostedapp.azurewebsites.net/) separately for later use that will be used when configuring the app.
    
    

Register the app in Office 365

1. Log into the O365 developer site as an administrator (Example: https://c986.sharepoint.com/).
   
   
2. From the developer site, navigate to /_layouts/15/appregnew.aspx (Example: https://c986.sharepoint.com/_layouts/15/appregnew.aspx).
   
   
3. Click Generate next to the Client ID.
   
   
4. Click Generate next to the Client Secret.
   
   
5. Enter First Provider Hosted App as the Title.
   
   
6. Enter the App Domain for the Azure web site you created earlier (for example: myfirstprovidedhostedapp.azurewebsites.net).
   
   
7. Enter the Redirect URI as the reference for the page (for example: https://myfirstprovidedhostedapp.azurewebsites.net/). Make sure you add the reference URL with the https protocl.
   
   
8. Click on the Create button.
   
   
   
   
9. The App identifier is created successfully as shown below. Save the Client ID and Client Secret separately for later use.
   
   

Configure the app settings for Azure Website

1. Log into the Windows Azure portal as an administrator.
   
   
2. Click on Websites in the left navigation. You could be able to see the website that we have deployed previously.
   
   
   
   
3. Click on the website.
   
   
4. Click on the Configure tab.
   
   
   
   
5. Go to the app settings section and create the following entries. (Copy the Client Id and Client Secret that we have generated in Office 365 previously).
   
   
   
   
6. Save the changes.

In the next article you will see how to publish the app and add the app to the Office 365 developer site.