Power Apps PortalでLiquidを利用する#Power Platform リレー | cloud.config Tech Blog

こんにちは、日高です。最近Power Apps Portalを使用してアプリ開発をする機会がありその時の知見を書いていこうと思います。

Power Apps Portalについて

Power Apps PortalはMicrosoftが提供しているPower Platformの中の１サービスです。Power PlatformにはPower Appsというサービスもありますが、名前が似ているだけで別物なので注意してください。

Liquidについて

Power Apps Portalは基本的にLiquidとjavascriptとDataverseのリストやフォームを使用してサイトを作成します。Liquidはテンプレート言語でhtmlの拡張(？)のようなものになります。(ここら辺詳しくないので、この理解であってるのか微妙です)

具体的にLiquidを使用すると以下のタグを使用することができます。

また、PowerBIに関しては使っていないのでよくわかりません。

使用例について

最後にLiquidの使用例を何個か紹介して終わろうと思います。

フォームを作成する

<div>
  {% entityform name: 'ほげほげフォーム' %}
</div>

名前指定でフォームを追加しています。フォームはポータル管理→コンテンツ→基本フォームで作成できます。

名前には作成したフォームの名前を入れる必要があります。

requestのパラメータにhogeが存在していたらhtml要素を表示する

{%if request.params.hoge %}
<div>
  huga
</div>
{% endif %}

request.paramsからrequestのパラメータを取得できます。

Dataverseのレコードをテーブルとして表示する

<div class="col-md-12 columnBlockLayout">
  {% entitylist id:page.adx_entitylist.id %}
  {% entityview %}
  {{entityview}}
  <table class="table" style="width: 80vw;">
    <thead>
      <tr>
        <th style="border-bottom: none;">
          テーブル名
        </th>
      </tr>
    </thead>
    <tbody>
      {% for record in entityview.records -%}
      <tr>
        <td style="width: 50%;">
          <p>
            {{ record['col_name'] }}
          </p>
        </td>
        <td style="text-align: center;">
          <a class="btn btn-default" href="/hoge?itemid={{ record.id }}">移動</a>
        </td>
      </tr>
      {% endfor -%}
    </tbody>
  </table>
  {% endentityview %}
  {% endentitylist %}
</div>