【Power Apps】ワンタッチ!帰宅連絡するアプリを作成する~前編

ホーム » PowerPlatform全般 » 【Power Apps】ワンタッチ!帰宅連絡するアプリを作成する~前編

こんにちは、たらばです

今日は、キーを打つのに慣れていない子供が、ワンタッチで帰宅連絡ができるアプリPower Appsで作ります。
キーを打つのが苦手でも、ワンタッチで連絡できたら便利ですよね。

アプリ作成の流れ

1)Teamsを携帯にインストールして、ログインします。(親側の携帯にチャット飛ばす用)
2)Power Apps でボタンを2つ配置した簡単な画面を作成します
3)Power Automate でteamsにチャットするアプリを作成します
4)2)のアプリと 3)の作成したフローを紐づけます
5)2)のボタンに関数を入れて、3)を動作させます
6)テストします
7)アプリを公開します(子供の携帯へのPowerAppsのインストールは、次回とします)

それでは、さっそくアプリを作っていきましょう。

1)Teamsをアプリストアからインストール→ログイン

※Power Appsと同じアカウントでログインします
※PCでテストする場合は、PCだけログインできればOKです

図は私の携帯画面を小さく加工したもの

2)Power Apps でボタンを2つ配置した簡単な画面を作成します

2)-①Power Appsを起動
作成→空のアプリ→(空のキャンパスアプリ)作成をクリック
アプリ名→イマカエルアプリ
→電話→作成

2)-②自動でScreen1が作成された後、
挿入→テキストラベルでテキストを配置したあと、テキストを図のように入力し、テキストのアライメント→中央、色を青色に変更しました

2)-③挿入→ボタンでボタンを2つ配置したあと、ボタンのテキストを図のように入力し、テキストのアライメント→中央、色をそれぞれ変更しました。

2)-④テキストラベルと四角形を挿入し、画面上部に「今から帰るよアプリ」とし、背景色を変更しました。
色のセンス悪くてごめんなさい。

2)-⑤ボタンを押した後のスクリーンを追加します
新しい画面→(テンプレートの)成功
丸の色を緑に、文字を送信しましたに変更しました
(「正常に完了しました」が元の文字で、ちょっと違和感あったので変更してみました)

3)Power Automate でteamsにチャットするアプリを作成します

3)-①マイフロー→新しいフロー→フロー名→「イマカエルアプリ」とし、トリガーを「Power Apps」としました

3)-②トリガーは、PowerApps
→[変数を初期化する]アクションを追加(名前:ボタン、種類:文字列、値:動的なコンテンツから「Power Appsで確認」を追加
→Teams[チャットまたはチャネルでメッセージを投稿する]アクションを追加(図の通り)
●●は、子供の名前にしたいと思います
→「保存」

4)Power Appsに戻って、2)のアプリと 3)の作成したフローを紐づけます

左側のPower Automateアイコン→フローの追加→フロー(イマカエルアプリ)の順にクリック
これをすることで、アプリとフローを関連付けすることができます。

5)2)のボタンに関数を入れて、3)を動作させます
イマカエルアプリ.Run(Button1.Text);Navigate(Screen2,ScreenTransition.Fade)

関数を挿入する「ボタン」を選択し、
上部左サイドを「OnSelect」にし、=fxの右サイドに、フロー名を指定、選択肢より.Runのついているものを選択。
関数の上部に補助コメントがでてくるので、フローにあった「変数を初期化する」とした、ボタンからテキストを取得するために、Button1.Textを指定します。
図に入れているので、細かくは割愛しますが、ピリオドなどの記号を入れたり、頭文字2つくらいを打つと、選択肢がでてきてくれるので、そこから選択すると便利でしょう。
また、画面移管させるために、「Navigate」も指定します。
アプリ側にボタンを2つ配置したので、他方も同様に関数を入れ込みます。Button2にするのを忘れずに!

6)テストします

保存してから、三角ボタン(アプリのプレビュー)を押します。
ボタン「困った!電話してよ。」を押してみたところ、図のように、Teamsに通知とアプリ側の画面が「送信しました」に切り替わりました。

7)アプリを公開します

パソコンでできる作業としては、以上となります。
※アプリを公開すれば、同じドメインの他のユーザーでも利用可になると思います。
あとは、子供の携帯にPowerAppsをインストールして、作成者のアカウントでログインしたら、アプリが出てきますので、説明して使ってもらうだけなんですけど、アカウントが親のものだと正直不安です。
なので、携帯側の検証を今度やってみたいと思います。

最後まで、読んで下さいまして、ありがとうございました。

返信を残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA