Ubuntu に XAMPP 環境を構築する


はじめに

  • Ubuntu に XAMPP 環境を構築する方法についてまとめました。XAMPP とは、WEB アプリケーションの実行に必要なフリーソフトをパッケージとしてまとめられたものです。ここでは、DB サーバとして利用しています。

動作環境

  • Ubuntu 20.04 LTS
  • XAMPP 7.4.8(Linux 向け)

XAMPP インストール

まず、XAMPP をインストールします。

  1. 以下のサイトにアクセスします。
    https://www.apachefriends.org/jp/index.html

  2. 「Linux 向け XAMPP」をクリックします。
    ⇒ XAMPP インストーラ「xampp-linux-x64-7.4.8-0-installer.run」がダウンロードされます。

  3. インストーラを起動します。(デフォルト設定だと、/opt/lampp にインストールされます。)

    $ sudo ./xampp-linux-x64-7.4.8-0-installer.run
    [sudo] ubuntu のパスワード:
    ----------------------------------------------------------------------------
    Welcome to the XAMPP Setup Wizard.
    
    ----------------------------------------------------------------------------
    Select the components you want to install; clear the components you do not want
    to install. Click Next when you are ready to continue.
    
    XAMPP Core Files : Y (Cannot be edited)     ★「y」キーを押します。
    
    XAMPP Developer Files [Y/n] :y              ★「y」キーを押します。
    
    Is the selection above correct? [Y/n]: y    ★「y」キーを押します。
    
    ----------------------------------------------------------------------------
    Installation Directory
    
    XAMPP will be installed to /opt/lampp
    Press [Enter] to continue:                  ★「Enter」キーを押します。
    
    ----------------------------------------------------------------------------
    Setup is now ready to begin installing XAMPP on your computer.
    
    Do you want to continue? [Y/n]: y           ★「y」キーを押します。
    
    ----------------------------------------------------------------------------
    Please wait while Setup installs XAMPP on your computer.
    
     Installing
     0% ______________ 50% ______________ 100%
     #########################################
    
    ----------------------------------------------------------------------------
    Setup has finished installing XAMPP on your computer.
    
  4. /opt/lampp にインストールされたことを確認します。

    $ ls /opt/lampp/
    README-wsrep  ctlscript.sh  info      manager-linux-x64.run  properties.ini
    README.md     docs          lampp     manual                 sbin
    RELEASENOTES  error         lib       modules                share
    THIRDPARTY    etc           lib64     mysql                  temp
    apache2       htdocs        libexec   pear                   uninstall
    bin           icons         licenses  php                    uninstall.dat
    build         img           logs      phpmyadmin             var
    cgi-bin       include       man       proftpd                xampp
    
  5. XAMPP 実行に必要なツールをインストールします。

    $ sudo apt-get install net-tools
    

phpMyAdmin 設定

次に、phpMyAdmin の設定を行います。

  1. 他のマシンからアクセスできるように設定します。

    $ sudo nano /opt/lampp/etc/extra/httpd-xampp.conf
    
    【変更前】
    <Directory "/opt/lampp/phpmyadmin">
        AllowOverride AuthConfig Limit
        Require local                       ★変更前
        ErrorDocument 403 /error/XAMPP_FORBIDDEN.html.var
    </Directory>
    
    【変更後】
    <Directory "/opt/lampp/phpmyadmin">
        AllowOverride AuthConfig Limit
        Require all granted                 ★変更後
        ErrorDocument 403 /error/XAMPP_FORBIDDEN.html.var
    </Directory>
    

phpMyAdmin 起動

phpMyAdmin を起動します。

  1. Apache、MySQL、ProFTPD を起動している場合は、停止させる必要があります。

    【例】Apache と MySQL の場合
    $ sudo systemctl stop apache2
    $ sudo systemctl stop mysql
    
  2. XAMPP を起動します。(「already running」とエラーになる場合は、再起動すると動作する場合があります。)

    $ sudo /opt/lampp/lampp start
    
    $ sudo /opt/lampp/lampp restart
    
  3. ブラウザを起動して以下の URL にアクセスし、「phpMyAdmin」を開きます。
    http://{UbuntuのIPアドレス}/phpmyadmin/

  4. XAMPP を停止します。

    $ sudo /opt/lampp/lampp stop
    

パスワード設定

データベースにアクセスするときのパスワードを設定します。

  1. phpMyAdmin の「ユーザアカウント」タブを開きます。

  2. phpMyAdmin の「パスワードを変更する」ボタンを押して、パスワードを変更して「実行」ボタンを押します。

  3. phpMyAdmin の設定ファイル(config.inc.php)を開いて、下記の★箇所に設定したパスワードを入力します。

    $ sudo nano /opt/lampp/phpmyadmin/config.inc.php
    
    /* Authentication type and info */
    $cfg['Servers'][$i]['auth_type'] = 'config';
    $cfg['Servers'][$i]['user'] = 'root';
    $cfg['Servers'][$i]['password'] = '****';       ★設定したパスワードを入力します。
    $cfg['Servers'][$i]['extension'] = 'mysqli';
    $cfg['Servers'][$i]['AllowNoPassword'] = true;
    $cfg['Lang'] = '';
    
  4. phpMyAdmin の「ユーザアカウント」タブが開くことを確認します。(config.inc.php にパスワード設定できていない場合はエラーになります。)

データベース作成

データベースを作成します。

  1. phpMyAdmin の「インポート」タブを開きます。

  2. アップロード欄の右横の「参照」ボタンを押して、以下のSQLファイルを選択し、「実行」ボタンを押して、ユーザアカウントのデータベースを登録します。(すべてデフォルト設定のままにします。)

    account.sql
    /* sample データベースを作成する */
    create database sample;
    
    /* sample データベースを使用する */
    use sample;
    
    /* account テーブルを作成する */
    CREATE TABLE sample.account (
      username CHAR(20) NOT NULL,
      password CHAR(20) NOT NULL,
      mailaddr CHAR(30) NOT NULL,
      PRIMARY KEY ( username )
    );
    
    /* account テーブルにユーザアカウント情報を登録する */
    INSERT INTO sample.account (username, password, mailaddr) VALUES ('山田', 'yamada', '[email protected]');
    INSERT INTO sample.account (username, password, mailaddr) VALUES ('ジュン', 'jun', '[email protected]');
    INSERT INTO sample.account (username, password, mailaddr) VALUES ('あいこ', 'aiko', '[email protected]');
    INSERT INTO sample.account (username, password, mailaddr) VALUES ('Michael', 'michael', '[email protected]');
    
  3. phpMyAdmin の左側のツリーの「sample」>「account」をクリックします。
    ⇒sample データベースに、account テーブルが登録されていることが確認できます。

データベースの操作

データベースを操作する例です。

  1. phpMyAdmin の「SQL」タブを開き、SQL文を入力して「実行」ボタンを押します。

  2. 実行結果が表示されます。