{"id":1931,"date":"2018-10-30T18:28:05","date_gmt":"2018-10-31T01:28:05","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=1931"},"modified":"2018-10-30T18:28:05","modified_gmt":"2018-10-31T01:28:05","slug":"whats-new-in-app-studio-october-2018","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/whats-new-in-app-studio-october-2018\/","title":{"rendered":"What&#8217;s New in App Studio &#8211; October 2018"},"content":{"rendered":"<div>\n<div>Over the last month we&#8217;ve added powerful new functionality to App Studio. Building on our momentum from our <a href=\"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/install-and-test-your-teams-app-with-app-studio\/\">last set of updates<\/a>, these features make it easier for developers to build high quality apps on the Teams platform. We&#8217;re excited to share these new features with you and give you a quick primer on their functionality.<\/div>\n<div><\/div>\n<div>\n<div>\n<h3>Create a Teams bot in a single click<\/h3>\n<div>Previously, creating and registering a bot in App Studio required navigating to the Microsoft App portal, creating an AAD app, taking that registration info to Bot Framework, registering a bot, and then bringing that info into your manifest. Now, you can simply click a button and we take care of all of that work on your behalf.<\/div>\n<h4>How it works<\/h4>\n<div>Simply open <a href=\"https:\/\/teams.microsoft.com\/l\/app\/0c5cfdbb-596f-4d39-b557-5d9516c94107\">App Studio<\/a> as normal then navigate to the Manifest editor. Once there navigate to the bot capability and click &#8220;Set up&#8221; to begin registering and configuring your bot. Now all you have to do is simply name your bot, configure a few settings, and you&#8217;re done.<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<div>\n<div>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1937 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/new-bot2.png\" alt=\"Registering a new Teams bot in App Studio\" width=\"3360\" height=\"2058\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/new-bot2.png 2500w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/new-bot2-300x184.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/new-bot2-1024x627.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/new-bot2-768x470.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/new-bot2-1536x941.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/new-bot2-2048x1254.png 2048w\" sizes=\"(max-width: 3360px) 100vw, 3360px\" \/><\/p>\n<div><\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<div>\n<div>\n<div>Once registration is complete you can manage your bot settings directly from App Studio as before.<\/div>\n<\/div>\n<div><\/div>\n<div>\n<div>Managing a bot with an existing registration in App Studio is also a bit easier. We&#8217;ve replaced a somewhat clunky flow which required changes in the Bot Framework portal. Now when you select &#8220;Existing bot&#8221; you can simply select from a new drop down menu. This allows you to pick from all of the bots you have access to.<\/div>\n<div><\/div>\n<div>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1938 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/existing-bot2.png\" alt=\"Choose an existing Bot Framework bot in App Studio\" width=\"3360\" height=\"2058\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/existing-bot2.png 2500w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/existing-bot2-300x184.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/existing-bot2-1024x627.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/existing-bot2-768x470.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/existing-bot2-1536x941.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/existing-bot2-2048x1254.png 2048w\" sizes=\"(max-width: 3360px) 100vw, 3360px\" \/><\/p>\n<\/div>\n<div><\/div>\n<div>\n<div>These improvements also apply to compose extensions as they are powered by bots under the hood.<\/div>\n<div><\/div>\n<\/div>\n<h3>Card Editor<\/h3>\n<div>We&#8217;ve began a redesign of the card editor that for the first time allows you to work on and save multiple cards, as well as provides a cleaner and more user friendly overall design for the tool. You can now create edit and save multiple cards.<\/div>\n<div><\/div>\n<div><img decoding=\"async\" class=\"aligncenter wp-image-1940 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-1.png\" alt=\"A redesigned card editor\" width=\"1916\" height=\"1163\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-1.png 1916w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-1-300x182.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-1-1024x622.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-1-768x466.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-1-1536x932.png 1536w\" sizes=\"(max-width: 1916px) 100vw, 1916px\" \/><\/div>\n<div><\/div>\n<div>To create a new card, simply navigate to the Card editor tab of the App Studio and click &#8220;Create a new card&#8221;. You may then select between creating a Hero, Thumbnail, or Adaptive Card. Selecting a Hero or Thumbnail card presents the card builder, JSON editor, and a code preview experience that you are familiar with. If you choose to create an Adaptive Card, you&#8217;re presented with a JSON editor, code preview, and a new live card preview experience.<\/div>\n<div>\u00a0<img decoding=\"async\" class=\"aligncenter wp-image-1944 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-3.png\" alt=\"Choose which kind of card you'd like to make\" width=\"1920\" height=\"1168\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-3.png 1920w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-3-300x183.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-3-1024x623.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-3-768x467.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/card-editor-3-1536x934.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/div>\n<\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<h4>Adaptive Card Support<\/h4>\n<div>\n<div>\n<div>With support for adaptive cards, you can now use a built in JSON editor to write and preview adaptive cards. You have the ability to view a live preview of your card from within the Card editor, or have App Studio send you the card via our bot, so that you can see what the card looks like in the context of a chat message. We hope to bring the live preview of cards to all card types supported by App Studio as well as a better card building experience for Adaptive Cards in the coming months.<\/div>\n<div><img decoding=\"async\" class=\"aligncenter wp-image-1945 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/adpative-editor2.png\" alt=\"In context card previews\" width=\"1915\" height=\"1167\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/adpative-editor2.png 1915w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/adpative-editor2-300x183.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/adpative-editor2-1024x624.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/adpative-editor2-768x468.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/10\/adpative-editor2-1536x936.png 1536w\" sizes=\"(max-width: 1915px) 100vw, 1915px\" \/><\/div>\n<div><\/div>\n<div>\n<h3><strong>Manifest version 1.3 support<\/strong><\/h3>\n<div>App Studio supports all features in <a href=\"https:\/\/github.com\/OfficeDev\/microsoft-teams-app-schema\/releases\/tag\/v1.3\">manifest version 1.3<\/a>.<\/div>\n<h3><strong>Wrapping Up<\/strong><\/h3>\n<div>We continue to receive great feedback on App Studio. We hope to keep up our effort to empower developers to build quality Teams apps.\u00a0As always, please feel free to provide feedback using the feedback link in the lower left corner of Microsoft Teams. If you have suggestions on how to make Teams better, submit your idea via UserVoice or vote for existing ideas to help us prioritize requests. We read every piece of feedback that we receive to make sure that Microsoft Teams meets your needs.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Explore new features available now in Microsoft Teams App Studio in October 2018<\/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,37],"class_list":["post-1931","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","tag-app-studio","tag-bot-framework"],"acf":[],"blog_post_summary":"<p>Explore new features available now in Microsoft Teams App Studio in October 2018<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/1931","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=1931"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/1931\/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=1931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=1931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=1931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}