MoreBeerMorePower

Power Platform中心だけど、ノーコード/ローコード系を書いてます。

OutlookでもAdaptive Cardsを送りたい人のために

あまりいらっしゃらないとも思いますが、できることがわかったので、備忘録。

Adaptive Cardsは最近Teams向けにPower Automateからカードを送信できるようになったので、よく使っていますが、Teams以外のチャンネルにカード送信したかったので試してみました。

f:id:mofumofu_dance:20200420131626p:plain
受け取ったカード

送ってみよう!

こんなカードを送信するのは実に簡単。

  1. まずはデザイナーサイト (https://adaptivecards.io/designer/) で送信したいカードを作成します。残念ながらPower Automate組み込みのデザイナーはOutlookに関してはまだありません。
  2. 作成したカードのJSONをコピーします。
  3. コピーしたJSONをPower Automateの「作成」アクションにペーストします。
  4. 以下のコードをOutlookのメッセージのBodyに入れます。※コード表示にしてから。「作成」はJSONを張り付けたアクション名なので、適宜変更してください。
<html>
<head>
<script type = 'application/adaptivecard+json'>@{outputs('作成')}
</script>
</head>
<body></body>
</html>

以上です。

以下解説のスクショです。

f:id:mofumofu_dance:20200420132403p:plain
ステップ1,2 : カードデザイナーでのJSONコピー

f:id:mofumofu_dance:20200420132645p:plain
ステップ3. Power Automateの作成アクションへの貼り付け

f:id:mofumofu_dance:20200420133023p:plain
ステップ4. Outlookのメッセージ送信

注意事項

Outlook向けのAdaptive CardsではActions.Submit(データ送信系)のアクションを利用できません。なので、メインの用途としては、成形された情報の表示でしょうか。 あとはリンクの貼り付けなどはできます。

ご質問はTwitterかコメントでお願いします!