この記事は、「SingleStoreでワークスペースを作成する」という記事の続きとなります。

アカウントを作成し、SingleStoreでtest-01というワークスペースを作成しましたので、次にSingleStore Customer Portalの「CLOUD」で作成したワークスペースを表示させると、「Databases」という項目がありますので、項目内の「+Create Database」ボタンをクリックします。

クリックすると、「Create Database」ウインドウが表示されます。ウインドウ内の「Choose a new database name」にデータベースの名前を入力します。今回は「test_db」とします。「Attach To」で作成したワークスペースを選択します。選択後、「Create Database」ボタンをクリックします。

クリックすると、作成したワークスペース内の「Databases」に、今回作成したデータベースが作成されました。これでワークスペース内にMySQLデータベースを作成する作業は完了となります。

■環境

Windows10（DockerDesktopインストール済み）

docker version

Client:
Cloud integration: v1.0.22
Version: 20.10.12
API version: 1.41
Go version: go1.16.12
Git commit: e91ed57
Built: Mon Dec 13 11:44:07 2021
OS/Arch: windows/amd64
Context: default
Experimental: true

Server: Docker Engine - Community
Engine:
Version: 20.10.12
API version: 1.41 (minimum version 1.12)
Go version: go1.16.12
Git commit: 459d0df
Built: Mon Dec 13 11:43:56 2021
OS/Arch: linux/amd64
Experimental: false
containerd:
Version: 1.4.12
GitCommit: 7b11cfaabd73bb80907dd23182b9347b4245eb5d
runc:
Version: 1.0.2
GitCommit: v1.0.2-0-g52b36a2
docker-init:
Version: 0.19.0
GitCommit: de40ad0

■Docker上で稼働中のコンテナーを確認する

前回、DockerでMySQLコンテナーを起動しましたが、再度Docker上で稼働中のコンテナーを確認します。確認するために、Windows10のコマンドプロンプトを起動します。

>docker ps

起動後、上記のコマンドを入力し、Enterキーを押します。「ps」コマンドを用いてコンテナーを一覧表示します。

Enterキーを押すと上記のように現在稼働中のコンテナーが一覧で表示されます。この表示された中に、前回作成したMySQLコンテナーの稼働を確認することができました。

■MySQLコンテナー内からMySQLサーバーに接続する

>docker exec -it mysql-test mysql -uroot -p

確認後、上記のコマンドを入力し、Enterキーを押します。「docker exec」コマンドで、コンテナー内でコマンドを実行します。実行するコマンドは、「-it」オプションで、mysql-testの標準入力を開き続け操作することができます。「mysql -uroot -p」オプションでMySQLシェルに接続を行います。

Enter password:

Enterキーを押すと、上記のメッセージが出力されますので、パスワードを入力します。今回は前回MySQLイメージを使用しコンテナーを実行する際にパスワードの設定も行いましたので、そのパスワードを入力します。

Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 97
Server version: 8.0.29 MySQL Community Server - GPL

Copyright (c) 2000, 2022, Oracle and/or its affiliates.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>

Enterキーを押すと、パスワードの照合が行われ、完了すると、MySQLシェルに接続されます。これでMySQLサーバーへの接続は完了となります。

■環境

Windows10（DockerDesktopインストール済み）

docker version

Client:
Cloud integration: v1.0.22
Version: 20.10.12
API version: 1.41
Go version: go1.16.12
Git commit: e91ed57
Built: Mon Dec 13 11:44:07 2021
OS/Arch: windows/amd64
Context: default
Experimental: true

Server: Docker Engine - Community
Engine:
Version: 20.10.12
API version: 1.41 (minimum version 1.12)
Go version: go1.16.12
Git commit: 459d0df
Built: Mon Dec 13 11:43:56 2021
OS/Arch: linux/amd64
Experimental: false
containerd:
Version: 1.4.12
GitCommit: 7b11cfaabd73bb80907dd23182b9347b4245eb5d
runc:
Version: 1.0.2
GitCommit: v1.0.2-0-g52b36a2
docker-init:
Version: 0.19.0
GitCommit: de40ad0

■DockerでMySQLコンテナーを起動する

ダウンロードしたMySQLイメージを使用しDockerでコンテナーを実行してみます。実行のために、Windows10のコマンドプロンプトを起動します。

>docker run --name=mysql-test -p 3306:3306 -e MYSQL_ROOT_PASSWORD=12345 -d mysql/mysql-server

起動後、上記のコマンドを入力し、Enterキーを押します。「run」でDockerコンテナーで新しいコマンドを実行します。新しいコマンドとは、「–name」オプションで作成する新しいコンテナーの名前を指定します。「-p」オプションで内部DockerポートがDockerの外部に表示されるようにします。「-e」オプションでmysqlのrootパスワードを変更します。今回はテストで「12345」とします。「-d」オプションで作成するコンテナーで実行するイメージを指定します。

Enterキーを押すと、英文字と数字の羅列が出力されます。これでMySQLイメージを使用しDockerで新しいコンテナーを作成し、実行されました。

■確認・検証

実行後、コンテナーが実際に新しく作成され実行されているかどうかを確認します。

>docker ps

確認のために、コマンドプロンプト上で上記のコマンドを入力し、Enterキーを押します。「ps」コマンドを用いてコンテナーを一覧表示します。

Enterキーを押すと、「NAMES」に、今回指定したコンテナーの名前である「mysql-test」と名前の付いたコンテナーが作成されていることが確認できました。

■環境

Windows10（DockerDesktopインストール済み）

docker version

Client:
Cloud integration: v1.0.22
Version: 20.10.12
API version: 1.41
Go version: go1.16.12
Git commit: e91ed57
Built: Mon Dec 13 11:44:07 2021
OS/Arch: windows/amd64
Context: default
Experimental: true

Server: Docker Engine - Community
Engine:
Version: 20.10.12
API version: 1.41 (minimum version 1.12)
Go version: go1.16.12
Git commit: 459d0df
Built: Mon Dec 13 11:43:56 2021
OS/Arch: linux/amd64
Experimental: false
containerd:
Version: 1.4.12
GitCommit: 7b11cfaabd73bb80907dd23182b9347b4245eb5d
runc:
Version: 1.0.2
GitCommit: v1.0.2-0-g52b36a2
docker-init:
Version: 0.19.0
GitCommit: de40ad0

■MySQLサーバーのイメージをダウンロード

早速DockerでMySQLサーバーのイメージをダウンロードします。ダウンロードのために、Windows10のコマンドプロンプトを起動します。

>docker pull mysql/mysql-server:latest

起動後、上記のコマンドを入力し、Enterキーを押します。「docker pull」コマンドを用いて、レジストリからMySQLサーバーのイメージを取得します。

latest: Pulling from mysql/mysql-server
1866ca302f77: Pull complete
7208ad90232c: Pull complete
b2d9c817f662: Pull complete
3292176f57b6: Pull complete
d77130a2f17e: Pull complete
47bc31a509ca: Pull complete
fade2a0af17d: Pull complete
Digest: sha256:1a8d2a5584e53a42a43cbd430ae340a36942afee9e14a86624a2cb2d90ce655b
Status: Downloaded newer image for mysql/mysql-server:latest
docker.io/mysql/mysql-server:latest

Enterキーを押すと、ダウンロードが開始され、しばらくすると上記のメッセージが出力されます。これでダウンロードは完了となります。

ダウンロード後、DockerDesktopを起動し、「Images」をクリックすると、「mysql/mysql-server」というイメージがダウンロードされていることが確認できました。

SQLizer（https://sqlizer.io/）は、xlsx等のファイルをアップロードすると、テーブル定義と複数のINSERTステートメントを含むMySQLスクリプトに変換することができるオンラインツールです。

■Excel（XLSX形式）ファイルを用意する

今回は、xlsxファイルを簡単にSQLデータベースに変換してみますが、その前にExcel（XLSX形式）ファイルを用意します。

用意するにあたり、Webブラウザを起動し、Googleドライブから「スプレッドシート」を新規で作成しました。それが上記の「test」というスプレッドシートです。このスプレッドシートを編集画面のメニューの「ファイル」から「ダウンロード」で「Microsoft Excel（.xlsx）」をクリックします。

クリックすると、Microsoft Excel（.xlsx）形式で、Webブラウザで指定されている保存場所に保存されます。

■SQLizerを使用しExcel（XLSX形式）ファイルをSQLデータベースに変換する

Excel（XLSX形式）ファイルの用意ができましたので、Webブラウザ上でSQLizer（https://sqlizer.io/）にアクセスします。

アクセスすると、トップページに「Browse」ボタンが表示されていますので、こちらをクリックします。

クリックすると、「MySQL,Microsoft SQL Server,PostgreSQL」から変換するデータベースを選択します。今回は「MySQL」を選択しています。

次に「Has Header Row（ヘッダー列を持つ）」、「Active Worksheet（アクティブワークシート）」、「Whole Sheet（シート全体）」、「Check Table Exists（テーブルが存在することを確認）」のチェックボックスにチェックを入れるか入れないかを選択します。今回は全て選択した状態で変換を行います。

選択後、「Convert（変換）」ボタンをクリックします。

クリックすると、今回は「MySQL」を選択しましたので、MySQLデータベースに変換されたものが出力されました。出力後、「Download ***.sql」をクリックすると、sqlファイルがダウンロードできます。また「Copy to Clipboard」をクリックすると、変換されたMySQLデータベースがコピーできます。

■環境

・Windows10

・Visual Studio Code 1.53.2

・レンタルサーバー「ヘテムル」

・FTPクライアント「FileZilla」

■レンタルサーバーでMySQLデータベースを作成する

PHPとMySQLを使用し画像ファイルをアップロードし、データベースに保存を行ってみますが、その前にレンタルサーバーでMySQLデータベースを作成します。今回はレンタルサーバー「ヘテムル」を使用します。

「ヘテムル」のコントロールパネルのログイン（https://admin.heteml.jp/）画面で、「ヘテムルID」と「パスワード」を入力し、「ログイン」ボタンをクリックします。

クリックすると、コントロールパネルの右側にメニューがありますので、「各種設定」から「データベース」をクリックします。

クリックすると、「データベース」の管理パネルが表示されますので、「データベース作成画面へ」というボタンをクリックします。

クリックすると、「データベース作成画面」が表示されます。こちらの画面で「データベース名」と「接続パスワード」を入力します。入力後、「メモ」欄がありますので、データベースに関することのメモを入力する場合は行います。その後、「データベースを作成する」ボタンをクリックします。

クリックすると、「admin.heteml.jpの内容」というポップアップが表示されます。「データベースを作成します。よろしいですか？」というメッセージが書かれていますので、「OK」ボタンをクリックします。

クリックすると、「データベース[データベース名]の作成が完了しました」と表示されます。これでデータベースの作成は完了となります。完了後、「戻る」ボタンをクリックします。

クリックすると、「データベース」の管理パネルが表示されますので、作成したデータベースが表示されていますので、この表示されているところでサーバー名「mysql○○○.phy.heteml.lan」といった記載がありますので、こちらの情報をコピーして保存します。

■作成したデータベースにテーブルを作成する

保存後、画像ファイル名を保存するためには、作成したデータベースにテーブルを作成する必要があります。今回は、MySQLデータベースにいくつかの基本的なフィールドを持つ「images」というテーブルを作成してみます。

作成する場合は、「データベース」の管理パネルで作成したデータベース名が表示されている右側に「phpMyadmin」ボタンがありますので、こちらをクリックします。

クリックすると、「phpMyadmin」のログイン画面が表示されますので、ユーザー名とパスワードを入力し、「Server Choice（サーバー名）:」があっているかを確認し、「実行」ボタンをクリックします。

入力すると、「phpMyadmin」にログインできますので、データベース名をクリックし、「SQL」という項目をクリックします。クリックすると、「データベース ○○○○ 上でクエリを実行する:」と表示された入力画面が表示されます。

■コード

CREATE TABLE `images` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `file_name` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
 `uploaded_on` datetime NOT NULL,
 `status` enum('1','0') COLLATE utf8_unicode_ci NOT NULL DEFAULT '1',
 PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

この入力画面に上記のコードを入力します。今回は「images」という名前のテーブルを作成します。なお、テーブル内には、下記の内容（データ）が存在します。

■「id」

int(11):表示幅の指定

NOT NULL 制約（空の値（NULL）は入れない）

カラムに対して自動的に番号を生成するAUTO_INCREMENT

■「file_name」

UTF-8（3バイト文字）で255文字の格納が可能に指定、varchar(255)

照合順序を「utf8_unicode_ci」（COLLATE utf8_unicode_ci）

NOT NULL 制約（空の値（NULL）は入れない）

■「uploaded_on」

日付と時刻を格納するdatetime

NOT NULL 制約（空の値（NULL）は入れない）

■「status」

ENUM 型のカラム値は（1,0）

照合順序を「utf8_unicode_ci」（COLLATE utf8_unicode_ci）

NOT NULL 制約（空の値（NULL）は入れない）

DEFAULTでカラムのデフォルト値(‘1’)

PRIMARY KEY制約（’id’）

■その他

データベースエンジンを「InnoDB」にしてデフォルトの文字コードを「utf8」、照合順序を「utf8_unicode_ci」にして処理する（ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci）

入力後、「実行」ボタンをクリックします。

上記のような「images」という名前のテーブルが作成できます。

■MySQLデータベースに接続するためのファイルを作成する

作成後、Visual Studio Codeなどのコードエディタを開き、MySQLデータベースに接続するためのPHPファイルを作成します。

■コード

<?php
// データベースの構成
$dbHost     = "サーバー名";
$dbUsername = "ユーザー名";
$dbPassword = "パスワード";
$dbName     = "データベース名";

// データベース接続の構築
$db = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);

// 接続の確認
if ($db->connect_error) {
    die("接続に失敗しました: " . $db->connect_error);
}
?>

新規ファイルにコードを記述した後に、今回は「dbConfig.php」という名前で保存します。

■アップロードするファイルを選択できるHTMLフォームを作成する

次に、アップロードするファイルを選択できるHTMLフォームを作成します。再び、Visual Studio Codeなどのコードエディタを開き、ファイルを作成します。

■コード

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>画像をアップロード</title>
        <meta name="description" content="画像ファイルをアップロードします。">
    </head>
    <body>
    <form action="upload.php" method="post" enctype="multipart/form-data">
    アップロードする画像ファイルを選択する:
    <input type="file" name="file">
    <input type="submit" name="submit" value="Upload">
</form>
    </body>
</html>

ファイルにコードを記述した後に、「index.php」というファイル名で保存します。

■サーバーにファイルをアップロードしてデータベースに保存する

次に、サーバーにファイルをアップロードしてデータベースに保存するために、ファイルを作成します。このファイルで、画像アップロード機能を処理し、ユーザーにステータスメッセージを表示します。

■コード

<?php
// データベース設定ファイルを含む
include 'dbConfig.php';
$statusMsg = '';

// ファイルのアップロード先
$targetDir = "uploads/";
$fileName = basename($_FILES["file"]["name"]);
$targetFilePath = $targetDir . $fileName;
$fileType = pathinfo($targetFilePath,PATHINFO_EXTENSION);

if(isset($_POST["submit"]) && !empty($_FILES["file"]["name"])){
    // 特定のファイル形式の許可
    $allowTypes = array('jpg','png','jpeg','gif','pdf');
    if(in_array($fileType, $allowTypes)){
        // サーバーにファイルをアップロード
        if(move_uploaded_file($_FILES["file"]["tmp_name"], $targetFilePath)){
            // データベースに画像ファイル名を挿入
            $insert = $db->query("INSERT into images (file_name, uploaded_on) VALUES ('".$fileName."', NOW())");
            if($insert){
                $statusMsg = " ".$fileName. " が正常にアップロードされました";
            }else{
                $statusMsg = "ファイルのアップロードに失敗しました、もう一度お試しください";
            } 
        }else{
            $statusMsg = "申し訳ありませんが、ファイルのアップロードに失敗しました";
        }
    }else{
        $statusMsg = '申し訳ありませんが、アップロード可能なファイル（形式）は、JPG、JPEG、PNG、GIF、PDFのみです';
    }
}else{
    $statusMsg = 'アップロードするファイルを選択してください';
}

// ステータスメッセージを表示
echo $statusMsg;
?>

ファイルにコードを記述し、「upload.php」というファイル名で保存します。

■データベースから画像を表示する

次に、データベースに登録したファイル名を元にして、サーバーからアップロードされた画像を取得し、Webページに画像を表示します。

■コード

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>画像をアップロード</title>
        <meta name="description" content="画像ファイルをアップロードします。">
    </head>
    <body>
    <form action="upload.php" method="post" enctype="multipart/form-data">
    アップロードする画像ファイルを選択する:
    <input type="file" name="file">
    <input type="submit" name="submit" value="Upload">
    </form>
    <div>
    <?php
    // データベース設定ファイルを含む
    include 'dbConfig.php';

    // データベースから画像を取得する
    $query = $db->query("SELECT * FROM images ORDER BY uploaded_on DESC");

    if($query->num_rows > 0){
        while($row = $query->fetch_assoc()){
            $imageURL = 'uploads/'.$row["file_name"];
    ?>
        <img src="<?php echo $imageURL; ?>" alt="" />
    <?php }
    }else{ ?>
        <p>画像が見つからず表示されません..
        </p>
    <?php } ?>
    </div>
    </body>
</html>

今回は先ほど作成した「index.php」のファイルを変更し、データベースに登録したファイル名を元にして、サーバーからアップロードされた画像を取得し表示させるスクリプトを追加します。

追加後、保存します。

■実行・検証

保存後、「dbConfig.php」、「index.php」、「upload.php」のファイルを、FTPクライアントを使用し、ヘテムルレンタルサーバーのサーバー上にアップロードし、スクリプト等の実行・検証を行います。

スクリプト等の実行・検証を行う前に、FTPクライアント（FileZilla）を使用し、サーバーにアクセスした際に、アップロードされた画像ファイルを保存するディレクトリを作成します。今回は「uploads」というディレクトリを作成します。

作成後、「dbConfig.php」、「index.php」、「upload.php」のファイルをアップロードします。

アップロード後、Webブラウザを起動させ、Webページにアクセスしてみます。アクセスすると、「アップロードする画像ファイルを選択する」と表示されており、「ファイルを選択」ボタンがありますので、クリックします。

クリックすると、「開く」というウインドウが表示されますので、今回は検証ですので「test.png」というあらかじめ作成しておいたpng形式のファイルを選択し、「開く」ボタンをクリックします。

クリックすると、選択した画像ファイルがページ上に表示されます。この状態で「Upload」ボタンをクリックします。

クリックすると、「test.png が正常にアップロードされました」と表示されます。これでサーバー上に画像ファイルがアップロードされました。

アップロード後、MySQLのデータベースを確認するため、phpMyAdminにログインすると、今回アップロードした画像ファイルが登録されていることが確認できました。

また先ほど作成した「uploads」というディレクトリに「test.png」の画像ファイルがアップロードされていることも確認できました。

確認後、index.phpにアクセスします。アクセスすると、データベースに登録したファイル名を元にして、サーバーにアップロードした画像ファイルを取得し、Webページ上に表示させることができました。

■PC環境

Windows 10 Pro

VirtualBox6.1

■Oracle VM VirtualBox マネージャーを起動

まずは、Window10のスタートメニューから「Oracle VM VirtualBox」をクリックします。

クリックすると、「Oracle VM VirtualBox マネージャー」が起動します。

■「AlmaLinux」仮想マシンを起動する

前回、作成した「AlmaLinux」を選択し、「起動」ボタンをクリックします。

■AlmaLinux8へのログイン

クリックすると、AlmaLinuxが起動します。起動後、AlmaLinuxのログイン画面が表示されます。作成したアカウントが表示されますので、アカウントの名前をクリックします。

クリックすると、パスワードの入力欄が表示されますので、パスワードを入力し、「サインイン」ボタンをクリックします。

クリックすると、AlmaLinuxにログインすることができます。

■「端末」を起動する

ログイン後、上部にある「AlmaLinux」のマークをクリックして、「端末」をクリックします。

■LAMPサーバーをインストールし設定する

■システムアップデートを実行する

クリックすると、「端末」が表示されますので、システムアップデートを実行します。

sudo dnf update

システムアップデートする際は上記のコマンドを入力し、Enterキーを押します。なお、今回はroot権限に変更していますので、「dnf update」のみで入力します。

Enterキーを押すと、パッケージが確認されて、「これでよろしいですか？」と質問されますので、「y」を入力し、Enterキーを押します。

Enterキーを押すと、パッケージのダウンロードが開始され、「これでよろしいですか？」と質問されますので、「y」を入力し、Enterキーを押します。

Enterキーを押すと、インストールが開始されて、しばらくすると「完了しました」と表示されます。これでシステムアップデートは完了となります。

■ApacheWebサーバー（httpd）をインストールする

次にApacheWebサーバー（httpd）をインストールします。

sudo dnf install httpd httpd-tools

システムアップデートする際は上記のコマンドを入力し、Enterキーを押します。なお、今回はroot権限に変更していますので、「dnf install httpd httpd-tools」のみで入力します。

Enterキーを押すと、パッケージが確認されて、「これでよろしいですか？」と質問されますので、「y」を入力し、Enterキーを押します。

Enterキーを押すと、パッケージがダウンロードされ、インストールが開始されます。しばらくすると、「完了しました！」と表示されます。これでApacheWebサーバー（httpd）のインストールは完了となります。

■Apacheの有効化と起動

次にApacheの有効化と起動を行います。

sudo systemctl start httpd

まずは上記のコマンドを入力し、Enterキーを押します。

sudo systemctl enable httpd

次に、上記のコマンドを入力し、Enterキーを押します。

Created symlink /etc/systemd/system/multi-user. target. wants/httpd. service → /usr/lib/sy stemd/system/httpd. service.

Enterキーを押すと、上記のメッセージが表示されます。

sudo systemctl status httpd

次に、上記のコマンドを入力し、Enterキーを押します。

Enterキーを押すと、「Active: active (running)」と表示されます。これでApacheの有効化と起動は完了となります。

■ファイヤーウォールのルール更新

次に、ファイヤーウォールのルール更新を行います。ローカルマシンの外からWebブラウザを使用し、Apacheウェブサーバーにアクセスする場合には、AlmaLinuxサーバでポート80と443を開く必要があります。

■80番ポートまたはhttpを開く場合

sudo firewall-cmd --permanent --zone=public --add-service=http

■ポート443またはhttpsを許可する場合

sudo firewall-cmd --permanent --zone=public --add-service=https

■変更を有効にするためにファイアウォールを更新する

sudo firewall-cmd --reload

今回は、80番ポートまたはhttpを開く場合を試みます。コマンドを入力すると、「success」と表示されれば80番ポートまたはhttpを開くことが成功となります。

次に、変更を有効にします。「sudo firewall-cmd –reload」を入力し、「success」と表示されればファイアウォールの更新が成功となります。

成功すると、WebブラウザでAlmaLinuxのApacheウェブサーバーを呼び出して、接続することができます。

接続を確認する場合は、「VirtualBox マネージャー」の中で作成した「AlmaLinux」を選択し、右クリックを押すと、メニューが表示されるので、「設定」をクリックします。

クリックすると「設定」ウインドウが表示されますので、「ネットワーク」をクリックし、「アダプター1」から「高度」をクリックします。割り当ては「NAT」のままとなります。

クリックすると、高度の詳細が表示されますので、「ポートフォワーディング」ボタンをクリックします。

クリックすると「ポートフォワーディングルール」というウインドウが表示されますので、右側にある「新規ポートフォワーディングルールを追加します」というボタンをクリックし、ポートフォワーディングルールを追加します。追加したポートフォワーディングルールを編集し、名前を任意、プロトコルを「TCP」、ホストIPを「無記入」、ホストポートを「8888」、ゲストIPを「無記入」、ゲストポートを「80」に設定し、「OK」ボタンをクリックし、ルールを保存します。

これで、virtualboxのゲストOSとしてインストールしたAlmaLinux（ApacheHttpServer）を、ホストOS（Windows10）のWebブラウザからアクセスすることが可能となります。

保存後、Windows10のコマンドプロンプトを起動し、「ipconfig」と入力し、Enterキーを押すと、ipアドレス等が表示されます。「IPv4 アドレス」と表示されている箇所にipアドレスが表示されているので、これをメモしておきます。

http://（ipアドレス）:8888/

メモ後、Webブラウザを起動し、アドレスバーに上記のURLを入力し、アクセスします。

アクセスすると、「Test Page for the Apache HTTP Server on AlmaLinux」というページが表示され、ページ内には「AlmaLinux Test Page」というタイトルなどが表示されています。

■MySQLまたはMariaDBのインストール

では、次にMySQLまたはMariaDBのインストールを行います。

■MySQLをインストールする場合

sudo dnf install mysql-server mysql

■MariaDBをインストールする場合

sudo dnf install mariadb-server mariadb -y

今回は、MySQLをインストールしてみます。「sudo dnf install mysql-server mysql」のコマンドを入力し、Enterキーを押します。

Enterキーを押すと、パッケージが確認されて、「これでよろしいですか？」と質問されますので、「y」を入力し、Enterキーを押します。

Enterキーを押すと、パッケージがダウンロードされ、インストールが開始されます。しばらくすると、「完了しました！」と表示されます。これでMySQLのインストールは完了となります。

■MySQLとMariaDBのサービスを開始・有効化する

次に、MySQLとMariaDBのサービスを開始・有効化します。

■MySQLのサービスを開始・有効化する

sudo systemctl start mysqld

sudo systemctl enable mysqld

sudo systemctl status mysqld

「Failed to restart mysqld.service: Unit not found.」と表示されたので、「sudo systemctl enable mysql」から「sudo systemctl enable mysqld」に変更。

■MariaDBのサービスを開始・有効化する

sudo systemctl start mariadb

sudo systemctl enable mariadb

sudo systemctl status mariadb

今回は、MySQLのサービスを開始・有効化しました。開始・有効化を順番に行い、最後に「sudo systemctl status mysqld」を入力し、Enterキーを押します。

Enterキーを押すと、「Active: active (running)」と表示されます。これで、MySQLのサービスを開始・有効化は完了となります。

■脅威からMySQLデータベースを安全に保護する場合の従うべきオプションと設定

次に脅威からMySQLデータベースを安全に保護する設定を行います。これは、MySQLまたはMariaDBのどちらを使用しても同じです。

mysql_secure_installation

上記のコマンドを入力し、Enterキーを押します。

VALIDATE PASSWORD COMPONENT can be used to test passwords and improve security. It checks the strength of password and allows the users to set only those passwords which are secure enough. Would you like to setup VALIDATE PASSWORD component?（VALIDATE PASSWORD COMPONENTは、パスワードのテストやセキュリティの向上に使用できます。パスワードの強度をチェックして、ユーザーが十分に安全なパスワードだけを設定できるようにします。VALIDATE PASSWORDコンポーネントをセットアップしますか？）

Enterキーを押すと、上記のようなメッセージが表示されますので「y」と入力し、Enterキーを押します。

Enterキーを押すと、「There are three levels of password validation policy:（パスワード検証ポリシーには3つのレベルがあります。）」と表示されますので、今回は「0」を入力し、Enterキーを押します。

Enterキーを押すと、「New password:」と表示されますので、MySQLのパスワードを設定します。設定のために入力すると、「Re-enter new password:」と表示されますので、再度パスワードを入力します。

Estimated strength of the password: 50
Do you wish to continue with the password provided?(Press y|Y for Yes, any other key for No) :（パスワードの強度の目安：50
提示されたパスワードで続行しますか？（Yesの場合はy|Yを、Noの場合は他のキーを押してください）。）

入力すると、上記のようなメッセージが表示されますので「y」と入力し、Enterキーを押します。

Enterキーを押すと、「Remove anonymous users? (Press y|Y for Yes, any other key for No) :（匿名ユーザーを削除しますか？(Yesの場合はy|Yを、Noの場合は他のキーを押す) :）」と表示されますので、「y」と入力し、Enterキーを押します。

Enterキーを押すと、「Disallow root login remotely? (Press y|Y for Yes, any other key for No) :（リモートでのrootログインを禁止しますか？(Yesの場合はy|Yを、Noの場合は他のキーを押す) :）」と表示されますので、「y」と入力し、Enterキーを押します。

Enterキーを押すと、「Remove test database and access to it? (Press y|Y for Yes, any other key for No) :（テスト用データベースとそのアクセスを削除しますか？(Yesの場合はy|Yを、Noの場合は他のキーを押す) :）」と表示されますので、「y」と入力し、Enterキーを押します。

Enterキーを押すと、「Reload privilege tables now? (Press y|Y for Yes, any other key for No) :（特権テーブルを再読み込みしますか？(Yesの場合はy|Yを、Noの場合は他のキーを押す) :）」と表示されますので、「y」と入力し、Enterキーを押します。

Enterキーを押すと、「All done!（全て完了しました）」と表示されます。これで脅威からMySQLデータベースを安全に保護する設定は完了となります。

■PHP 7.2/7.3/7.4または8.0のインストール

では、次に7.2/7.3/7.4または8.0のインストールを行います。

■インストール可能なPHPのバージョンを確認する

sudo dnf module list php

上記のコマンドを入力し、Enterキーを押します。

Enterキーを押すと、インストール可能なPHPのバージョンが表示されます。今回は7.4をインストールしますが、デフォルトではPHP 7.2 が選択された状態となっています。これを変更するには7.4をデフォルトにし、有効化するための設定を行います。

sudo dnf module reset php

sudo dnf module enable php:7.4

設定するために、上記のコマンドを入力し、Enterキーを押します。

Enterキーを押すと、「これでよろしいですか」と質問されますので「y」を入力し、Enterキーを押します。Enterキーを押すと、「完了しました！」と表示されます。これで7.4をデフォルトにし、有効化が完了となります。

■8.0のインストール

sudo dnf install http://rpms.remirepo.net/enterprise/remi-release-8.rpm

sudo dnf update

sudo dnf module list php

sudo dnf module reset php

sudo dnf module enable php:remi-8.0

8.0をインストールする場合は上記のコマンドを入力します。

先ほどの続きですが、7.4をデフォルトにし、有効化した後に、コマンドを入力します。

sudo dnf install php php-common php-opcache php-mcrypt php-cli php-gd php-curl php-mysqlnd

上記のコマンドを入力し、PHP,ApacheとMysqlで使用するために必要な一般的な拡張機能をシステムにインストールします。入力後、Enterキーを押します。

インストールを開始しようとしましたが、

一致した引数がありません: php-mcrypt

エラー: 一致するものが見つかりません: php-mcrypt

というエラーが発生しました。

sudo dnf install php php-common php-opcache php-cli php-gd php-curl php-mysqlnd

エラーが発生したので、php-mcryptを記述せずに、インストールを行います。

Enterキーを押すと、パッケージが確認されて、「これでよろしいですか？」と質問されますので、「y」を入力し、Enterキーを押します。

Enterキーを押すと、パッケージがダウンロードされ、インストールが開始されます。しばらくすると、「完了しました！」と表示されます。これでPHP,ApacheとMysqlで使用するために必要な一般的な拡張機能をシステムにインストール完了となります。

なお、PHPを使ったさまざまなアプリケーションのパフォーマンスを向上させるために、以下のコマンドを使ってPHP-FPM（FastCGI Process Manager）を起動し、有効にすることができます。（まだ起動していない場合は行っておきます）。

sudo systemctl start php-fpm

sudo systemctl enable php-fpm

■PHPの動作テストを行う

PHPのインストールが完了しましたので、動作テストを行います。テストでは、WebブラウザでPHPの設定情報を呼び出して確認します。

sudo vi /var/www/html/info.php

確認の際は、上記のコマンドを入力し、Enterキーを押します。

Enterキーを押すと、viエディタが起動しますので、「i」を押して挿入（Insert）モードに切り替えます。

■コード

<?php
phpinfo ();
?>

切り替えた後に、上記のコードを記述し、「ESC」キーを押して挿入（Insert）モードを終了し、「:qw」でinfo.phpのファイルを保存し、viエディタを終了します。

http://（ipアドレス）:8888/info.php

終了後、Webブラウザを起動し、アドレスバーに上記のURLを入力し、アクセスします。

アクセスすると、PHPの設定情報が表示され、「PHP Version 7.4.6」と表示されました。これで動作は完了しました。

sudo rm /var/www/html/info.php

今回動作完了のために作成したinfo.phpのファイルを削除する場合は上記のコマンドを入力し、Enterキーを押します。押すと削除されます。

■PC環境

macOS High Sierra バージョン10.13.6

Homebrew バージョン 2.5.7

■ターミナルを起動する

まずはMacを起動後、「ユーティリティ」から「ターミナル」をダブルクリックで起動します。

$ brew install mysql

起動すると、ターミナルのウインドウが表示されますので、上記のコマンドを入力し、Return/Enterキーを押します。

Return/Enterキーを押すと、Homebrewのアップデートが行われ、Mysqlのインストールが開始されるが、「macOS High Sierra バージョン10.13.6」を使用してため、

Warning: You are using macOS 10.13.
We (and Apple) do not provide support for this old version.
You will encounter build failures with some formulae.
Please create pull requests instead of asking for help on Homebrew’s GitHub,
Twitter or any other official channels. You are responsible for resolving
any issues you experience while you are running this
old version.

上記の警告が表示される。「あなたはmacOS 10.13を使用しています。 この古いバージョンに対するサポートは行っておりません。 いくつかの式でビルドに失敗することがあります。」ということで、現在のmacOSのバージョンがサポートしていないので、バージョンアップする必要がある。

Homebrewのアップデートがかかったことで、他のインストールしたパッケージもアップデートが行われ、時間がかかる。アップデートで途中で「”jar”コマンドラインツールを使用するには、JDKをインストールする必要があります。」というウインドウが表示されるので、「OK」ボタンをクリックする。

==> Installing mysql
==> cmake . -DFORCE_INSOURCE_BUILD=1 -DCOMPILATION_COMMENT=Homebrew -DINSTALL_DO
==> make
==> make install
==> ./mysql-test-run.pl status --vardir=/private/tmp/d20210330-94675-lhc6fx
==> /usr/local/Cellar/mysql/8.0.23_1/bin/mysqld --initialize-insecure --user=use
==> Caveats
We've installed your MySQL database without a root password. To secure it run:
    mysql_secure_installation

MySQL is configured to only allow connections from localhost by default

To connect run:
    mysql -uroot

To have launchd start mysql now and restart at login:
  brew services start mysql
Or, if you don't want/need a background service you can just run:
  mysql.server start
==> Summary
🍺  /usr/local/Cellar/mysql/8.0.23_1: 297 files, 295.7MB, built in 25 minutes 19 seconds
==> `brew cleanup` has not been run in 30 days, running now...
Removing: /usr/local/Cellar/gdbm/1.18.1_1... (25 files, 624.9KB)
Removing: /Users/user/Library/Caches/Homebrew/gdbm--1.18.1_1.high_sierra.bottle.tar.gz... (204.0KB)
Removing: /Users/user/Library/Caches/Homebrew/gh--1.1.0.high_sierra.bottle.tar.gz... (5.7MB)
Removing: /usr/local/Cellar/openssl@1.1/1.1.1g... (8,059 files, 18.4MB)
Removing: /usr/local/Cellar/readline/8.0.4... (48 files, 1.5MB)
Removing: /Users/user/Library/Caches/Homebrew/readline--8.0.4.high_sierra.bottle.tar.gz... (517.6KB)
Removing: /usr/local/Cellar/sqlite/3.32.3... (11 files, 4MB)
Removing: /Users/user/Library/Caches/Homebrew/xz--5.2.5.high_sierra.bottle.tar.gz... (386.6KB)
Removing: /Users/user/Library/Caches/Homebrew/portable-ruby-2.6.3_2.yosemite.bottle.tar.gz... (9.1MB)
Removing: /Users/user/Library/Logs/Homebrew/gh... (68B)
Pruned 1 symbolic links and 2 directories from /usr/local

しばらくしてようやくMysqlのインストールが開始される。

==> mysql
We've installed your MySQL database without a root password. To secure it run:
    mysql_secure_installation

MySQL is configured to only allow connections from localhost by default

To connect run:
    mysql -uroot

To have launchd start mysql now and restart at login:
  brew services start mysql
Or, if you don't want/need a background service you can just run:
  mysql.server start

開始してしばらくすると、上記のメッセージが表示される。これでMysqlのインストールは完了となる。

$ brew info mysql

完了後、上記のコマンドを入力し、Return/Enterキーを押します。これでMysqlの情報を確認する。

mysql: stable 8.0.23
Open source relational database management system

MySQL :: MySQL 8.0 Reference Manual
dev.mysql.com
Conflicts with:
  mariadb (because mysql, mariadb, and percona install the same binaries)
  percona-server (because mysql, mariadb, and percona install the same binaries)
/usr/local/Cellar/mysql/8.0.23_1 (297 files, 295.7MB) *
  Built from source on 2021-03-30 at 15:21:46
From: https://github.com/Homebrew/homebrew-core/blob/HEAD/Formula/mysql.rb
License: GPL-2.0-only
==> Dependencies
Build: cmake ✔
Required: openssl@1.1 ✔, protobuf ✔
==> Caveats
We've installed your MySQL database without a root password. To secure it run:
    mysql_secure_installation

MySQL is configured to only allow connections from localhost by default

To connect run:
    mysql -uroot

To have launchd start mysql now and restart at login:
  brew services start mysql
Or, if you don't want/need a background service you can just run:
  mysql.server start
==> Analytics
install: 92,870 (30 days), 241,201 (90 days), 875,756 (365 days)
install-on-request: 91,858 (30 days), 238,426 (90 days), 856,256 (365 days)
build-error: 0 (30 days)

確認すると、Mysqlのバージョン8.0.23がインストールされたことが確認できた。

■環境

・Windows10

・Visual Studio Code 1.53.2

・レンタルサーバー「ヘテムル」

・FTPクライアント「FileZilla」

■レンタルサーバーでMySQLデータベースを作成する

PHPを介してMySQLデータベースへの接続を行ってみますが、その前にレンタルサーバーでMySQLデータベースを作成します。今回はレンタルサーバー「ヘテムル」を使用します。

「ヘテムル」のコントロールパネルのログイン（https://admin.heteml.jp/）画面で、「ヘテムルID」と「パスワード」を入力し、「ログイン」ボタンをクリックします。

クリックすると、コントロールパネルの右側にメニューがありますので、「各種設定」から「データベース」をクリックします。

クリックすると、「データベース」の管理パネルが表示されますので、「データベース作成画面へ」というボタンをクリックします。

クリックすると、「データベース作成画面」が表示されます。こちらの画面で「データベース名」と「接続パスワード」を入力します。入力後、「メモ」欄がありますので、データベースに関することのメモを入力する場合は行います。その後、「データベースを作成する」ボタンをクリックします。

クリックすると、「admin.heteml.jpの内容」というポップアップが表示されます。「データベースを作成します。よろしいですか？」というメッセージが書かれていますので、「OK」ボタンをクリックします。

クリックすると、「データベース[データベース名]の作成が完了しました」と表示されます。これでデータベースの作成は完了となります。完了後、「戻る」ボタンをクリックします。

クリックすると、「データベース」の管理パネルが表示されますので、作成したデータベースが表示されていますので、この表示されているところでサーバー名「mysql○○○.phy.heteml.lan」といった記載がありますので、こちらの情報をコピーして保存します。

■PHPを介してMySQLでテーブルを作成する

データベースの作成が完了しましたので、PHPを介してMySQLでテーブルを作成します。まずは、Visual Studio Codeなどのコードエディターを開き、PHPのコードを書いていきます。

■コード

<?php 
$servername = "ホスト（サーバー）名";
$username = "サーバーのユーザー名";
$password = "サーバーのパスワード";
$dbname = "_test_1a（作成したデータベース名）";

//接続を作成する
$conn = new mysqli($servername,$username,$password,$dbname);
//接続を確認する
if($conn -> connect_error){
    die("接続に失敗しました: ".$conn->connect_error);
}

//MySQLテーブルを作成する
$sql = "CREATE TABLE test_table(
id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
firstname VARCHAR(30) NOT NULL,
lastname VARCHAR(30) NOT NULL,
email VARCHAR(50),
reg_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
)";

//MySQLに接続しテーブルの作成が真だった場合

if ($conn->query($sql) === TRUE){
    echo "テーブル「test_table」が正常に作成されました";
} else {
    echo "テーブルの作成中にエラーが発生しました: " . $conn -> error;
}

//接続を閉じる

$conn->close();

MySQLでテーブルを作成する際は、今回はsqlという変数を定義し、その中にCREATE TABLE文を使用し、「CREATE TABLE test_table()」と記述します。「test_table」というのが今回のテーブルの名前です。

作成したテーブルの中に「id」、「firstname」、「lastname」、「email」、「reg_date」という5つの列を、今回は作ります。

「id」の列では、INT(6)と記述し、整数型を6桁の数値として表示し、UNSIGNED（符号なし）と記述することで、範囲を0から始まる「0 ～ 255」（正の数のみ）までにすることができます。さらに、AUTO_INCREMENTと追加し、レコードが追加されたとき、整数を自動的に付与されるようにします。最後にPRIMARY KEYと追加することで、主キー制約となります。

次に「firstname」、「lastname」、「email」の列では、VARCHARと記述し、可変長の文字列の追加します。括弧内では0 から 65,535 までの値で指定できますが、今回は「firstname」と「lastname」は「30」、「email」は「50」と指定しています。最後にNOT NULLと記述し、NULL（何も入っていない状態）を格納できなくなる。

最後に「reg_date」の列では、「TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP」と記述することで、タイムスタンプ（TIMESTAMP）が押され、新規追加、更新のどちらでも日時が更新されるようになります。

■実行・検証

このphpを「index.php」で保存します。保存後、FTPクライアントを使用し、ヘテムルレンタルサーバーのサーバー上に「index.php」をアップロードし、表示させてみます。

表示させてみると、MySQLに接続しテーブルの作成が成功した時に表示される文字列が出力されました。

出力された後にphpmyadminへのログインを行い、データベースにテーブルが作成されたのかを確認すると、今回の指定した構造でテーブルが作成されていることが確認できました。

■環境

・Windows10

・Visual Studio Code 1.53.2

・レンタルサーバー「ヘテムル」（php7.4,MySQL5.6）

・FTPクライアント「FileZilla」

■レンタルサーバー「ヘテムル」のデータベース（Mysql）の設定

データベース（Mysql）にデータを保存してみますので、まずは今回使用するヘテムルのデータベース（Mysql）の設定を行います。

「ヘテムル」のコントロールパネルのログイン（https://admin.heteml.jp/）画面で、「ヘテムルID」と「パスワード」を入力し、「ログイン」ボタンをクリックします。

クリックすると、コントロールパネルの右側にメニューがありますので、「各種設定」から「データベース」をクリックします。

クリックすると、「データベース」の管理パネルが表示されますので、「データベース作成画面へ」というボタンをクリックします。

クリックすると、「データベース作成画面」が表示されます。こちらの画面で「データベース名」と「接続パスワード」を入力します。入力後、「メモ」欄がありますので、データベースに関することのメモを入力する場合は行います。その後、「データベースを作成する」ボタンをクリックします。

クリックすると、「admin.heteml.jpの内容」というポップアップが表示されます。「データベースを作成します。よろしいですか？」というメッセージが書かれていますので、「OK」ボタンをクリックします。

クリックすると、「データベース[データベース名]の作成が完了しました」と表示されます。これでデータベースの作成は完了となります。完了後、「戻る」ボタンをクリックします。

「データベース」の管理パネルに戻りますので、作成したデータベースが表示されています。こちらの右側にある「phpMyAdmin」ボタンをクリックします。

クリックすると、「phpMyAdmin へようこそ」と表示され、「phpMyAdmin」ログインページが表示されます。表示されたページ内に「ログイン」という項目がありますので、データベースを作成した時のユーザー名とパスワードを入力します。入力後「Server Choice:」では、作成したデータベースの「サーバー名」を選択します。

選択後、「実行」ボタンをクリックします。

クリックすると、「phpMyAdmin」にログインできますので、左側のメニューから作成したデータベース名をクリックします。クリックすると、「このデータベースにはテーブルがありません。」と表示されます。こちらで「テーブルを作成」という項目がありますので、「名前:」、「カラム数：」を入力し、テーブルを作成します。

今回はテーブルの名前を「data」としカラム数を「2」と入力します。　入力後、「実行」ボタンをクリックします。

クリックすると、作成するテーブルの情報を設定する画面になります。こちらでカラムの「名前」を今回は「name」、「email」とします。次にデータ型は今回は「VARCHAR（可変長の文字列）」とします。次に「長さ/値」は、今回は「255」と入力します。入力後、その他の項目は入力なしで、「保存する」ボタンをクリックします。

クリックすると、テーブルが作成が完了となります。左側のメニューで、今回作成したデータベースの中に「data」というテーブルが表示されています。こちらをクリックし、「構造」という項目をクリックすると、作成したテーブル内のカラムなどの情報が確認できます。

■HTMLフォームを作成する

確認後、Visual Studio Codeなどのコードエディターを開き、HTMLフォームを作成していきます。

■コード

<!DOCTYPE html>
<html lang="ja">
<head>
    <title>データベースへの保存</title>
</head>
<body>
    <div style="text-align: center">
    <h1>入力フォーム</h1>
    <form action="insert.php" method="post">
    <p>
    <label for="name">name:</label>
    <input type="text" name="name" id="name">
    </p>
    <p>
    <label for="email">email:</label>
    <input type="text" name="email" id="email">
    </p>  
    <p>           
    <input type="submit" value="送信ボタン">
    </form>
    </div>

</body>
</html>

今回は上記のHTMLフォームを作成してみました。このHTMLフォームを「index.php」という名前で保存します。

■データを送信し、データベース（Mysql）に保存するためのスクリプト

では、次にデータを送信し、データベース（Mysql）に保存するためのスクリプトを書いていきます。

■コード

<!DOCTYPE html>
<html lang="ja">
<head>
    <title>MySQLへのデータ挿入</title>
</head>
<body>
    <div style="text-align: center">
    <?php
    $host = 'MySQLのサーバー名';
    $username = 'ユーザー名';
    $passwd = 'パスワード';
    $dbname = 'データベース名';

    $conn =mysqli_connect($host,$username,$passwd,$dbname);
    if($conn == false){
        die("エラー: 接続できませんでした。" . mysqli_connect_error());
    }
    $name= $_REQUEST['name'];
    $email= $_REQUEST['email'];

    $sql ="INSERT INTO data VALUES ('$name','$email')";

    if(mysqli_query($conn,$sql)){
        echo "<h3>データベースに正常に保存された。</h3>";
        echo nl2br("\n$name\n $email\n ");
    }else{
        echo "エラー: $sql. " . mysqli_error($conn);
    }
    mysqli_close($conn)
    ?>
    </div>

</body>
</html>

今回はこのようなスクリプトを作成してみました。このスクリプトを「insert.php」という名前で保存します。

■phpのファイルをFTPクライアントを使用し、サーバー上にアップロードする

2つのファイルを保存後、phpのファイルをFTPクライアントを使用し、サーバー上にアップロードする。今回はFTPクライアント「FileZilla」を使用してアップロードします。

■動作確認（スクリプトの実行）

phpのファイルをFTPクライアントを使用し、サーバー上にアップロード後、動作確認（スクリプトの実行）を行います。

Webブラウザでphpのファイルをアップロードしたサーバーにアクセスしてみます。アクセスすると、HTMLフォームが表示されました。表示されましたので、フォームを介して入力したデータがデータベース（Mysql）に保存されるのか検証してみます。

HTMLフォームの「name」と「email」の入力欄にテストで情報を入力します。入力後、「送信ボタン」をクリックします。

クリックすると、「データベースに正常に保存された。」と表示されました。これでデータベース（Mysql）の保存が完了となりました。

完了後、phpMyAdminにアクセスしてみます。

アクセスしてみると、HTMLフォームを介して送信されたデータが、データベース（Mysql）の保存されたことが確認できました。