{"id":1676,"date":"2018-08-27T21:08:53","date_gmt":"2018-08-27T21:08:53","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=1676"},"modified":"2018-08-27T21:08:53","modified_gmt":"2018-08-27T21:08:53","slug":"install-and-test-your-teams-app-with-app-studio","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/install-and-test-your-teams-app-with-app-studio\/","title":{"rendered":"Install and Test Your Teams App with App Studio"},"content":{"rendered":"<p>Creating and testing a Teams app with App Studio just got easier. Today we&#8217;re happy to announce the ability to install your app directly from within App Studio.\u00a0 This feature removes the need to manually craft an app manifest or continually create app packages during testing.\u00a0Now, installing your custom app for testing is as simple as clicking a button.<\/p>\n<h3><strong>How it works:<\/strong><\/h3>\n<h4>Define your app in App Studio<\/h4>\n<p>If you\u2019re already using App Studio, the below will look familiar to you. This is App Studio\u2019s manifest editor tab. This is where you define and add capabilities to your app including bots, tabs, connectors, and messaging extensions.<\/p>\n<p>In the screen below we are actually using App Studio to make changes to the App Studio manifest. Because we built App Studio on the Teams app platform, we also use it when making changes to the app itself. It&#8217;s meta, but we like it.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1673 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/1-3.png\" alt=\"Manifest Editor - App Details\" width=\"3000\" height=\"1948\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/1-3.png 3000w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/1-3-300x195.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/1-3-1024x665.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/1-3-768x499.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/1-3-1536x997.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/1-3-2048x1330.png 2048w\" sizes=\"(max-width: 3000px) 100vw, 3000px\" \/><\/p>\n<p>Once you finish adding capabilities and required properties to your app, you can now easily install your app to Teams. To do so, navigate to the \u201cTest and Distribute\u201d portion the manifest editor.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1674 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/2-3.png\" alt=\"Manifest Editor - Test and Distribute\" width=\"3000\" height=\"1948\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/2-3.png 2500w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/2-3-300x195.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/2-3-1024x665.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/2-3-768x499.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/2-3-1536x997.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/2-3-2048x1330.png 2048w\" sizes=\"(max-width: 3000px) 100vw, 3000px\" \/><\/p>\n<h4>Install your app<\/h4>\n<p>From here you can simply click \u201cInstall\u201d, and just like that, you are prompted to choose where and how to install the app.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1675 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/3-4.png\" alt=\"Manifest Editor - Install\" width=\"3000\" height=\"1948\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/3-4.png 2500w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/3-4-300x195.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/3-4-1024x665.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/3-4-768x499.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/3-4-1536x997.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/08\/3-4-2048x1330.png 2048w\" sizes=\"(max-width: 3000px) 100vw, 3000px\" \/><\/p>\n<p>After you install your app to Teams, you can use it as you would any other custom app uploaded to Teams. Afterward, if you need to make any changes, make your edits in the manifest editor. After that, reinstall the app in a single click.<\/p>\n<p>Once you\u2019re ready to <a href=\"https:\/\/docs.microsoft.com\/en-us\/office\/dev\/store\/use-the-seller-dashboard-to-submit-to-the-office-store\">submit your app<\/a> for publication in AppSource and the Teams Store, click \u201cDownload\u201d to store your app package locally, and then click \u201cSubmit\u201d to be taken to the Microsoft Seller Dashboard where you can register as a Microsoft Developer and begin the submission process for your Teams app. If you are building your app as an internal application, you can work with your organization&#8217;s admins to submit it to your <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/tenant-apps-catalog-teams\">tenant app catalog<\/a>. Try this, and many other features, by <a href=\"https:\/\/teams.microsoft.com\/l\/app\/0c5cfdbb-596f-4d39-b557-5d9516c94107\">installing<\/a> App Studio today.<\/p>\n<h4>Wrapping up<\/h4>\n<p>This is just one of the many features we have planned focused on making sure that building a quality Teams app is as simple as possible. As always, please feel free to provide feedback. Provide feedback using the feedback link in the lower left corner of Microsoft Teams. If you have suggestions on how to make Teams better, please submit your idea via UserVoice or vote for existing ideas to help us prioritize the requests. We read every piece of feedback that we receive to make sure that Microsoft Teams meets your needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating and testing a Teams app with App Studio just got a lot easier. Install your apps without having to manage an app manifest or app package.<\/p>\n","protected":false},"author":69074,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128],"tags":[82],"class_list":["post-1676","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","tag-app-studio"],"acf":[],"blog_post_summary":"<p>Creating and testing a Teams app with App Studio just got a lot easier. Install your apps without having to manage an app manifest or app package.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/1676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69074"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=1676"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/1676\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=1676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=1676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=1676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}