サーバー初心者のためのWordPressサイト構築手順

0

Copyright IDC Frontier Inc. All rights reserved.

0

サーバー初心者のための

WordPressサイト構築手順

株式会社IDCフロンティア

2014年12月25日

1 1

（C） IDC Frontier Inc. All Rights Reserved.

agenda

1. 概要説明

2. 仮想マシン作成

3. 事前知識（SSH、ネットワーク）

4. ネットワークの設定

5. SSH接続

6. LAMPインストール

7. Linux基本操作

8. データベース作成

9. WordPressインストール

10. 仮想マシン削除

2 2


1. 概要説明

3 3


ハンズオン概要

• blogサイトを作る！

• WordPressをIDCFクラウド上の仮想マシンに構築します

IDCFクラウド

仮想マシン

WordPress

blogサイト

4 4


この資料について

• スライドについて

• 実際に操作を行うスライド

• 説明スライド

• IDCFクラウドに関するスライド

• 表記について

• 「表示されてる文字列」

• 『入力内容』

• 【ボタンなど】

• CUI画面、コマンド

• エンターキー入力

IDCFクラウド

説明

操作

灰色のボックス

5 5



6 6


仮想マシン作成概要

作成

IDCFクラウドポータルを操作して、クラウド上に仮想マシンを作成します

IDCFクラウドポータル

仮想マシン

7 7


1. クラウドポータルへログイン (1/2)

1. ブラウザでIDCFクラウドポータルへアクセスする

2. 自分のログイン情報でログインする

https://console.idcfcloud.com/

IDCFクラウド操作

8 8


1. クラウドポータルへログイン (2/2)

1. ポータル画面が表示される


9 9



1. 【仮想マシン作成】をクリックする


10 10


2-a. VMタイプ選択

1. 「light.S1」をクリックする


11 11


2-b. テンプレート選択

1. 【その他】の【 AppTemplate CentOS 6.5 64-bit】をクリックする


12 12


2-c. ボリューム

1. データディスクは空白のまま


13 13


2-d. SSH鍵生成

1. 「SSH Key」で【作成】を選択する

2. 「SSH Key名」に自分の名前を入力する

3. 【作成】をクリックすると作成されるので【OK】をクリック


14 14


2-e. SSH鍵保存

1. 生成された秘密鍵を、メモ帳などにコピペして保存

保存場所は覚えておく。デスクトップなどわかりやすいところがおすすめ。ファイル名もわかりやすいもの『seminar-key』など。


15 15


2-f. 台数

1. 仮想マシン台数は1台のまま


16 16


2-g. 詳細情報

1. 仮想マシン名に自分の名前（ログインID）を記入

2. プライベートIPは自動設定のまま


hackathon●●

17 17


2-h. 仮想マシン作成

1. 【確認画面へ】をクリックする

2. 作成内容に間違いが無ければ【作成】をクリック


18 18


2-i. 仮想マシン作成完了とパスワードの確認

1. 作成されるまで待機する（StartingがRunningになれば作成完了）

2. 仮想マシン名をクリック


19 19



3. 仮想マシンを停止

4. 仮想マシンのパスワードをリセット


(1)電源を選択

(2)「停止する」をクリック

20 20



5. パスワードリセットを選択

6. 新しいパスワードを、メモ帳などに残しておく


(1)パスワードリセット

(2)こちらもクリック

21 21


3. 事前知識（ネットワーク）

22 22


3. ポート番号

• IPアドレスは住所、ポート番号は入口

• 例えば…

• HTTP 80番

• HTTPS 443番

• SSH 22番

• Mail 25番、110番

6.7.8.9

「http://203.216.243.240/」と入力すると、 203.216.243.240の80番にアクセスしている

80

Web表示

22

リモート操作

説明

23 23


4. ファイアウォール (1/3)

• アクセス許可/遮断をIPアドレスとポート番号から制御する

• 例えば、Webサイトを公開するとき

ファイアウォール

• HTTP（80番）はどのIPからも許可 • SSH（22番）はあるIPからのみ許可 • 他のポートはすべて遮断

6.7.8.9

説明

24 24







6.7.8.9

http://6.7.8.9/

OK!

説明

25 25







6.7.8.9

管理者端末

NG!

NG!

NG!

OK!

SSHでリモート操作

説明

26 26


5. IDCFクラウドのネットワーク

仮想マシンA

ファイアーウォール

ポートフォワード IDCFクラウド仮想ネットワーク

3.3.3.3

HTTP(80)

210.140.147.156

仮想マシンB 仮想マシンC

説明 IDCFクラウド

27 27


6. ポートフォワード (1/3)

• IPアドレスにアクセスしてもどのマシンかわからない

IDCFクラウド説明

仮想マシンA


ポートフォワード

210.140.147.156


http://210.140.147.156/

？

28 28



• アクセスを仮想マシンへ転送する


仮想マシンA



210.140.147.156


210.140.147.156の80番ポートへのアクセスはAの80番へ 210.140.147.156の81番ポートへのアクセスはBの80番へ 210.140.147.156の82番ポートへのアクセスはCの80番へ

29 29



• ポートの指定で、仮想マシンの指定が可能


仮想マシンA



210.140.147.156


http://210.140.147.156:81/

210.140.147.156の81番ポートへのアクセスはBの80番へ

30 30


4. ネットワークの設定

31 31


ネットワークの設定概要

仮想マシン



IDCFクラウド仮想ネットワーク（アカウント毎） 10.3.0.0/21

3.3.3.3

SSH(10022), HTTP(80)

HTTP(80)

ポートフォワードを設定する

ファイアウォールで許可したポートを仮想マシンに紐付ける

ファイアウォールを設定する

操作端末（1.2.3.4）からのSSHポート、 HTTPポートへのアクセスを許可する

操作端末

1.2.3.4

210.140.147.156

32 32


ネットワークの設定目次

1. SSHの設定

a. ファイアウォールの設定

b. ポートフォワードの設定

2. HTTPの設定

a. ファイアウォールの設定

b. ポートフォワードの設定

33 33


1-a. SSHのネットワーク設定 (1/4)

1. 左メニューの【IPアドレス】をクリックする


34 34



2. IPの名前をクリックする


割り当てられた IPアドレス

35 35



3. 【ファイアウォール】をクリックする


36 36



4. ファイアウォールのルールを追加する

順序項目内容・操作例

1 コメントファイアウォールの名前 Narita-SSH

2 ソースCIDR 【Custom IP】で操作端末のIPアドレス/32

1.2.3.4/32

3 タイプ SSH

4 ポートレンジ 22

5 操作【〒】ボタンをクリックする

【My IP】を選択するとポータルへ接続しているIPが自動で設定されます


自動入力されます

37 37


1-b. SSHのポートフォワード設定 (1/2)

1. 【ポートフォワード】をクリックする


38 38


1-b. SSHのポートフォワード設定 (2/2)

2. ポートフォワードのルールを追加する


1 コメントポートフォワードの名前 Narita-SSH

2 プライベートポート SSH『22』 22

3 パブリックポート SSH『22』 22

4 プロトコル TCP TCP

5 仮想マシン自分の仮想マシン Narita-server



39 39


2-a. HTTPのネットワーク設定 (1/2)

1. 【ファイアウォール】をクリックする


SSHと同様の操作を HTTPでも行います

40 40


2-a. HTTPのネットワーク設定 (2/2)

2. ファイアウォールのルールを追加する


1 コメントファイアウォールの名前 Narita-HTTP

2 ソースCIDR 【Custom IP】で操作端末のIPアドレス/32

1.2.3.4/32

3 タイプ HTTP

4 ポートレンジ 80


【My IP】を選択するとポータルへ接続しているIPが自動で設定されます


自動入力されます

41 41


2-b. HTTPのポートフォワード設定 (1/2)

1. 【ポートフォワード】をクリックする


42 42


2-b. HTTPのポートフォワード設定 (2/2)

2. ポートフォワードのルールを追加する


1 コメントポートフォワードの名前 Narita-HTTP

2 プライベートポート HTTP『80』 80

3 パブリックポート HTTP『80』 80

4 プロトコル TCP TCP

5 仮想マシン自分の仮想マシン Narita-server



43 43


5. SSH接続

44 44


SSH接続

• TeraTermを使う人は付録Cを参照

• MacのTerminalを使う人は付録Dを参照

仮想マシン

操作端末

SSHでリモートアクセス

45 45


6. LAMPインストール

46 46


LAMPインストール概要

Linux（仮想マシン）

Apache（Webサーバー）

MySQL（データベース）

PHP

47 47


LAMPインストール目次

1. サービスの選択

2. プロダクトの選択

3. セットアップの選択

4. 各設定値を入力

5. インストール終了

48 48


1. サービスの選択

1. 初回ログイン後、しばらくセットアップの待ち時間があります

2. 【↓キー】で「ウェブサーバー」を選択する

3. 【Enterキー】で「OK」


49 49


2. プロダクトの選択

1. 「Apache(LAMP)」が選択されていることを確認する



50 50


3. セットアップの選択

1. 【↓キー】で「Apache & PHP & MySQL Master」を選択



51 51


4. 各設定値を入力

1. 【↓キー】で「MySQL rootユーザーのパスワード」入力欄に移る

2. 好きなパスワードを入力する

3. replユーザーのパスワードも同様に入力する

4. 【Tabキー】で「OK」を選択する

5. 【Enterキー】を押す

忘れないようにメモしておく


MySQL rootユーザーのパスワードメモ欄

52 52


5. インストール終了

1. インストールが始まる

2. 完了後【Enterキー】で「OK」


53 53


7. Linux基本操作

54 54


Linux基本操作概要

コマンド操作に慣れましょう

55 55


Linux基本操作目次

1. dateコマンド

2. whoコマンド

3. ディレクトリ

a. ディレクトリの考え方

b. 現在のディレクトリ

c. ディレクトリ作成

d. ディレクトリ移動

56 56


1. dateコマンド

1. dateコマンドを実行

a. 表示されている「[root@ServerName ~]#」の後ろに『date』と入力する

b. 【Enterキー】を押す

c. 現在時刻が表示される

# date 2014年 11月 12日水曜日 19:13:45 JST

現在時刻を表示するコマンド

操作

57 57


2. whoコマンド

1. whoコマンドを実行

a. 『who -H』と入力する（whoと-Hの間にスペース）

b. 【Enterキー】を押す

c. 現在仮想マシン（Linux）にログインしているユーザーが表示される

# who -H 名前端末時間コメント

root pts/0 2014-11-12 19:13 (1.2.3.4)

「-H」は「ヘッダを表示する」オプション。「-H」がない場合と比べてみましょう

ユーザー名

ログインした時間操作端末のIP

操作

58 58


3-a. ディレクトリの考え方

• ファイルやディレクトリを階層的に格納するもの

• Windowsのフォルダと同じようなもの

• スラッシュで区切ってディレクトリ・ファイルを指定できる

• /file1

• /dir1

• /dir1/file2

/

dir1 file1

file2 file3

Linuxの一番上の階層 WindowsのCドライブみたいなもの

説明

59 59


3-b. 現在のディレクトリ

• Linuxでは、コマンド操作するとき必ずどこかのディレクトリで作業している

• 現在のディレクトリは「pwd」コマンドで確認できる

例えば、「/dir1/dir2」ディレクトリで作業しているときに「file1」を作成すると、「/dir1/dir2/file1」ができる

# pwd /root

操作説明

60 60


3-c. ディレクトリ作成

1. testディレクトリを作成

a. 「mkdir」コマンドを実行する

# mkdir test mkdirとtestの間にはスペース

操作

61 61


3-d. ディレクトリ移動

1. testディレクトリに移動

a. 「cd」コマンドを実行する

b. 「pwd」コマンドで現在のディレクトリを確認する

2. もとのディレクトリに戻る

# cd test # pwd /root/test /rootの下にtestディレクトリが作られていて、

/root/testに移動している

# cd /root

操作

62 62


8. データベース作成

63 63


データベース作成

1. wordpressデータベースを作成

a. 下記のように「mysqladmin」コマンドを実行する

# mysqladmin -p create wordpress Enter password:

-p：パスワードを入力するオプション

LAMPインストールで設定したMySQLの rootパスワードを入力する。入力しても表示されないので注意

操作

64 64


9. WordPressインストール

65 65


WordPressのインストール概要

いよいよblog構築！！

66 66


WordPressのインストール目次

1. ダウンロード

2. WordPressの展開

3. ApacheのDocumentRoot

4. WordPressディレクトリの所有者変更

5. 初期設定

a. 設定ファイルを作成する

b. データベース情報の入力

c. サイトの設定

d. ログイン

e. サイト表示

f. 記事の投稿

67 67


1. ダウンロード (1/2)

1. ブラウザでWordPress公式サイトにアクセスする

2. ダウンロードリンクをコピーする

http://ja.wordpress.org/

「.tar.gz」はLinuxでよく使用される圧縮形式

操作

68 68


1. ダウンロード (2/2)

1. 仮想マシンにダウンロード

a. 「wget」コマンドを実行する

# wget http://ja.wordpress.org/wordpress-4.0-ja.tar.gz --2013-11-27 21:47:07-- http://ja.wordpress.org/wordpress-4.0-ja.tar.gz ja.wordpress.org をDNSに問いあわせています... 66.155.40.249, 66.155.40.250 ja.wordpress.org|66.155.40.249|:80 に接続しています... 接続しました。 HTTP による接続要求を送信しました、応答を待っています... 200 OK 長さ: 5042472 (4.8M) [application/octet-stream] `wordpress-4.0-ja.tar.gz' に保存中

100%[================================================>] 5,042,472 2.12M/s 時間 2.3s

2013-11-27 21:47:10 (2.12 MB/s) - `wordpress-4.0-ja.tar.gz' へ保存完了 [5042472/5042472]

まず「wget 」（最後にスペース）を入力する TeraTermの場合、TeraTermの画面内で右クリックする Macの場合、Terminalの画面内で右クリックし、ペースト

操作

69 69


2. WordPressの展開

1. .tar.gz形式で圧縮されたWordPressを展開

a. 「tar」コマンドを実行する

2. 確認

a. 「ls」コマンドを実行する

操作

# tar zxvf wordpress-4.0-ja.tar.gz ……

「tar zxvf w」まで入力して、【Tabキー】を押すとファイル名が補完される

# ls test wordpress wordpress-4.0-ja.tar.gz

現在のディレクトリ内のファイル・ディレクトリを表示するコマンド

wordpress-4.0-ja.tar.gzを展開して worpressディレクトリができた

70 70


3. ApacheのDocumentRoot

• DocumentRoot

– Webサーバーが最初に表示するディレクトリ

– wordpressディレクトリの中身をDocumentRootに配置する

1. WordPressの中身をコピーする

– 「cp」コマンドを実行

# cp -rf /root/wordpress/* /var/www/html cp: `/var/www/html/index.php' を上書きしてもよろしいですか(yes/no)? yes

「/var/www/html」が

DocumentRoot

操作

ファイルやディレクトリをコピーするコマンド「-r」オプションでディレクトリを中身ごとコピーできる

説明

『yes』を入力

71 71


4. WordPressディレクトリの所有者変更 (1/3)

• Linuxはマルチユーザー

• 全員が全員のファイルを操作できるとセキュリティ上よろしくない

• ユーザーごとに操作できるファイル・ディレクトリを設定できる

ファイル・ディレクトリごとに所有者を設定する

その所有者しか操作できない

• WordPressのディレクトリを、Apacheが操作できるように設定

• 「/var/www/html」の所有者を「apache」ユーザーに変更する

説明

/home/neko/ file1 file2

/home/inu/ file1 file2

削除コマンド

72 72



1. まずは現在の所有者を確認


操作

# ls -l /var/www 合計 16 drwxr-xr-x 2 root root 4096 8月 14 02:30 2013 cgi-bin drwxr-xr-x 3 root root 4096 11月 27 20:31 2013 error drwxr-xr-x 5 root root 4096 10月 30 06:32 2013 html drwxr-xr-x 3 root root 4096 11月 27 20:31 2013 icons

「-l」オプションで詳細表示

「html」ディレクトリ（WordPressディレクトリ）の所有者が「root」になっていることを確認

73 73



1. 「/var/www/html」ディレクトリの所有者を「apache」ユーザーに変更

a. 「chown」コマンドを実行する

2. 所有者を確認


# chown -R apache. /var/www/html 所有者を変更するコマンド「-R」オプションはディレクトリの中身も一緒に変更するオプション「apache.」のドットは、所有グループも一緒に変更するという意味

# ls -l /var/www 合計 16 drwxr-xr-x 2 root root 4096 8月 14 02:30 2013 cgi-bin drwxr-xr-x 3 root root 4096 11月 27 20:31 2013 error drwxr-xr-x 5 apache apache 4096 10月 30 06:32 2013 html drwxr-xr-x 3 root root 4096 11月 27 20:31 2013 icons

「html」ディレクトリ（WordPressディレクトリ）の所有者が「apache」になっていることを確認

操作

74 74


5. 初期設定

1. ブラウザでWordPressにアクセスする

2. 初期画面が表示される

http://<仮想マシンのIP>/

（例） http://210.140.147.156/

操作

75 75


5-b. さあ、始めましょう！

1. 【さあ、始めましょう！】をクリックする

操作

76 76


5-c. データベース情報の入力

1. データベース情報を入力する

2. 【送信】をクリックする

データベース名：wordpress

ユーザー名：root

パスワード：LAMPインストールで設定したMySQL rootユーザーのパスワード

データベースのホスト名：localhost

テーブル接頭辞：wp_

操作

77 77


5-d. インストール実行

1. 【インストール実行】をクリックする

2. 「ようこそ」の画面が表示される

操作

78 78


5-e. インストール設定入力

1. 「サイトのタイトル」を入力するブログサイトの名前

2. 「ユーザー名」を入力する WordPressの管理や記事の投稿を行うユーザー

3. 「パスワード」を入力するユーザーの認証に使う

4. 「メールアドレス」を入力する様々な通知がくる

5. 「プライバシー」のチェックをはずす今回は外す

– チェックしておくと、Yahoo!やGoogleで検索できるようになる

6. 【WordPressをインストール】をクリックする

操作

79 79


5-f. ログイン

1. 【ログイン】をクリックする

2. 設定したユーザー名/パスワードでログインする

操作

80 80


5-g. サイト表示 (1/2)

1. 「ダッシュボード」が表示される

– 管理画面

2. 左上の【自分のサイト名】＞【サイトを表示】をクリックする

操作

81 81


5-g. サイト表示 (2/2)

1. ブログが表示される

2. 左上の【自分のサイト名】＞【ダッシュボード】をクリックする

操作

82 82


5-h. 記事の投稿 (1/2)

1. 【投稿】＞【新規追加】をクリックする

2. タイトルと本文を入力する

3. 【公開】をクリックする

操作

83 83


5-h. 記事の投稿 (2/2)

1. 「投稿を表示する」をクリックする

2. 投稿した記事が表示されている

操作

84 84


10. 仮想マシン削除

85 85


仮想マシン削除

1. ブラウザでIDCFクラウドポータルにアクセスする

2. 左メニューの【仮想マシン】をクリックする

3. 【自分の仮想マシン】を選択する

4. 【ゴミ箱アイコン】をクリックする

5. 【削除する】をクリックする

6. 【はい】をクリックする

操作 IDCFクラウド

86 86


おわり

以上で終了です。

おつかれさまでした！！！

興味があればLinuxの勉強、WordPressのデザイン変更、負荷分散にチャレンジ、などいろいろ試してみてください。

87 87


Technology

サーバー初心者のためのWordPressサイト構築手順