{"componentChunkName":"component---src-templates-post-template-jsx","path":"/2021-04-01-different-ways-of-creating-the-viva-connections-app-package","result":{"data":{"markdownRemark":{"html":"<h2 id=\"background\" style=\"position:relative;\"><a href=\"#background\" aria-label=\"background permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Background</h2>\n<p>If you're just tuning in now, this post is one in a series I'm working on on better understanding and customizing the <a href=\"https://resources.techcommunity.microsoft.com/viva-connections/\">Connections</a> app in the <a href=\"https://www.microsoft.com/en-us/microsoft-viva\">Microsoft 'Viva'</a> family of 'Employee Experience' apps for Teams (if you're not familiar with Viva Connections, here's a short <a href=\"https://www.youtube.com/watch?v=KScTSuxZB7E\">overview video</a> from Microsoft). </p>\n<h2 id=\"important-repitition\" style=\"position:relative;\"><a href=\"#important-repitition\" aria-label=\"important repitition permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Important Repitition:</h2>\n<p>I covered this in my last post but it's really important to restate: Microsoft has provided a detailed <a href=\"https://docs.microsoft.com/en-us/SharePoint/viva-connections?branch=new-viva-connections#step-by-step-guide-to-setting-up-viva-connections-desktop\">guide to setting up Viva Connections</a>. Inside they list a few optional-but-highly-recommended \"pre\" steps to getting Viva Connections up and running. Basically, Viva Connections is about embedding a SharePoint Modern Communications site into a custom side-loaded app into Teams. As a result, you need to actually <em>have</em> a SharePoint site to embed. In addition, because this Viva Connections app is likely going to be rolled out to your entire company, it makes sense to set up and use a site that is configured as a <strong><a href=\"https://docs.microsoft.com/en-us/SharePoint/home-site\">Home Site</a></strong>.</p>\n<p>Even if you decide to ignore those and just embed a standard Modern Communication site, you'll still need to generate the pacakge for Viva Connections, so let's dive into that.</p>\n<h2 id=\"building-viva-connections\" style=\"position:relative;\"><a href=\"#building-viva-connections\" aria-label=\"building viva connections permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Building Viva Connections</h2>\n<p>Once the aforementioned two \"prerequisite\" steps are done, Step 3 and 4 in the guide speak about using PowerShell to create the deployment package. It links to <a href=\"https://www.microsoft.com/en-us/download/confirmation.aspx?id=102888\">this script</a> and also requires you to download the 'SharePoint Management Shell' for PowerShell. However, if that's not something you're comfortable doing, there's good news - there's a way to skip all this and create your app package manually. This package is doing nothing more than creating a custom App Package for Teams - very similarly to the same kind as if you were developing your own internal company Teams app, using App Studio or Visual Studio or heck, even Notepad. <a href=\"https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/apps-package\">This document</a> describes the package in more detail. In a nutshell, this app package consists of a single zip file with three contained files:</p>\n<ol>\n<li>A <code class=\"language-text\">manifest.json</code> - this is a file structured using the \"JSON\" notation (a way to define a document that's <em>computer-readable</em> but also <em>human-understandable</em>)</li>\n<li>A larger icon to appear in certain context menus in Teams</li>\n<li>A smaller icon to appear in the left menu so users can actually <em>access</em> \"Viva Connection\" (or whatever you choose to call your own internal version of it)</li>\n</ol>\n<p>I mentioned above that there is at least one other way to get to this final output. I'll cover another one in another post, but here's one option for now at least, that can bypass the PowerShell approach. Essentially, I've put together <a href=\"/VivaConnections/ManifestSample/manifest.json\">a sample manifest</a>. Download it and just modify as you like (provided you know what you're doing!) or, if you'd like to see the final version, here is the same file together with some sample \"Contoso\" icons <a href=\"/VivaConnections/ManifestSample/ContosoVivaConnectionsSample.zip\">already packaged into a zip file</a>. Most important is to make sure the web addresses match your tenant, especially the parts I've marked \"MyTenant\" (do a find-and-replace to get them all).</p>\n<p><strong>Warning</strong>: There is some risk using this approach! Because it's not the 'official' way to generate the package, there's a chance that Microsoft might change what the PowerShell script does (i.e. what the final manifest looks like - as an example, the <code class=\"language-text\">searchUrl</code> property only got released in version 1.8 of the manifest file). As a result, use with caution, but I'll try keep this file updated over time if/when any major changes occur.</p>\n<p>If you'd like more info on what all these bits in the manifest do, see my <a href=\"2021-03-31-understanding-viva-connections-app-package\">earlier post on the topic</a>.</p>\n<p>For the rest of the steps to getting the app deployed, you can go back to <a href=\"https://docs.microsoft.com/en-us/SharePoint/viva-connections\">the guide</a> and carry on from Step 5.</p>","timeToRead":3,"excerpt":"Background If you're just tuning in now, this post is one in a series I'm working on on better understanding and customizing the Connections…","frontmatter":{"title":"A Different Way to Create the Microsoft Viva Connections App Package","date":"2021-04-01T07:00:00Z","categories":["development","poweruser"],"tags":["viva","connections","dev","sharepoint","teams","office365"],"description":"Learn more about the Microsoft Viva Connections Teams Application Package","keywords":"Teams, Viva, Connections, Microsoft","cover":{"childImageSharp":{"fixed":{"base64":"data:image/webp;base64,UklGRsIAAABXRUJQVlA4WAoAAAAQAAAAEwAACwAAQUxQSB8AAAABD9D/iAioaRtJyj5XD3+wq5RHIaL/oSk48+B7pkADAFZQOCB8AAAAMAQAnQEqFAAMAD7RVKNLqCSjIbAIAQAaCWMArAGLkN9wD1+IQXfBdqBAAP7hIUYwehnQ46me7/pMnVEQ0T9pT2Tzw105pArcd+bhl3SOBXS4PsbuFAS4TCmOUAzDIWhbsQlVj5EPPaz6/8lKkbNHz1ayA78uONSuKAAAAA==","width":660,"height":400,"src":"/static/e007582ae5da3e1e985a5fa121cf5183/2194e/MicrosoftViva.webp","srcSet":"/static/e007582ae5da3e1e985a5fa121cf5183/2194e/MicrosoftViva.webp 1x"}}}},"fields":{"slug":"/2021-04-01-different-ways-of-creating-the-viva-connections-app-package","date":"2021-04-01T07:00:00.000Z"}}},"pageContext":{"slug":"/2021-04-01-different-ways-of-creating-the-viva-connections-app-package","nexttitle":"Understanding the Microsoft Viva Connections App Package","nextslug":"/2021-03-31-understanding-viva-connections-app-package","prevtitle":"Setting Different Sites for Different Users in Microsoft Viva Connections","prevslug":"/2021-04-05-viva-connections-different-sites-for-different-users","tagList":["viva","connections","dev","sharepoint","teams","office365","search","adoption","collaboration","bots","help","bugs"],"categoryList":["development","poweruser","training","personal"],"latestPostEdges":[{"node":{"fields":{"slug":"/2021-04-12-viva-connections-custom-search"},"frontmatter":{"template":"post","title":"Using a Custom Search Page in Microsoft Viva Connections","tags":["viva","connections","dev","sharepoint","teams","office365","search"],"categories":["development","poweruser"],"date":"2021-04-12T07:00:00Z"}}},{"node":{"fields":{"slug":"/2021-04-05-viva-connections-different-sites-for-different-users"},"frontmatter":{"template":"post","title":"Setting Different Sites for Different Users in Microsoft Viva Connections","tags":["viva","connections","dev","sharepoint","teams","office365"],"categories":["development","poweruser"],"date":"2021-04-05T07:00:00Z"}}},{"node":{"fields":{"slug":"/2021-04-01-different-ways-of-creating-the-viva-connections-app-package"},"frontmatter":{"template":"post","title":"A Different Way to Create the Microsoft Viva Connections App Package","tags":["viva","connections","dev","sharepoint","teams","office365"],"categories":["development","poweruser"],"date":"2021-04-01T07:00:00Z"}}},{"node":{"fields":{"slug":"/2021-03-31-understanding-viva-connections-app-package"},"frontmatter":{"template":"post","title":"Understanding the Microsoft Viva Connections App Package","tags":["viva","connections","dev","sharepoint","teams","office365"],"categories":["development","poweruser"],"date":"2021-03-31T07:00:00Z"}}},{"node":{"fields":{"slug":"/2021-02-18-podcast-building-teams-apps"},"frontmatter":{"template":"post","title":"[PODCAST] Building Apps for Microsoft Teams on DotNetRocks","tags":["dev","sharepoint","teams","office365","adoption","collaboration","bots"],"categories":["development","poweruser","training"],"date":"2021-02-18T07:00:00Z"}}},{"node":{"fields":{"slug":"/2020-11-15-webcast-bots-drive-collaboration"},"frontmatter":{"template":"post","title":"[WEBINAR] How Bots in Teams Can Drive Collaboration & Increase User Adoption","tags":["dev","sharepoint","teams","office365","adoption","collaboration","bots"],"categories":["development","poweruser","training"],"date":"2020-11-15T07:00:00Z"}}},{"node":{"fields":{"slug":"/2020-04-29-headerlesssearchresults-cant-show-this-page-with-its-current-layout"},"frontmatter":{"template":"post","title":"Custom SharePoint Online Search Results Error - HeaderlessSearchResults Error - 'We can't show this page with its current layout'","tags":["dev","sharepoint","office365","help","search"],"categories":["development"],"date":"2020-04-29T07:00:00Z"}}},{"node":{"fields":{"slug":"/2020-02-13-multiple-repeated-members-added-in-teams"},"frontmatter":{"template":"post","title":"Teams Bot Issue - Multiple (Repeated) ConversationUpdate/MembersAdded Messages","tags":["dev","teams","bots","bugs"],"categories":["development"],"date":"2020-02-13T19:00:00Z"}}}]}},"staticQueryHashes":[]}