Building a SharePoint Online chat room with SignalR and Azure – Part 5: Deploy the app in SharePoint Online

Deploy the app in SharePoint Online

The last step to actually using our chat room in a full scale environment is to deploy the SharePoint app itself.  Start by right clicking the SharePoint app project in Visual Studio and selecting ‘Publish…”image_thumb72

In the window that opens, click the “Edit” button next to the “Current profile:” drop down:

image_thumb74

In the next window that opens, add the Client ID and Client Secret from our web.config:

image_thumb76

Click Finish.  Selecting the profile and adding our Client ID and Secret gives our app permissions within our SharePoint tenant.  Next, click the “Package the app” button:

image_thumb78

In the window that opens, verify that the URL and Client ID are correct (we may need to change the URL from http:// to https://), and click Finish:

image_thumb80

After clicking Finish, Visual Studio will package our app in a .app file.  Visual Studio will also automatically open Windows Explorer in the folder where the app resides:

image_thumb82

Now, we need to head over to the App Catalog in SharePoint.  If you don’t have an App Catalog in your tenant, you can create one from the SharePoint Admin portal.

image_thumb84

From the App Catalog, click the “Apps for SharePoint” link on the left:

image_thumb86

We need to upload our .app file to the catalog.  We can either do that using the ‘upload’ link on the Apps for SharePoint page, or we can just drag and drop the file from Windows Explorer:

image_thumb88

If everything went according to plan, we should now see our new chat room app in the Apps for SharePoint catalog:

image_thumb90

And finally, the last step: adding the chat room to our favorite SharePoint site.  We’ll make our way to the site that we’d like to use to host our app:

image_thumb92

Next, click the Site Contents link under the little gear icon in the top right corner:

image_thumb94

In the Site Contents window, select “add an app”:

image_thumb96

From the ‘Apps You Can Add’ window, click the chat room app:

image_thumb98

Again, trust the app if necessary:

image_thumb100

The app should now be in the Lists, Libraries, and other Apps section:

image_thumb102

Go back to the page where we’d like to add the chat room web part and put the page into Edit mode and add the chat room app, just as we did before.

image_thumb104

Finally, save the page and we’re all done!

image_thumb110

YES!

http://i0.kym-cdn.com/photos/images/newsfeed/000/185/885/SANDCASTLES.png?1318627593

 

Part 1: Create the SharePoint Online app and associated website

Part 2: Test the app in Visual Studio

Part 3: Create the SharePoint Online web part

Part 4: Deploy the site to Azure

Part 5: Deploy the app in SharePoint Online

Part 6: Gotchas and Thoughts

One comment on “Building a SharePoint Online chat room with SignalR and Azure – Part 5: Deploy the app in SharePoint Online

  1. Reading this series of articles has made me very angry. Not at you, but at Microsoft and the SharePoint team for not providing documentation at this level of quality to support their SharePoint Online product. I cannot tell you how many MSDN articles that have gotten me 10% of the way to anything useful. It doesn’t help that they will have multiple names for the same thing, and of course will also change it on a whim.

    Thank you for sharing this. This has been the best documentation on the subject matter by a long shot.

Leave a Reply

Your email address will not be published.