{"id":5731,"date":"2019-11-20T10:19:43","date_gmt":"2019-11-20T15:19:43","guid":{"rendered":"https:\/\/www.rushworth.us\/lisa\/?p=5731"},"modified":"2019-11-20T10:19:43","modified_gmt":"2019-11-20T15:19:43","slug":"exchange-mail-calendar-in-teams-duct-tape-approach-not-official-ms-solution","status":"publish","type":"post","link":"https:\/\/www.rushworth.us\/lisa\/?p=5731","title":{"rendered":"Exchange Mail &#038; Calendar In Teams (duct tape approach, not official MS solution)"},"content":{"rendered":"<p>The Exchange web client renders in the Teams website tab now \u2013 Chrome and Chromium-based Edge. I use the nightly build of FireFox and it says \u2018Blocked by X-Frame-Options Policy\u2019<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1917\" height=\"423\" class=\"wp-image-5732\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-2.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-2.png 1917w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-2-300x66.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-2-1024x226.png 1024w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-2-768x169.png 768w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-2-1536x339.png 1536w\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" \/><\/p>\n<p>This <em>isn\u2019t<\/em> a way to get new mail notifications in Teams \u2013 you\u2019ve got to click over to the tab. But it does let you send a quick message without leaving Teams.<\/p>\n<p>It\u2019s a little inconvenient, though, to have to navigate over to the <em>right<\/em> channel to find the website tab. You can also create a custom Teams application to access the Exchange website. That\u2019s a little more complicated, but you basically need a manifest.json with static tabs to the inbox and calendar.<\/p>\n<p>Install and open \u201cApp Studio\u201d in Teams. Create a new app. Fill in the details &#8212; use the generate button to get an app ID. Since you&#8217;re not going to publish the app to the Microsoft app store, the info you use isn&#8217;t <em>super<\/em> important &#8230; the privacy and terms of use, specifically, aren&#8217;t something anyone is going to read.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1040\" class=\"wp-image-5733\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-3.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-3.png 1920w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-3-300x163.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-3-1024x555.png 1024w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-3-768x416.png 768w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-3-1536x832.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>And<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1040\" class=\"wp-image-5734\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-4.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-4.png 1920w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-4-300x163.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-4-1024x555.png 1024w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-4-768x416.png 768w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-4-1536x832.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>In the \u201cCapabilities\u201d section, add a personal tab<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1036\" height=\"635\" class=\"wp-image-5735\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-5.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-5.png 1036w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-5-300x184.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-5-1024x628.png 1024w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-5-768x471.png 768w\" sizes=\"auto, (max-width: 1036px) 100vw, 1036px\" \/><\/p>\n<p>Add a tab for the mailbox:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"604\" height=\"468\" class=\"wp-image-5736\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-6.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-6.png 604w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-6-300x232.png 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/p>\n<p>If you wish, add a tab for the calendar \u2013 I prefer the weekly view, but you can replace \u201cweek\u201d with \u201cworkweek\u201d, \u201cday\u201d, or \u201cmonth\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"469\" class=\"wp-image-5737\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-7.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-7.png 608w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-7-300x231.png 300w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/p>\n<p>In the \u201cTest and Distribute\u201d, click \u201cDownload\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"769\" class=\"wp-image-5738\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-8.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-8.png 870w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-8-300x265.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-8-768x679.png 768w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/p>\n<p>You\u2019ll get a zip file that you can side-load (i.e. it\u2019s not an app published across the company). In \u201cApps\u201d, select \u201cUpload a custom app\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"488\" height=\"837\" class=\"wp-image-5739\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-9.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-9.png 488w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-9-175x300.png 175w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><\/p>\n<p>Locate the downloaded ZIP file and open it<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"754\" height=\"473\" class=\"wp-image-5740\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-10.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-10.png 754w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-10-300x188.png 300w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><\/p>\n<p>Verify that your app looks right \u2013 the permissions are base permissions for all apps (we didn\u2019t add anything special)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"917\" height=\"733\" class=\"wp-image-5741\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-11.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-11.png 917w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-11-300x240.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-11-768x614.png 768w\" sizes=\"auto, (max-width: 917px) 100vw, 917px\" \/><\/p>\n<p>Click \u201cAdd\u201d and you\u2019ll be able to select the new app from the ellipses in Teams.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"497\" class=\"wp-image-5742\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-12.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-12.png 420w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-12-254x300.png 254w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/p>\n<p>And you\u2019ll have an app that can access your mailbox<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"627\" class=\"wp-image-5743\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-13.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-13.png 799w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-13-300x235.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-13-768x603.png 768w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/p>\n<p>Or a week view of your calendar<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1805\" height=\"333\" class=\"wp-image-5744\" src=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-14.png\" srcset=\"https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-14.png 1805w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-14-300x55.png 300w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-14-1024x189.png 1024w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-14-768x142.png 768w, https:\/\/www.rushworth.us\/lisa\/wp-content\/uploads\/2019\/11\/word-image-14-1536x283.png 1536w\" sizes=\"auto, (max-width: 1805px) 100vw, 1805px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Exchange web client renders in the Teams website tab now \u2013 Chrome and Chromium-based Edge. I use the nightly build of FireFox and it says \u2018Blocked by X-Frame-Options Policy\u2019 This isn\u2019t a way to get new mail notifications in Teams \u2013 you\u2019ve got to click over to the tab. But it does let you &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[677],"tags":[264,666,845],"class_list":["post-5731","post","type-post","status-publish","format-standard","hentry","category-office-365","tag-exchange-online","tag-microsoft-teams","tag-teams-app-studio"],"_links":{"self":[{"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=\/wp\/v2\/posts\/5731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5731"}],"version-history":[{"count":1,"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=\/wp\/v2\/posts\/5731\/revisions"}],"predecessor-version":[{"id":5745,"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=\/wp\/v2\/posts\/5731\/revisions\/5745"}],"wp:attachment":[{"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rushworth.us\/lisa\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}