Power AutomateでWebサイトのログインを自動化する方法！

Power AutomateでWebサイトのログインを自動化

日常生活でもお仕事であってもPCを使っているとたくさんのWebサイトにログインする作業が発生するのではないでしょうか？

例えば、私の場合は会社に出社した際の勤怠管理はWebサイトにログインして「出社」ボタンを押すことでお仕事が始まります。

この記事では、WebサイトのログインをマイクロソフトのRPAツールであるPower Automateを使って自動化する手順を紹介していきます！

Power Automateをまだインストールしていないという方は、以下のリンクでインストール方法を解説していますので、まずはそちらをご覧ください。
（参考：Power Automate Desktopインストール手順）

今回のテーマでは特にプログラミングの知識などは必要なく、簡単に自動化のフローを作成することができましたので、初心者のかたの取っ掛かりにも良いと思いますので、ぜひ最後までご覧ください。

セキュリティを考慮して、フローの最初にユーザーにログイン情報を手入力させたい場合は、以下で解説していますので、参考にしてください。
（参考：Power Automateでログイン情報のみユーザーが手入力する方法）

それでは、Webサイトへのログインの自動化を進めていきましょう！

Webサイトのログイン自動化手順

早速、Power Automateを使用してWebサイトへのログインを自動化していきます。

今回は例として私が普段使用しているWebサイト「WordPress」へのログインを自動化します。

よっぽど複雑なログイン方法（多要素認証など）でない限り、フロー作成の手順はほとんど変わらないので、ログインするサイトが違っても十分参考になるはずです！

ざっと下のほうを見てみると画面キャプチャがずらーっと多く並んでおり、なんだか複雑そうに見えるかもしれませんが、手順を追って進めていくととても簡単なので安心してください！

Webサイトへのログインをする上で自動化したい手順は以下の通りです。

それでは、手順を解説していきます。

Power Automateを起動

あらかじめPCにインストールしておいたPower Automateを起動します。

インストール時にショートカットを作成していない場合は「スタート」メニューで「Power Automate」と検索すれば表示されます。

以下のような画面が表示されますので、「+新しいフロー」をクリックします。

作成するフローに名前を付ける

「フローを作成する」画面が表示されるので、任意のフロー名を付けます。

今回、私は「ワードプレス_ログイン」という名称を付けました。

はじめての起動でしたので、以下のような画面が表示されましたので、「続行」をクリックしてフローの作成を進めます。

以下のようにフローを編集する画面が表示されたら、フローを作成していきます！

ブラウザーを立ち上げて、特定のURLへアクセスを設定する

ここからは自動化する手順のフローを実際に作っていきますよ！

今回はGoogle ChromeでWordPressを立ち上げてみたいと思います。

検索フィールドに「Chrome」と入力すると、「新しいChromeを起動しする」が表示されるので、「Main」エリアにドラッグ&ドロップします。

このようにあらかじめPower Automateに用意されているアクションを使用することで簡単に作業を自動化できます！

アクションをドラッグ&ドロップするとアクションの詳細なパラメーターの設定をする画面が表示されます。

「初期URL」にアクセスしたいサイトのURLを入力して、「保存」をクリックします。

フロー作成画面上部の三角形（実行）をクリックしてここまでのフローを実行すると…

設定したURLのログイン画面が表示されました！

これだけでも立派な自動化の1歩ですね！

ユーザーIDとパスワードの入力を設定する

URLにアクセスできるようになったら、ユーザーIDとパスワードの入力を自動化していきます。

ブラウザの起動と同じように、検索フィールドで「入力」と入力して、表示された「Webページ内のテキストフィールドに入力する」をMainにドラッグ&ドロップします。

またアクションの詳細設定画面が表示されますので、「UI要素」のプルダウンをクリックし、「UI要素の追加」をクリックします。

UI要素とはPCに識別できるようにWebページに表示されている項目のことで、これを使用することで、入力するフィールドを指定することができます。

先ほど開いたログイン画面でユーザーIDを入力したいフィールドにマウスカーソルを重ねると赤枠が表示されます。

赤枠が表示されると、Power AutomateがUI要素として認識しているので、[Ctrl]を押しながらクリックしてUI要素に追加します。

パスワードを入力するフィールドも同じように[Ctrl]を押しながらクリックして追加しておきます。

UI要素を選択すると、以下の画像のように「追跡セッション」が表示がされますので、「完了」をクリックしてUI要素を追加します。

先ほどのパラメータを設定する画面に戻るので、まずは‘log’（ユーザーID入力フィールド）を設定し「選択」をクリックします。

「テキスト」に自動で入力して欲しいユーザーIDを入力して「保存」をクリックします。

ユーザーIDと同様の手順でWebページに入力するアクションをMainにドラッグ&ドロップしてパスワードの入力も設定していきます。

今度は‘pwd’（パスワードを入力するフィールド）を選択して、テキストにパスワードを設定します。

ではここまでのフローを実行してみましょう。

ブラウザが起動してユーザーIDとパスワードが自動入力されました！

ボタンのクリックを設定する

ログイン情報の入力までできるようになったらあとはログインボタンをクリックするだけですね！

また今までと同じようにアクションをMainのフローに追加します。

検索フィールドで「クリック」と入力し、「webページのリンクをクリックします」をフローにドラッグ&ドラッグで追加します。

この手順にも馴染んできたのではないでしょうか？

続いてログインボタンのUI要素を追加します。

表示されたパラメーター設定画面のUI要素のプルダウンをクリックし、「UI要素の追加」をクリックします。

入力フィールドを選択した時のように「ログイン」ボタンにマウスカーソルを合わせて、赤枠が表示されたら[Ctrl]を押しながらクリックして選択します。

すると、以下のように表示されるので、「完了」をクリックしてUI要素を追加します。

UI要素にログインボタンを選択したら「保存」をクリックしてログインボタンを押すフローをの設定を完了します。

ここまでで自動化したいフローはすべて完成しましたので、フローを実行してみると…

無事にWordPressにログインする手順を自動化させることができました！

作成したフローの保存

上記で設定したフローは以下の通りです。

では完成したフローを画面上部の「保存」アイコンをクリックして保存します。

これで最初に設定した名前で作成したフローがPower Automateに保存されました！

作成したフローの実行

フローを作成するとPower Automate起動時の画面に作成したフローが表示されます。

作成したフローの右部の「実行」アイコンをクリックすることで自動化したフローを実行することが可能です。
（私のPower Automateは無料版のため、スケジュール実行ができません）

実行が完了すると以下の画面のようにフローの実行完了を通知してくれます。

以上がPower Automateを使ってWebサイトへのログインを自動化する手順です！

説明は長くなってしまいましたが、設定手順を一度覚えてしまったらこの程度の自動化であれば5分くらいでできそうですね！

まとめ：感覚的な操作で簡単にWebサイトへのログインを自動化できる！

RPAで作業を自動化すると聞くとITベンダーに外注して複雑な作業が必要なのではと考えがちですが、単純な作業であれば意外と簡単にフローを作成できることが伝わりましたでしょうか？

私自身この記事のWebサイトへの自動ログインで初めて自動化のフローを作成しましたが、かなり感覚的に設定ができると感じました。

自動化したい作業の手順を明確にしておいて、検索フィールドでその作業に合致するアクションを探していくコツさえ掴めばかなり色んな事ができそうな気がします！

Windows10ユーザーであればPower Automateの無性版をインストールできるので、ぜひ時間を取られている単純作業があれば自動化してみてください！

当ブログではExcelなどの他のマイクロソフト製品を使用した時短テクニックも紹介しているので、興味がある方は以下のリンクからぜひご覧ください。
Excel時短術