XAMPPの使いこなし彼是

見出し右端の記号は?

Web Page
Booskanium's Tips.
忘れっぽい落書き人のメモ

サンプル

XAMPPで必ず行う設定

バーチャルホストの設定

バーチャルホストで複数のドメイン開発を可能にします。
そして重要なことは、単純に開発サイトごとにフォルダを作っただけでは、相対パスのルート指定「/xxxx」が使えません。
そこでバーチャルホスト設定を行い、開発サイトごとにルートを変える必用があります。
以下、「7design」というバーチャルホストの設定例です。

1.Apacheの設定でバーチャルホスト機能を有効にする

設定ファイル:「C:¥xampp¥apache¥conf¥httpd.conf」
「#Include conf/extra/httpd-vhosts.conf」の行の「#」を削除。

2.バーチャルホスト設定
設定ファイル;「C:¥xampp¥apache¥conf¥extra¥httpd-vhosts.conf」
20行目あたりの「##NameVirtualHost」部分の「##」を削除。
以下の行を追記

<VirtualHost *:80>
    DocumentRoot "C:\xampp\htdocs\7design.jp\hp"
    ServerName 7design
</VirtualHost>
							

3.hostsの設定

設定ファイル:「C:\Windows\System32\drivers\etc\hosts」
最終行に以下の記述を追加。

127.0.0.1 7design

※Windows 7の例です。これはWindowsバージョによりhostsの場所が異なります。
※不正誘導防止対策で、編集するソフトを管理者権限で実行しないと書き込めません。

SSL設定(オレオレ認証)

1.PHPの設定

設定ファイル:「C:\xampp\php\php.ini」
「;extension=php_openssl.dll」の行の先頭の「;」を削除。

2.SSLの設定

設定ファイル:「C:\xampp\apache\conf\extra\httpd-ssl.conf」
以下の記述を追記

<VirtualHost *:443>
    ServerName 7design
    DocumentRoot "C:/xampp/htdocs/7design.jp/hp"
    SSLEngine on
    SSLCertificateFile "conf/ssl.crt/server.crt"
    SSLCertificateKeyFile "conf/ssl.key/server.key"
</VirtualHost>
							
※オレオレ認証ですのでブラウザが出す警告は無視して開く。

Web Server for Chrome (おまけ)

Google Chromeのブラウザ拡張機能として稼働するローカル ウェブ サーバーです。
簡易なウェブページなら十分に使えます。

注意点
・この拡張機能はChromeを閉じても動き続けます。
・この拡張機能を停止してからブラウザを閉じない手間がかかります。
・必要なときだけ、この拡張機能を有効にする利用をお勧めいたします。