当サイトはGCPとBitnamiで構築したブログです。BitnamiはWordPressやMySQLなどのアプリケーションとミドルウェアをパッケージ化したものを配布しています。
WordPressにはブログにコメントをもらった際や、サーバーダウンしたときにメールで通知する機能がデフォルトで備わっていますが、Bitnamiにはメールサーバがインストールされていないためメールを送ることができません。
そのため、今回はGCP + Bitnami環境でWP Mail SMTPというプラグインを用いたメールの送信の設定方法を紹介します。
Google Cloud Platform
まずはGCPを使ってGmail APIを設定します。
APIの有効化
まずはGCPにアクセスしてGmailのAPIを有効にします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 2 ceed6fad 0 ライブラリ](https://media.kuimal.com/2023/10/ceed6fad-0_ライブラリ.png)
APIとサービス > ライブラリにアクセスします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 3 53c8f466 1 gmailapi](https://media.kuimal.com/2023/10/53c8f466-1_gmailapi-1024x396.png)
gmail api
と検索してGmai APIをクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 4 27573822 2 有効にする](https://media.kuimal.com/2023/10/27573822-2_有効にする.png)
有効にする
をクリックします。
OAuth 同意画面を作成する
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 5 0cbe5b1c 3 outh アプリ登録](https://media.kuimal.com/2023/10/0cbe5b1c-3_outh_アプリ登録.png)
続いてAPIとサービス > Oauth 同意画面をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 6 f3ca22e3 3 outh アプリ登録の編集](https://media.kuimal.com/2023/10/f3ca22e3-3_outh_アプリ登録の編集.png)
アプリ名を入力します。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 7 d66887d0 4 outh アプリ登録の編集](https://media.kuimal.com/2023/10/d66887d0-4_outh_アプリ登録の編集.png)
下の方にあるデベロッパーの連絡先情報にメールアドレスを入力して保存して次へ
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 8 3a5f961f 5 outh アプリ登録の編集](https://media.kuimal.com/2023/10/3a5f961f-5_outh_アプリ登録の編集.png)
制限付きのスコープは何も設定せずそのまま保存して次へ
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 9 36d9e303 image](https://media.kuimal.com/2023/10/36d9e303-image.png)
省略可能な情報も何も設定せず保存して次へ
をクリックします。
認証情報を作成する
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 10 14d0c558 3 ウィザードで選択集](https://media.kuimal.com/2023/10/14d0c558-3_ウィザードで選択集.png)
APIとサービス > 認証情報をクリックして、画面上部にある+ 認証情報を作成
を選択します。その次に、ウィザードで選択
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 11 63cdf74a 4 使用するapi](https://media.kuimal.com/2023/10/63cdf74a-4_使用するapi.png)
使用するAPIをGmail API
とし、アクセスするデータの種類をユーザーデータ
にして完了
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 12 a7f94751 5 スコープ](https://media.kuimal.com/2023/10/a7f94751-5_スコープ.png)
制限付きのスコープは何も設定せずに保存して次へ
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 13 4cba3498 6 oauthクライアントid](https://media.kuimal.com/2023/10/4cba3498-6_oauthクライアントid.png)
以下のように設定します。
- アプリケーションの種類:
ウェブ アプリケーション
- 名前:
ウェブ クライアント1
- URL1:
https://connect.wpmailsmtp.com/google/
入力したら完了
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 14 99e60bbf 7 作成完了](https://media.kuimal.com/2023/10/99e60bbf-7_作成完了.png)
クライアントIDが表示されたら完了
をクリックします。
アプリを公開する
先ほど作成したOAuth 同意画面のアプリを公開します。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 15 71c70816 8 アプリを公開](https://media.kuimal.com/2023/10/71c70816-8_アプリを公開.png)
APIとサービス > OAuth 同意画面からアプリを公開
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 16 604c376c 9 アプリを公開](https://media.kuimal.com/2023/10/604c376c-9_アプリを公開.png)
念を押されるので、確認
をクリックします。
クライアントIDとシークレットを取得する
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 17 f7b612b6 image](https://media.kuimal.com/2023/10/f7b612b6-image-1024x286.png)
APIとサービス > 認証情報を開き、OAuth 2.0クライアントIDにあるウェブ クライアント
の右にある編集ボタンを選択します。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 18 7d308478 11 apiキー取得](https://media.kuimal.com/2023/10/7d308478-11_apiキー取得.png)
クライアントIDとクライアントシークレットをメモしておいてください。次の手順で使います。
WP Mail SMTP
GCPのセットアップが完了したら、ようやくWordPressのWP Mail SMTPプラグインの設定です。
WordPressからプラグインを追加します。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 19 fd934dac image](https://media.kuimal.com/2023/10/fd934dac-image.png)
かなり怖い鳩の顔をしたアイコンがWP Mail SMTPです。
有効化するとセットアップウィザードが起動します。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 20 a1d4dc1d image](https://media.kuimal.com/2023/10/a1d4dc1d-image.png)
SMTPメーラーをGoogle / Gmail
にします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 21 76af78b7 image](https://media.kuimal.com/2023/10/76af78b7-image-775x1024.png)
前の手順でメモしたクライアントIDとクライアントシークレットを貼り付けます。
その次に、Google と連携
をクリックします。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 22 e9a58ade image](https://media.kuimal.com/2023/10/e9a58ade-image.png)
Googleで確認されていませんと警告が出ますが詳細を表示
からwpmailsmtp.com(安全ではないページ)に移動
をクリックします。
あとはウィザード通りに進めてください。Proバージョンへの誘導がしつこいですが根気強くスキップしましょう。
以下のようなテストメールが受信できれば成功です。お疲れ様でした。
![Bitnami+WordPressでメール通知機能を設定する【Gmail】 23 eccd2df5 image](https://media.kuimal.com/2023/10/eccd2df5-image.png)
Be First to Comment