GoDaddyでサーバとドメインを借りてローカル環境でテストしたWordpressサイトをデプロイする方法

* プログラミング歴44日の素人が書いています。

##環境

* MacBookAir-mid2014

* macOS-Mojave

#はじめに

ここでは、以下のついてまとめます。

* Go Duddyでサイトを公開するためのサーバとドメインを借りる

* ローカル環境で作成したWordpressサイトをアップロードする（デプロイする）


##ローカルサーバでのwordpress環境構築については以下を参照
「XAMPPでローカルサーバを立ち上げてWordpressの練習環境を作る方法」
https://qiita.com/shin-ph/items/0a981427fc44db08eb84


#Go Duddyでサーバとドメインを借りる

Go Duddyにアクセスします。
https://jp.godaddy.com/hosting/web-hosting?isc=gofhph11

ホスティングサービスを利用するので、「ホスティング」のページにアクセスします。

好きなプランを選択します。（はじめてなら一番安いのでいいです）

* **ドメインは、どのホスティングサービスで借りても１年更新の契約になります。そのため、サーバと同時に借りるなら１年契約がいいかと思います。**

* セキュリティなどオプションはご自由に。わたしは全て外して安くしました。

* クーポンコードを入力すると安くることがあります。（ネットで探すと見つかるかも？）


##ドメイン名の選択

自分のWebサイトのアドレス（URL）になります。

「Knowem.com」というサイトを使うと、ドメイン名が各種webサービスですでに使用されているかどうかを調べることができます。
https://knowem.com/

購入が完了したら、**今契約したサーバーにWordpressをインストールするかどうか聞かれますので、インストールします。**


#ローカル環境のWordpressを引っ越しする

ローカルサーバにあるWebサイトを、今契約したオンラインサーバに引っ越しします。
引っ越しは、以下の手順で行います。

* Webサイトのデータのコピーを作成する。（データベースもひっくるめて丸ごとコピーする）

* FTPクライアントとFTPアカウントの準備

* 契約したサーバにコピーをアップロードする




#Webサイトのデータのコピーを作成する

「Duplicator」というWordpressプラグインを使用します。

まずはプラグインをインストールして有効化します。

有効化すると、ダッシュボードの右下にDuplicatorのメニュー表示されます。

![スクリーンショット 2019-07-24 14.52.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/4bd61ea4-03bb-6c49-e6c3-16e9b1846984.png)


* まずは『Create New』をクリックします。

* なにも考えず『Next』をクリックします。

![スクリーンショット 2019-07-24 14.55.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/fea845f9-60d4-aab4-3461-6217760dfdce.png)

* 『yes!』にチェックをいれて『Build』をクリックします。これであなたのWebサイトが丸ごとコピーされます。

![スクリーンショット 2019-07-24 14.56.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/6c01ea7b-28a2-5fe4-ca77-f2e74dd385da.png)


* Webサイトの丸ごとコピーはzipファイルにまとめられています。

* この画面では、そのzipファイルと、インストーラをダウンロードします。『One Click Download』をクリックすると、両方をダウンロードすることができます。

**ちなみに、この「インストーラ」は、オンラインサーバ内でzipファイルを展開する（= webサイトをオンラインサーバにインストールする）ために使うものです。**

![スクリーンショット 2019-07-24 14.58.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/6fea58d9-164a-e547-e4b3-7f8a4c1695a9.png)

これで、Webサイトのコピー作成は終了です！


#FTPクライアントとFTPアカウントの準備

サーバとファイルのやりとりをおこなうためには、「FTP」という仕組みを使う必要があります。

通常、サーバーとのファイルのやりとりを行うためには、複雑なコマンドをサーバに対して命令する必要があります。これはとても難しいです。

* **「FTPクライアント」は、そのサーバとのやりとりをクリックやドラッグ&ドロップで簡単にできるようにしてくれるツールです。**

* **「FTPアカウント」は、サーバとファイルのやりとりをする権限**のことです。（知らないひとに勝手にサーバ内をいじられたら困るので権限が必要です）


##FTPアカウントの準備

Go Daddyへの登録が完了した段階で、メールが届いているはずです。
メール内のリンクから「cPannel」という管理画面を開きます。
『FTP Account』をクリックしてFTPアカウントの設定画面を開きます。

![スクリーンショット 2019-07-24 15.11.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/195a9e9d-7a40-8fb2-e7a1-1660a68362e8.png)


新しくFTPアカウントを作成します。

![スクリーンショット 2019-07-24 15.50.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/00fce164-cd08-dd1b-3ee5-4ef07c20d21e.png)

* Log In: なんでもいいです。ただし、のちにFTPクライアントでユーザー名として扱います。

* Password: のちにFTPクライアントで使います。

* Directory: 空欄にします。（ドメイン名(例えば`example.com`とか）のみであなたのWebサイトにアクセスできるよう、ユーザー名以下にはなにも記入しないようにします。）

『Create Account』をクリックします。

これで、FTPアカウントの準備は完了です。つまり、サーバとやりとりするための権限の設定が終わったということです。




##FTPクライアントの準備

ここでは、「fileZilla」というFTPクライアントを使用します。
「fileZilla」は以下からインストールできます。
https://filezilla-project.org/

FileZillaを起動します。

先ほど設定したFTPアカウントの情報を入力し、契約したサーバに接続します。

![スクリーンショット 2019-07-24 16.08.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/d7f601ae-28c5-64dd-7a9a-8ecf3f04ddf7.png)


* ホスト（H）：　ドメイン名です（`example.com`など）

* ユーザ名（U）: FTPアカウントとして設定した「Log in」の項目です（`abc@example.com`など）

* パスワード（W）： FTPアカウントとして設定したパスワードです。


入力したら『クイック接続』をクリックします。
警告みたいなのがでることがありますが、とりあえずOKして進めます。

うまく接続できれば、「リモートサイト」の項目のしたにフォルダが表示されるはずです。これが、契約したサーバの中身です。

`public_html`というフォルダ（ディレクトリ）の中にあるのが、Wordpressサイトになります。

**この段階では、Goduddyに登録したときにインストールした初期状態のWordpressが入っています。**

**これを、あなたのWebサイトに置き換えます。**


##データベース情報を控えておく

のちにあなたのWebサイトをサーバにインストールする際に、使用するデータベースの情報が必要になります。
いまのうちに控えておきましょう。

もういちど「cPannel」を開き、メニューから『File Manager』をクリックします。

![スクリーンショット 2019-07-24 15.11.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/6b68de2e-a489-4fad-67b1-870399ec04e2.png)


* `public_html`というフォルダ（ディレクトリ）の中の`wp-config.php`というファイルを選択し、上部メニューの『edit』から編集画面を開きます。

![スクリーンショット 2019-07-24 16.25.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/11977ef6-0827-8602-359e-9de13e14c1d6.png)


* データベースの情報が書き込まれていますので、メモ帳かなにかに控えておきます。（あとで使います）

![スクリーンショット 2019-07-24 16.28.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/4c0acc69-84ed-05f1-34ce-c286309cd9b6.png)



##`public_html`の中身を削除する

これからあなたのWebサイトを入れるので、今入っているWebサイトは削除します。

* `public_html`の中身を全て選択して、画面上メニューの『delete』ボタンで全削除します。

![スクリーンショット 2019-07-24 16.32.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/04a40c29-faf5-43ac-49cc-4ecfdb44badf.png)



##Webサイトのzipファイルをアップロードする

空っぽになった`public_html`にDuplicatorで作成したzipファイルとinstaller.phpをアップロードします。このzipファイルは、あなたがローカルサーバでテストしていたWebサイトのコピーです。

ファイルをドラッグ&ドロップすると、自動でアップロードがはじまります。

![スクリーンショット 2019-07-24 16.37.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/452235/16ec0991-1865-71f6-fbfc-25b65ebd4059.png)


##zipファイルの展開

Zipファイルを展開し、使えるようにします。

`あなたのドメイン名/installer.php`にブラウザでアクセスすると、インストール画面が表示されます。(例えば`example.com/installer.php`)

あとは、インストーラの指示にしたがっていけば、インストールが完了してあなたのwebサイトがオンラインサーバに展開されます。（そしてどこからでもアクセスできます）

**途中、データベースの情報を入力する画面が出てきます。さきほど控えた情報を入力しましょう。**

また、インストール後にwordpressにログインする際は、**もともとローカルサーバで使用していたときと同じ「ユーザ名」と「パスワード」でログインできます。**



#まとめ

ローカルでテストしていたwebサイトをオンラインサーバにアップロードして公開する方法をまとめました。