ローカル環境でのUbuntuとXAMPPを使用したドメイン名の設定方法


  1. hostsファイルの編集:

    • sudo nano /etc/hosts を実行して、hostsファイルを開きます。
    • ファイルの最後に、次のような行を追加します:
      127.0.0.1   yourdomain.local

      yourdomain.localは、使用したいドメイン名に置き換えてください。

  2. Apache仮想ホストの設定:

    • Apacheの設定ファイルを編集するために、以下のコマンドを実行します:

      sudo nano /etc/apache2/sites-available/yourdomain.conf
    • yourdomain.confは、任意の名前でファイルを作成し、次のような内容を追加します:

      <VirtualHost *:80>
       ServerName yourdomain.local
       DocumentRoot /path/to/your/project
       <Directory /path/to/your/project>
           Options Indexes FollowSymLinks MultiViews
           AllowOverride All
           Require all granted
       </Directory>
      </VirtualHost>

      ServerNameとDocumentRootの値を適切なものに置き換えてください。

    • 作成した設定ファイルを有効にするために、以下のコマンドを実行します:

      sudo a2ensite yourdomain.conf
    • Apacheを再起動して変更を反映させます:

      sudo service apache2 restart
  3. XAMPPの設定:

    • XAMPPのインストールディレクトリに移動します:

      cd /opt/lampp/etc/extra
    • httpd-vhosts.confファイルを編集します:

      sudo nano httpd-vhosts.conf
    • ファイルの最後に、次のような設定を追加します:

      <VirtualHost *:80>
       ServerName yourdomain.local
       DocumentRoot "/path/to/your/project"
       <Directory "/path/to/your/project">
           Options Indexes FollowSymLinks
           AllowOverride All
           Require all granted
       </Directory>
      </VirtualHost>

      ServerNameとDocumentRootの値を適切なものに置き換えてください。

    • XAMPPを再起動して変更を反映させます:

      sudo /opt/lampp/lampp restart

これらの手順を実行すると、ローカル環境で指定したドメイン名(yourdomain.local)を使用してプロジェクトにアクセスすることができます。なお、ブラウザでアクセスする際には、事前にhostsファイルに設定したIPアドレスとドメイン名の組み合わせを追加する必要があります。

以上がUbuntuとXAMPPを使用したローカル環境でのドメイン名の設定方法です。