はじめに

「東京都の新型コロナウイルス感染症対策サイト」についてローカルのVagrant環境で動作確認をする方法についてまとめました。

環境

以下の環境で確認しています。ホストOSはMacOSですが、ゲストOSが同じであれば大きくは変わらないと思います。

ホストOS：MacOS Catalina
ゲストOS：CentOS7
仮想環境：Vagrant2.2.7 + VirtualBox6.0.18

構築手順

前提としてVagrantとVirtualBoxのインストールは環境していることとします。

仮想環境（CentOS）

CentOSのインストール

vagrantでCentOS7の環境を構築します。

mkdir tokyo-covid19
cd tokyo-covid19
vagrant init centos/7

ホストOSから接続できるように、ネットワークの設定をします。ここではVirtualBox用のプライベートネットワークを追加することにしています。

Vagrantfileの以下の部分をコメントアウトしてゲストOSのIPアドレスを指定します。

config.vm.network "private_network", ip: "192.168.2.100"

デフォルトではゲストOSのメモリが512MBなので2GBに増やします。

config.vm.provider "virtualbox" do |vb|
  #   # Display the VirtualBox GUI when booting the machine
  #   vb.gui = true
  #
  #   # Customize the amount of memory on the VM:
     vb.memory = "2048"
end

ゲストOSを起動してSSHで接続します。

vagrant up
vagrant ssh

前提ソフトウェア（git、node.js、g++）のインストール

環境構築には、CentOS上に、ソースコードを取得するためのgit、フレームワークを実行するためのnode.js、パッケージのコンパイルのためのyarnとg++のインストールが必要です。

node.jsのインストール

sudo yum install https://rpm.nodesource.com/pub_12.x/el/7/x86_64/nodesource-release-el7-1.noarch.rpm
sudo yum -y install nodejs

g++のインストール

sudo yum install gcc-c++

yarnのインストール

sudo npm install -g yarn

ファイアウォールの停止

デフォルトではCentOSファイアウォールが起動しているため停止します。

sudo systemctl stop firewalld

新型コロナウイルス感染症対策サイトの構築

githubからソースコード一式を取得する

git clone https://github.com/tokyo-metropolitan-gov/covid19
cd covid19

※ ここでREADME通りだとyarn installとなるのですが、途中でnode.jsがOut of Memoryになってしまったので、ヒープサイズを拡張します

package.jsonのdevの箇所に、「NODE_OPTIONS=--max_old_space_size=2048」を追記し、ヒープサイズを2GBにします。

  "scripts": {
    "dev": "cross-env NODE_OPTIONS=--max_old_space_size=2048 NODE_ENV=development nuxt-ts",
    "build": "nuxt-ts build",
    "start": "cross-env NODE_ENV=production nuxt-ts start",

パッケージのインストールを行い、dev環境を起動します。
なお、ホストOSから接続するためには「--hostname 0.0.0.0」オプションを付ける必要があります。

yarn install
yarn dev --hostname 0.0.0.0

ホストOSから接続確認

ビルドが完了したら、ホストOSから「http://192.168.2.100:3000」にアクセスします。
問題なければ、新型コロナウイルス感染症対策サイトが表示されます。