動的HTML5Webアプリケーションの作成と、Filezillaを使用したリモートWebサーバーへのデプロイ


このシリーズの前の2つの記事では、LinuxデスクトップディストリビューションでNetbeansをIDEとしてセットアップしてWebアプリケーションを開発する方法について説明しました。次に、ページをモバイルフレンドリーでレスポンシブにするために、jQueryとBootstrapの2つのコアコンポーネントを追加しました。

  1. Install Netbeans and Java to Create a Basic HTML5 Application – Part 1
  2. Creating Mobile-Friendly and Responsive Web Application Using jQuery and Bootstrap – Part 2

開発者として静的コンテンツを扱うことはめったにないので、パート2で設定した基本ページに動的機能を追加します。まず、前提条件をリストし、それらに対処してから先に進みます。

LAMPサーバーにデプロイする前に、開発マシンで動的アプリケーションをテストするには、いくつかのパッケージをインストールする必要があります。このシリーズの作成にはUbuntu14.04デスクトップを使用しているため、ユーザーアカウントがすでにsudoersファイルに追加され、必要なアクセス許可が付与されていることを前提としています。

パッケージのインストールとDBサーバーへのアクセスの構成

インストール中に、MySQLrootユーザーのパスワードの入力を求められる場合があることに注意してください。強力なパスワードを選択してから続行してください。

Ubuntuとその派生物(他のDebianベースのディストリビューション用):

$ sudo aptitude update && sudo aptitude install apache2 php5 php5-common php5-myqsql mysql mysql-server filezilla

Fedora/CentOS/RHEL:

$ sudo yum update && sudo yum install httpd php php-common php-mysql mysql mysql-server filezilla

インストールが完了したら、 mysql_secure_installation を実行して、データベースサーバーを保護することを強くお勧めします。次の情報の入力を求められます。

  1. Change the root password? [Y/n]. If you already set a password for the MySQL root user, you can skip this step.
  2. Remove anonymous users? [Y/n] y.
  3. Disallow root login remotely? [Y/n] y (Since this is your local development environment, you will not need to connect to your DB server remotely).
  4. Remove test database and access to it? [Y/n] y
  5. Reload privilege tables now? [Y/n] y.

サンプルデータベースの作成とテストデータのロード

サンプルデータベースを作成してテストデータをロードするには、DBサーバーにログオンします。

$ sudo mysql -u root -p

MySQLrootユーザーのパスワードを入力するように求められます。

MySQLプロンプトで、次のように入力します

CREATE DATABASE tecmint_db;

Enterキーを押します。

それでは、テーブルを作成しましょう。

USE tecmint_db;
CREATE TABLE articles_tbl(
   Id INT NOT NULL AUTO_INCREMENT,
   Title VARCHAR(100) NOT NULL,
   Author VARCHAR(40) NOT NULL,
   SubmissionDate TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
   PRIMARY KEY ( Id )
);

サンプルデータを入力します。

INSERT INTO articles_tbl (Title, Author) VALUES ('Installing Filezilla in CentOS 7', 'Gabriel Canepa'), ('How to set up a LAMP server in Debian', 'Dave Null'), ('Enabling EPEL repository in CentOS 6', 'John Doe');

Webサーバーディレクトリにシンボリックリンクを追加する

Netbeansはデフォルトでプロジェクトを現在のユーザーのホームディレクトリに保存するため、その場所を指すシンボリックリンクを追加する必要があります。例えば、

$ sudo ln -s /home/gabriel/NetBeansProjects/TecmintTest/public_html /var/www/html/TecmintTest

/ home/gabriel/NetBeansProjects/TecmintTest/public_htmlを指すTecmintTestというソフトリンクを追加します。

そのため、ブラウザでhttp:// localhost/TecmintTest /を指定すると、パート2で設定したアプリケーションが実際に表示されます。

リモートFTPおよびWebサーバーのセットアップ

パート9– TecmintでのRHCSAシリーズのセキュアFTPおよびWebサーバーのインストールと構成の手順を使用して、FTPおよびWebサーバーを簡単にセットアップできるため、ここでは繰り返しません。先に進む前に、そのガイドを参照してください。