{"id":9575,"date":"2022-02-15T16:07:28","date_gmt":"2022-02-16T00:07:28","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=9575"},"modified":"2022-05-25T16:46:46","modified_gmt":"2022-05-25T23:46:46","slug":"teams-js-sdk-v2-public-preview-update-teams-apps-in-office-com-office-app-for-windows","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/teams-js-sdk-v2-public-preview-update-teams-apps-in-office-com-office-app-for-windows\/","title":{"rendered":"Teams JS SDK v2 Public Preview Update: Teams Apps in Office.com &#038; Office App for Windows"},"content":{"rendered":"<p>In December 2021, we <a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/teams-js-sdk-v2-public-preview-update-teams-apps-in-outlook-web\/\">announced<\/a> that by using the public preview version of the Teams JS SDK v2, developers can now extend:<\/p>\n<ul>\n<li>Teams personal tabs and preview them in Outlook on Windows (Beta Channel) and Outlook on the web (Target Release)<\/li>\n<li>Teams search-based message extensions in Outlook on the web (Target Release).<\/li>\n<\/ul>\n<p>So, today we are excited to announce that developers using this new SDK can now also extend and preview Teams personal tabs in Office.com (Target Release) &amp; Office App for Windows (Target Release).<\/p>\n<h2>Extend Teams personal tabs<\/h2>\n<p>Office.com and the Office app for Windows allow users to simplify how they work with and manage their content. And by enabling the extension of Teams personal tabs to Office.com and the Office app for Windows, developers can now surface their apps along with the content users use the most within Microsoft 365.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-9578 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-1.png\" alt=\"Mural\u2019s Teams Personal Tab in Office.com (Target Release)\" width=\"1080\" height=\"609\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-1.png 1080w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-1-300x169.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-1-1024x577.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-1-768x433.png 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\"><em>Mural\u2019s Teams Personal Tab in Office.com (Target Release)<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9577\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-2.png\" alt=\"SurveyMonkey\u2019s Teams Personal Tab in Office.com (Target Release)\" width=\"1080\" height=\"609\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-2.png 1080w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-2-300x169.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-2-1024x577.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-2-768x433.png 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\"><em>SurveyMonkey\u2019s Teams Personal Tab in Office.com (Target Release)<\/em><\/span><\/p>\n<p>Developers using the preview version of Teams JS SDK can call the <em>isSupported()<\/em> function and <em>hostName<\/em> context property at runtime to provide a <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/m365-apps\/using-teams-client-sdk-preview?tabs=manifest-teams-toolkit%2Cjavascript#differentiate-your-app-experience\">differentiated app experience<\/a> based on the host (Teams, Outlook, or Office.com). So, to get started, refer to our <a href=\"https:\/\/docs.microsoft.com\/en-us\/microsoftteams\/platform\/m365-apps\/overview\">developer documentation<\/a>. To see everything that\u2019s new and improved in this release, check out the <a href=\"https:\/\/github.com\/OfficeDev\/microsoft-teams-library-js\/blob\/2.0-preview\/CHANGELOG.md\">changelog<\/a> on GitHub.<\/p>\n<p>In addition to the Teams JS SDK&#8217;s new capabilities, developers can use the preview version of the <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=TeamsDevApp.ms-teams-vscode-extension\">Teams Toolkit<\/a> to extend new or existing Teams personal tabs to Office.com (Target Release) and Office app for Windows (Target Release). In addition, new Teams Toolkit Preview helps developers debug extended apps in Teams, Outlook, and Office.com web clients.<\/p>\n<p>This ongoing transformation of Teams app experiences continues to rely on the great working relationship we have with a core set of partners whose input helps us continue to evolve this new technology. Further, we remain thankful for their feedback in shaping and improving our developer experiences.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-3.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9576\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-3.png\" alt=\"Microsoft Teams partner logos\" width=\"1080\" height=\"265\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-3.png 1080w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-3-300x74.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-3-1024x251.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/02\/Teams-JS-blog-021522_image-3-768x188.png 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<h3><\/h3>\n<h3>Share Feedback!<\/h3>\n<p>Preview is the perfect time to give us feedback, and we want to hear from you! Let us know your experience working with Teams JS SDK v2 via <a href=\"https:\/\/gitter.im\/OfficeDev\/MicrosoftTeamsAppDev\">Microsoft Teams<\/a> and report any issues on <a href=\"https:\/\/github.com\/OfficeDev\/microsoft-teams-library-js\/issues?\">GitHub<\/a>. This release will be updated often. Follow us on <a href=\"https:\/\/twitter.com\/Microsoft365Dev\">Twitter @Microsoft365Dev<\/a> to stay up to date on the latest announcements.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce that developers using the Teams JS SDK v2 can now also extend and preview Teams personal tabs in Office.com (Target Release) &#038; Office App for Windows (Target Release).<\/p>\n","protected":false},"author":76351,"featured_media":9578,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128,11],"tags":[12,27],"class_list":["post-9575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","category-office-add-ins","tag-outlook","tag-windows"],"acf":[],"blog_post_summary":"<p>We are excited to announce that developers using the Teams JS SDK v2 can now also extend and preview Teams personal tabs in Office.com (Target Release) &#038; Office App for Windows (Target Release).<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/9575","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\/76351"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=9575"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/9575\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/9578"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=9575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=9575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=9575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}