XAMPP で CMS のお手軽テスト環境を手に入れよう 2011/5/21 上村崇 1

(1)

XAMPP で CMS のお手軽

テスト環境を手に入れよう！

(2)

CMS はｐｈｐファイルなど

動的なファイルばかりで

構成されています。

(3)

パソコン上で静的な html ファイルは

開くことはできます。

(4)

パソコン上では CMS の動作確認

はうまく行えません。

(5)

CMS のデザインを編集するときの

一般的なフロー

(6)

ファイルを修正するたびに FTP で

サーバーにアップしなければならないので

めんどくさい。

(7)

XAMPP を使えば、パソコン上で

CMS を動かすことができます。

(8)

の構築作業を

(9)

・ XAMPP インストール・パソコンで WordPress が動くようにするパソコンサーバ・ WordPress をまるごと移設

大まかな手順

・サーバで WordPress を動かす

(10)

1 ． XAMPP インストール 3 ．データベース作成 2 ． WordPress インストール 4 ．デザイン作成、編集 5 ．データベースエクスポート 6 ．データベースインポート 8 ． wp-config.php 編集パソコンサーバ 7 ． FTP アップロード

(11)

http://www.apachefriends.org/jp/xampp.html

(12)

XAMPP for Windows

(13)

Web サーバデータベースプログラム言語データベース管理ツール気にしなくて良い

MySQL と PHP のバージョン番号

XAMPP の実行環境

気にしなくて良い

(14)

(15)

(16)

Web サーバデータベース

(17)

起動中

Skype が動作中の

場合は Apache が起動しない不具合があるようだ

(18)

http://localhost にアクセスしてみる

(19)

(20)

ドキュメントルートは C:\xampp\htdocs

(21)

(22)

(23)

(24)

(25)

WordPress 日本語 http://ja.wordpress.org/ → ドキュメンテーション → サーバーの用意動作要件動作できるバージョンを確認 ! PHP 4.3 以上 MySQL 4.1.2 以上

(26)

(27)

(28)

データベース名 wordpress MySQL ユーザ root

パスワード ( なし )

サーバー側で作るデータベース名と

名前を合わせること。

(29)

phpMyAdmn でデータベース wordpress を作ります。

(30)

(31)

サイトのタイトル“テスト”

パスワード “ wordpress”

(32)

(33)

(34)

(35)

4. デザイン作成・編集

→ 自分のパソコン上で、 XAMPP で確認しながら自由に編集する。

(36)

5 ．データベースエクスポート

(37)

wordpress を選択

(38)

localhost.sql を開き、 http://localhost の文字列をサーバの URL に置換する。

(39)

(40)

レンタルサーバ側の phpMyAdmin を開く。インポートで localhost.sql をインポートする

(41)

(42)

7. FTP アップロード

(43)

(44)

8.wp-config.php 編集サーバーで WordPress を使うための設定。 ※ 編集後は FTP でサーバにアップロードすることデータベース名データベースユーザデータベースのパスワード

(45)

http://( レンタルサーバ URL)/wordpress でアクセスレンタルサーバ上で表示された !

(46)

補足 : トラブルシューティング

XAMPP の環境とサーバの環境が違うことによる問題

レンタルサーバは php5.2, MySQL5.0 を使っていることが多い。

文字コードの違いによるもの

XAMPP: UTF-8 。 ( ただし Windows は一般的に Shift-JIS) サーバ : UTF-8 であることが必要。稀に EUC があるので注意。

サーバは UNIX/Linux なのでファイルのパーミッションを気にする必要あり。

アップロードしたファイルは読み込みの権限があるか ?

画像アップロード用のディレクトリは書き込み権限が必要。 wordpress/wp-content/uploads の権限を 777 にする。

(47)

"WordPress 引越し”で検索

これは WordPress の

(48)

でも DB の移行は

ちょっと大変かも

(49)

DB を移行しない

(50)

1 ． WordPress インストール 2 ．デザイン作成、編集作業 ( テーマファイルの編集のみ ) パソコンサーバ 3 ．テーマファイルだけを FTP でアップロードパソコン、サーバ両方に WordPress をインストールすることで移行の手間を省く方法 1 ． WordPress インストール両方に WP をインストールする

(51)

この方法で開発するときの注意点・コンテンツ作成や設定はすべてサーバー側で行うこと。 (DB を使う系の加工はすべてサーバー側で ) ・パソコン側で加工するのはテーマファイルのみ。パソコンサーバアップロードするのはテーマだけ UP

(52)

コンテンツの内容など、データベースに入っているデータを移行したい場合は、 WordPress の「エクスポート」で可能。 ※ ただし、移行先でデータをインポートする前にドメイン名の置換作業は必要。 ※ プラグインをインストールする必要があるが、英語なので　　ハードルが高い。

(53)

< 参考 >

XAMPP を使用せず、

(54)

WordPress 編終わり

(55)

(56)

SoyCMS を XAMPP で動かしてみます

(57)

動作環境を確認

(58)

データベース作成 “ soycms”

(59)

(60)

ホスト名 “ localhost” MySQL ユーザー名 “ root”

MySQL パスワード ( なし ) データベース名 “ soycms”

(61)

(62)

チェック入れること。

データベースを複数作らないようにするため

(63)

(64)

XAMPP で CMS のお手軽 テスト環境を手に入れよう 2011/5/21 上村崇 1