Step By Step- SharePoint 2013 Provider Hosted App - Azure Hosting

Here In this blog on SharePoint 2013 Provider hosted app will try to cover each and every steps to create provider hosted app.

 1. Open Visual Studio 2012.

2. Click on New Project -> Select SharePoint template 


 3. Visual studio will prompt to add Office 365 SharePoint Site you are using and select the Provider-hosted from dropdown list.

4.  On selection of Provide Hosted, click Next you will be prompted with following screen.
Select use a client secret option.

5. Now, Click on Finish. visual studio will take some time to prepare solution.

6. Solution has been created with two projects, looks like below image,
7.  App project will be deployed to SharePoint. And AppWeb project will be .Net Web Application. 
8. Now lets Deploy Provider-Hosted App to SharePoint.
 here, I am adding some sample test text in default.aspx as per below code,

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   <h2>First Azure Page.</h2>     </div>
    </form>
</body>
</html>

9.  Check the code behind of default.aspx contains code to get Accesstoken from TokenHelper.cs

10. Now,


11. Copy the App Id to AppManifest.xml file in your Visual Studio project. will look like below, you need to modify it by right click and view code.

<?xml version="1.0" encoding="utf-8" ?>
…
  <Properties>
    <Title>TestApp</Title>
    <StartPage>http://anuja-bhojani.azurewebsites.net/Pages/Default.aspx?{StandardTokens}</StartPage>
  </Properties>
  <AppPrincipal>
    <RemoteWebApplication ClientId="f3bdddd6-65a1-5g89-acd5-655dddddd94c" />
  </AppPrincipal>
</App>

12. We have to add this to Web.config also.

<appSettings> 
  <add key="ClientId" value="f3bdddd6-65a1-5g89-acd5-655dddddd94c" />
 <add key="ClientSecret" value="damw+Svgx3K999556744332999zmmGmI1C6HKWWKbGU=" /> 
</appSettings>

 13. Last step, need to give permission on App, Due to that we can interact with SharePoint. Please look the image below.

14. We are good to go now, Right click on app project -> Publish

15. Select Publish Profile from drop down, if not yet downloaded, click on import and from azure site download it.

16. Click Next, you will get automatically feel up ClientID and Secret, Just press Finish.

17. You will see Page where you need to click on "Trust App". Will redirect to azure site where will get our test message.

 We are done with simple provider hosted app!

For the advance operation list read and write operation:
http://anujabhojani.blogspot.in/2013/06/provider-hosted-app-azure-and-read.html

Comments

  1. vipinDecember 9, 2013 at 4:48 AM

    Nice and Simple Article Anuja.. Thanks it helped me.

    While following your article, i didnt get how to publish the Web project on azure site i have created. After clicking on Publish on web project and choosing web deploy option, a number of parameters are being asked... what to fill for that .. can you explain with some screenshot.

    ReplyDelete
    Replies
    1. AnujaDecember 9, 2013 at 10:53 PM

      I am glad that this article helps you, I think you are doing publish on wrong project, it should be on app project, which should redirect you to select the publish profile.

      Delete
  2. UnknownSeptember 1, 2015 at 6:12 AM

    CloudAppsPortal offers free SharePoint sites that are fully functional. www.cloudappsportal.com believes in encouraging users to learn and adopt SharePoint technology for individual, consulting or small and medium business uses.

    ReplyDelete

Post a Comment

Popular posts from this blog

Search Result Webpart,Filter result If QueryString is present in URL

Image
There was a requirement to filter the search result based on QueryString present in url, and if no QueryString present then should populate all the results. Issue was simple to resolve if every time there is QueryString present, then below Query will do the job. Below filtering the result by checking managed metadata property equals the query string value. Above query was filtering the result based on QueryString given in URL. However it fails if there is no QueryString present in url.  "No result found" message appear. Ideally should populate all the results. And filter should be optional in query for this scenario. So I need to modify the query and to add some condition like, if QueryString present then check managed metadata property equals the query string value, else no. To achieve this, there is syntax  {searchboxquery} {? <some KQL expression> } , If MyParameter querystring is not present in URL,  then just first part of KQL query wi...
Read more

SharePoint 2013 Workflow gets canceled automatically

Hi, I was struck with the error of Workflow gets canceled automatically. Scenario was : A new SP 2013 installation, one server with SP, WF, etc and the other is simply SQL Server. Went through the installation steps for Workflow including the powershell bits. In designer, I am able to create a simple workflow and select 2013 as the type. When the workflow is run, is shows internal status is canceled and has the following error text below. RequestorId: 55c6990b-c4a6-352c-4a5b-449fc1aecac4. Details: System.ApplicationException: HTTP 401 {"x-ms-diagnostics":["3001000;reason=\"There has been an error authenticating the request.\";category=\"invalid_client\""],"SPRequestGuid":["55c6990b-c4a6-352c-4a5b-449fc1aecac4"],"request-id":["55c6990b-c4a6-352c-4a5b-449fc1aecac4"],"X-FRAME-OPTIONS":["SAMEORIGIN"],"SPRequestDuration":["61"],"SPIisLatency":["1...
Read more

Permission denied for "Add and Customize Pages" in Sharepoint Online

Image
Problem: I have created root site in SharePoint Online, weird problem I started facing is being a site administrator I was not able to customize the page/ upload the any page or master page. As in image below, for some reason I am set as Deny to "Add and Customize Pages". The problem is related to 'Scripting Capabilities' being turned off by default for the root site collection in Office 365. I found some article on community: https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f?ui=en-US&=amp&rs=en-US&ad=US It mentions that turning on scripting through the Sharepoint Admin Settings and wait around 24 hours. However, this did not work for me. still the issue was there. Following lines of script did a trick. Solution: Connect-SPOService -Url https://<yoursitename>-admin.sharepoint.com -credential <admincredentials> Set-SPOsite https://<your root site ur...
Read more