【初心者】AWSのlightsailでWordPressを導入するまで

# リスペクトな記事（参考URL）
- [Amazon Lightsailを用いてWordPressを一瞬で公開する](https://qiita.com/Hikery/items/8933e1969c971eaa649d)
- [ぼくのかんがえたさいきょうのWordpress@AWS環境(WordPress入りLightsail作成編)](https://qiita.com/Shi-nakaya/items/a882963cf14dcc64fcac)
- [Lightsailで常時SSLのWordPress](https://qiita.com/fk_2000/items/545a835ba2f2a1d0a974)

本件、同様の既存記事を踏襲する内容となります。
できるだけキャプチャをいっぱい入れるように心掛けました。
2019年8月時点の記事です（閲覧時にはAWSのUIが変更されている可能性があります）

# 前提
- AWSへ登録してコンソールまで至っている

# 手順
## lightsail へのアクセス
<img width="1347" alt="スクリーンショット 2019-08-09 13.16.04.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/f870908c-4475-7300-933b-efa1dae0b243.png">
**サービスを検索する**に`lightsail`と入れると、すぐに出てきます。

## 言語設定
<img width="1347" alt="スクリーンショット 2019-08-09 13.16.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/67aeab3d-ef8c-e5d4-37db-b9b5b9aa1389.png">
　▲　最初に言語を選択する表示が出るので`日本語`を選択


<img width="1347" alt="スクリーンショット 2019-08-09 13.18.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/9f25ad1c-c598-2cc0-eb3b-7613ca109779.png">
　▲　（選択をミスっても、ページフッターの右側にあるプルダウンから選択できます）



## インスタンスの作成（WordPressの選択）
<img width="1347" alt="スクリーンショット 2019-08-09 13.18.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/3ac91f73-733c-91b1-e129-0623678b8ace.png">
　▲　`インスタンスの作成`をクリック



<img width="1347" alt="スクリーンショット 2019-08-09 13.24.05.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/ff8524d8-ec6b-bcad-2dd0-e941e1529eb5.png">
　▲　インスタンスロケーション→`東京、ゾーンA`
　　　プラットフォームの選択→`Linux/Unix`
　　　設計図の選択→`WordPress`


### SSHキーペアの変更
<img width="1347" alt="スクリーンショット 2019-08-09 13.25.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/c4479dbd-5bcc-7267-e240-e13567ed166d.png">
　▲　`SSHキーペアの変更`をクリック


<img width="1343" alt="スクリーンショット 2019-08-09 13.25.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/9294a9b4-7a30-e0e0-db97-e876a2093567.png">
　▲　`新規作成+`をクリック



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/1774fbb7-4d8e-11c4-54d4-8048d360e4a4.png)
　▲　入力する名称は任意でOK（例：`aws_lightsail_wordpress`）
　　　そして`キーペアの生成`をクリック



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/c13d0fd9-ebe2-109b-2b17-20c148a84c85.png)
　▲　`キーのダウンロード`をクリック


<img width="336" alt="スクリーンショット 2019-08-09 13.28.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/6f22e25d-5640-042a-85fc-f77c1361d232.png">
　▲　入力した名称が上記の例だと、`aws_lightsail_wordpress.pem`というファイルがダウンロードされます。これがSSHの秘密鍵→大切に保存しておく（[後で](https://qiita.com/tomokei5634/items/9f76ae3a5e2f004f27ef)使います）


### （続き）
<img width="1344" alt="スクリーンショット 2019-08-09 13.28.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/b3be55c3-f29e-c8dd-9455-3f2691202873.png">
　▲　**インスタンプランの選択**は、任意のサービスを選択してください。
　　　（例：`$3.50USD` ≒ 月々400円ぐらい ）


<img width="1344" alt="スクリーンショット 2019-08-09 13.31.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/50233c0c-40a6-fe0f-e4e7-04e8e2f7c47e.png">
　▲　`インスタンスの作成`をクリック


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/cdebede4-227a-8f46-ccc5-eef224da670e.png)
　▲　（作成中）

<img width="1344" alt="スクリーンショット 2019-08-09 13.32.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/8855c76b-e200-1d31-b25b-1bcfc45b4255.png">
　▲　色が付いたらインスタンスの作成が完了です。
　　　`WordPress-****`をクリック（上記の例なら`WordPress-201908`のところ）


## SSH接続し、WordPressへログインするパスワードを調べる
※なおログインIDは`user`です
参考：[Bitnami アプリケーションおよびデータベースのデフォルトユーザー名を取得する](https://lightsail.aws.amazon.com/ls/docs/ja_jp/articles/log-in-to-your-bitnami-application-running-on-amazon-lightsail#get-the-default-bitnami-user-name)

<img width="1344" alt="スクリーンショット 2019-08-09 13.32.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/a54d2b07-df2c-3d49-b2ba-c1b160ca657a.png">
　▲　`SSHを使用して接続`をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/ac4963e8-1394-6d12-be9e-db1b9f417b60.png)

　▲　別ウィンドウでターミナルが開く
　　　**~$**のあとに`cat bitnami_application_password`と入力して**enterキー**
　　　→WordPressのログインパスワードが表示される（上記の例：`123456789`黄色矢印の所）
　　　→どこかにコピペしておいてください（ログインするときに使います）


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/8449faa8-18fd-13cb-4a8b-a00d5bf76a74.png)

　▲　**~$**のあとに`exit`と入力して**enterキー**
　　　→接続が切れるので、SSH接続のウィンドウを閉じてOKです。

## WordPressへログインする
### WordPressへのアクセス
<img width="1326" alt="スクリーンショット 2019-08-09 13.35.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/17bbd5b7-7c8c-5a68-c9a4-76e8d3982995.png">
　▲　**独自のSSHクライアントを使用して接続**の下部の**パブリックIP**（例：`3.112.240.64`）を
　　　ブラウザのURL枠に入力して**enterキー**

<img width="1344" alt="スクリーンショット 2019-08-09 13.39.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/b591f433-50ed-f436-3456-57ba09276686.png">
　▲　WordPressのTOPページが表示される。
　　　※なお、この時点では**パブリックIP**は変動します。
　　　※後でIPを固定にし、独自ドメインに紐付けます。

### ログイン画面の表示
<img width="1344" alt="スクリーンショット 2019-08-09 13.40.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/f1241efe-bd70-99af-5e7e-35adf3478470.png">

　▲　ブラウザURLの**パブリックIP**の後ろに`/wp-login`を加えて**enterキー**
　　　（例：`http://3.113.127.25/wp-login`へアクセス）
　　　→ログイン画面が表示される

※ログインIDは`user`です
[Bitnami アプリケーションおよびデータベースのデフォルトユーザー名を取得する](https://lightsail.aws.amazon.com/ls/docs/ja_jp/articles/log-in-to-your-bitnami-application-running-on-amazon-lightsail#get-the-default-bitnami-user-name)

※パスワードは、[上記](#ssh接続しwordpressへログインするパスワードを調べる)で調べたものです（例：`123456789`）
→[ssh接続しwordpressへログインするパスワードを調べる](#ssh接続しwordpressへログインするパスワードを調べる)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/cefc6c26-21f2-c87e-e73d-89d5166f451b.png)
　▲　WordPressへログインできました。


## bitnamiロゴの削除（非表示）
<img width="271" alt="スクリーンショット 2019-08-27 15.12.47.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/e03d0eba-1ea5-a325-cb93-d18ed74c8715.png">
WordPressページの右下にいるbitnamiロゴ（bitnamiバナー）って邪魔じゃないですか？
それにリンク先の表示も気持ち悪いし...
下記の手順で簡単に削除できます。

### SSHを使用して接続
<img width="1344" alt="スクリーンショット 2019-08-09 13.32.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/a54d2b07-df2c-3d49-b2ba-c1b160ca657a.png">
（１）[上記](#ssh接続しwordpressへログインするパスワードを調べる)を参照してlightsailのターミナルへアクセス
→参考：[ssh接続しwordpressへログインするパスワードを調べる](#ssh接続しwordpressへログインするパスワードを調べる)

<img width="992" alt="スクリーンショット 2019-08-27 15.22.13のコピー.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/581b8167-6519-7c82-0bcc-a00807cc7d70.png">
~~（２）`sudo /opt/bitnami/apps/wordpress/bnconfig --disable_banner 1` を入力してエンター~~
（２）`sudo /opt/bitnami/apps/wordpress/bnconfig.disabled --disable_banner 1` を入力してエンター（2021年3月現在、仕様が変わったようです）
（３）`sudo /opt/bitnami/ctlscript.sh restart apache` を入力してエンター（サーバーの再起動）
（4）WordPressサイトをリフレッシュ → ロゴが消えていると思います。

#### 補足（もしbitnamiロゴを表示させたくなったら）
どうやら`sudo /opt/bitnami/apps/wordpress/bnconfig --disable_banner 1`をすると、「disable-banner」というファイルが「/opt/bitnami/apps/wordpress/bnconfig」配下に生成され、それによりbitnamiロゴが非表示になるようです。
つまりは、また表示させたい場合は（そんな場合は無いと思うが）、「disable-banner」というファイルを削除すればよろしい。
bitnamiロゴを表示：`sudo rm -rf /opt/bitnami/apps/bitnami/banner/disable-banner`
そしてサーバーの再起動：`sudo /opt/bitnami/ctlscript.sh restart apache` でWordPressサイトをリフレッシュで再表示されていると思います。
![0827_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/283603/b44005a8-0539-6b66-89ac-fc2e148107dc.png)

#### 参考サイト
[bitnamiの右下ロゴを削除するには](https://output-hitokoto.work/2019/01/14/bitnamiの右下ロゴを削除するには/)
[Remove The Bitnami Banner](https://docs.bitnami.com/aws/how-to/bitnami-remove-banner/)
[Enable Bitnami Banner](https://community.bitnami.com/t/enable-bitnami-banner/42348)

# この後にすること
- [IPの固定化と独自ドメインの紐付けとSSL化](https://qiita.com/tomokei5634/items/a5dfb8504989ed93c31b)
- （番外編）[SSLの更新／bncert-toolで証明書の有効期限を延長](https://qiita.com/tomokei5634/items/fdccda2aa9c83d5655f5)
- [FileZillaやCyberduckのようなアプリからSSH接続し、WordPressのディレクトリを見る](https://qiita.com/tomokei5634/items/9f76ae3a5e2f004f27ef)
- [phpMyAdminへアクセスできるようにしてデータベース内を見る](https://qiita.com/tomokei5634/items/ca6a7043fe88cdfed1ba)
- WordPressの設定（言語設定やユーザー設定などなど）

また追って記事化します。