Teams で Exchange Online のメールを読む

#この記事について
Teams でのコミュニケーションが主流になってきたので、Teams でメールが読めると便利かも？と思い試してみた。

# App Studio
Teams にはいろんなアプリがあるが、Exchange Online のメール用意されていない。
なので、App Studio で Outlook on the Web (OotW) が利用できるようにしてみた。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/bcb34156-80fe-68d6-46ef-a23df4a8e850.png)

# 手順
####1. Teams Client を起動し、App Studio を追加。
####2. [Create a new app] をクリック。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/679b801a-3106-e658-80d0-2d48d078fd29.png)

####3. [Details] の "App details" で、以下の様の必須項目を適当に入力する。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/f8f4b3f6-e573-f2f3-5694-a6f2314117f1.png)

App URLs は正しい URL 'https://outlook.office.com/mail/inbox' を入力。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/001ad1a0-4997-b1c0-a7ba-ea67ab4a3b1e.png)

####4. 受信トレイと予定表を見れるように [Capabilities] の "Tab" を構成する。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/c3038c29-3e59-ab3d-7faf-5eae866ed5e5.png)

たとえば、予定表タブには以下のようにする。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/3dfd1465-d39f-45f2-7d93-13b05b36579d.png)

####5. [Finish] の "Domains and Permissions" で以下のように 'outlook.office.com' を Valid domains を登録する。 
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/29e9cb16-cee8-471e-fed7-e22eb1990a3a.png)
 
####6. [Finish] の "Test and distribute" で [Install] をクリックすると、Teams Client に追加される。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/23496204-7f59-837f-8987-14e1cdb81ead.png)

個人で利用するばはこれでOK。他のユーザーにも共有したい場合は後述の [展開] にて。
以下のように Teams で Exchange のメール (OotW) が利用できます。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/bff88056-ec9f-fe1a-5f37-b0c003caf22a.png)

なお、権限がないユーザーだと以下のように権限不足で失敗する。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/40286aac-efe4-0768-9cf2-eb980deedc6a.png)

Teams 管理センターでセットアップ ポリシーの [カスタム アプリをアップロード] を ON にする。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/6cf5c12a-af57-8946-b695-cb9ff4cf0b1e.png)

# 展開
作成したアプリを他のユーザーにも展開したい場合は以下2パターン。

####1. アプリの個別配布
作成したアプリを [Download] すると　ZIP ファイルが生成されるので、それを他のユーザーが読み込むことで利用できる。
>![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/d00f3e93-9491-ac4a-f1a9-f04f94541ef3.png)

ダウンロードした ZIP ファイルの中身。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/145f780e-2119-716d-651b-394f8f11e2c2.png)

インポートは、Teams の App Studio から以下。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/9e18c9d9-3d12-b94b-a6ee-d17df8086209.png)

####2. テナント内に配布
作成したアプリを [Publish] すると、
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/19b6e213-8765-cefd-7701-9a70fece57be.png)

以下のようにテナント内と Microsoft AppSource に公開することができる。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/f827dfc2-a416-bc53-0a26-cff7030e9dd5.png)


Microsoft AppSource には勇気がいるのでひとまずテナント内で公開を Submit すると以下。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/a6195418-c349-7d0d-e561-7b93f394b975.png)

>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/8d58c30d-6f89-bd4b-7d27-a69d826854e6.png)

ステータス [View status] を見ると、以下のように管理者による承認待ちとなる。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/80b1fae4-203b-fd62-1f84-dd02692c9ff5.png)

Teams の管理センターを確認すると以下のように承認保留中が確認できる。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/27c8217c-3d85-de04-d32b-560eff4f65e1.png)

クリックするとプルダウンメニューから [公開] できる。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/d8544c5e-6bcf-307c-5792-da502abe43bb.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/a6e42d53-eca7-49ea-ef2d-9af1e202fb2b.png)

結果、保留がなくなり公開済みとなる。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/bb462e95-d3f1-c58c-4198-0cfca0ca2fde.png)

しばらくすると、Teams のアプリ一覧に公開され、だれでも (テナント内) 利用できるようになる。
>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1307699/fe96254d-a1c8-c55f-1d8e-6f85ee2abe13.png)