Power Apps ポータルの概要

今回はPower Apps ポータルの概要を解説します!

Power Apps ポータルとは?

まずは、Power Appsポータルとは?ですが、Power Apps ポータルは、外部向けに公開できるウェブサイトを管理・構築できるサービスとなっています。 https://〇〇✕✕.powerappsportals.com/ という、ホスト名を自由な名前で作成して、URLでアクセスすることが出来るようになります。 入力フォームやビューをつかって、Dataverseへアクセスしたり、ログイン機能をつかって会員サイトなども構築することができます。 image.png

■サンプルサイト「カエル区役所」 image.png

ポータルのアーキテクチャー

モデル駆動型と、ウェブサイトの関係

Power Apps ポータルは自体はウェブサイトを構築する機能を提供しています。 その中で、入力フォームやデータの一覧表示機能などは、Microsoft Dataverseの「フォーム」や「ビュー」をHTMLページ内に埋め込むことができ、保存先のデータベースとして、Microsoft Dataverseのテーブルを利用します。 image.png

ウェブサイト(ページ)を構成する技術としては

・Liquid ・HTML5 ・Javascript ・CSS などが利用されています。

Power Apps ポータルにおける認証

ログインには、ローカルアカウントを作成したり、外部アカウントを使用してログインも可能です。 ログインユーザは、Microsoft Dataverse の「取引先担当者」テーブルに関連付けられます。 https://docs.microsoft.com/ja-jp/powerapps/maker/portals/configure/configure-portal-authentication image.png

■外部アカウントサービス一覧。

・Azure Active Directory ・Azure Active Directory B2C ・Facebook ・LinkedIn ・Google ・Twitter ・Microsoft image.png

■ファイル添付機能について

ファイル添付を行いたい場合には、Dataverseの既存デーブルのメモ添付や、Azure Blob Storage、Share Pointを利用できます。 https://docs.microsoft.com/ja-jp/powerapps/maker/portals/configure-notes

■ビジュアルデータの埋め込み

Power BIを利用してグラフや地図などを表示することも可能です。 https://docs.microsoft.com/ja-jp/powerapps/maker/portals/admin/set-up-power-bi-integration image.png

ポータルで利用する画面について

ポータルアプリを構成する画面は3つあります。 ・ポータルStudio ・ポータル管理 ・Power Apps portal admin center image.png

ポータル Studio

image.png

ポータルアプリを作成すると、「ポータルStudio」の画面が表示されます。 こちらの画面では、Webページの作成・編集を、主にを行うことができます。HTMLのソースコードの表示も可能ですので、画面右のプロパティに表示されないスタイルシートやHTMLの変更もおこなうことができます。

■フォーム

画面内に入力フォームを設置する場合には、Dataverseで作成した「フォーム」コンポーネントを指定してあげることで、設置することができます。

・ポータル Studioでの編集画面 image.png ・ブラウザで表示すると image.png

■ビュー(一覧取得) 同様にDataverseのデータを表示したい場合には、ビュー(一覧取得)コンポーネントを指定してあげることで一覧表示が行えます。 一覧表示には、新規登録や詳細・編集・削除機能があります。フォームを作成して設定することで利用することが出来ます。

・ポータル Studioでの編集画面 image.png

・ブラウザで表示すると image.png

ポータル管理

ポータルアプリを作成すると、自動的に作成されるモデル駆動型アプリです。 ウェブサイトに利用するサイトコンテンツや利用するフォーム類などの管理機能を設定編集できる画面です。Dataverseで作成したフォームやリストを、ポータルのページ内での使用するために、「基本フォーム」や「リスト」で設定をおこないます。 image.png

Power Apps portal admin center

Power Apps portal admin centerは、ウェブサービスの管理機能になります。 基本URLの変更や、SSLの設定、サービスの再起動、SharePoint統合、Power BI統合の設定などが、こちらの画面から変更が行えるようになっています。 image.png

最後に注意事項

・環境に1つだけしかポータルサイトは作れません。 ・作成したポータルのトライアル環境の保存期限は30日。公開環境へ変換しないと削除されてしまいます。 ・通常有償ライセンスが必要ですが、お勉強であればPower Apps Community Planで作成できます。

以上が、Power Apps ポータルの概要です。 ぜひ皆さんで、外部ユーザーからのデータ入力を検討する場合には試してみてください。

お気軽にご依頼・ご相談ください

前へ

開発会社が直面する技術の進化!ローコード・ノーコードの大きな流れ。

次へ

iOSシミュレータからローカルのASP.NET Core Web APIと通信する際の証明書