【個人開発でサイト構築】nodeのサイトをドメインでアクセス

へっぽこプログラマーなわたしが自分でつくったサービスを公開しようとおもいたち、準備開始です。

今回はnode.jsでたてたサイトをドメインのURLでアクセスする方法を書きます。

個人開発を始めようと思っている人の参考になればと思います。

ちなみにわたしの環境です。
VPS:Conoha
OS:Ubuntu
Client:Windows10
web:apache2

node.jsでたてたサイトをドメインのURLでアクセスするには
1. node.jsでサーバーをたてて、localhost:5000でローカル環境ではアクセス可能とする
2. localhost:5000をhttps://toola.yyy.comのようなサブドメインでアクセス可能とする
まとめ

node.jsでたてたサイトをドメインのURLでアクセスするには

今回行いたいこと

node.jsでサーバーをたてて、localhost:5000でローカル環境ではアクセス可能とする
localhost:5000をhttps://toola.yyy.comのようなサブドメインでアクセス可能とする

node.jsでサーバーをたてて、localhost:5000でローカル環境ではアクセス可能とする

node.jsでサーバーをたてます。

app.js

const express = require('express')
const app = express()
const port = 5000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

node実行

node app.js

アクセスできることを確認

 http://localhost:5000/

localhost:5000をhttps://toola.yyy.comのようなサブドメインでアクセス可能とする

apacheの設定へリバースプロキシをいれる作業をします。

cd /etc/apache2/sites-available/

修正前：toola.yyy.com.conf

<VirtualHost *:80>
 RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

</VirtualHost>
<VirtualHost *:443>
    ServerName toola.yyy.com
    ServerAlias www.toola.yyy.com
    ServerAdmin webmaster@localhost

    DocumentRoot /var/www/701redux1/client

    ErrorLog "/home/xyz/mylogs/apache2/toola.yyy.com_error.log"
    CustomLog "/home/xyz/mylogs/apache2/toola.yyy.com_access.log" common

 SSLEngine on
    SSLCertificateFile /etc/letsencrypt/live/yyy.com/fullchain.pem
    SSLCertificateKeyFile /etc/letsencrypt/live/yyy.com/privkey.pem
</VirtualHost>

修正後：toola.yyy.com.conf

<VirtualHost *:80>
 RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

</VirtualHost>
<VirtualHost *:443>
    ServerName toola.yyy.com
    ServerAlias www.toola.yyy.com
    ServerAdmin webmaster@localhost

    DocumentRoot /var/www/701redux1/client

    ErrorLog "/home/xyz/mylogs/apache2/toola.yyy.com_error.log"
    CustomLog "/home/xyz/mylogs/apache2/toola.yyy.com_access.log" common

 SSLEngine on
    SSLCertificateFile /etc/letsencrypt/live/yyy.com/fullchain.pem
    SSLCertificateKeyFile /etc/letsencrypt/live/yyy.com/privkey.pem

# Proxy設定
ProxyRequests Off
ProxyPass / http://127.0.0.1:5000/
ProxyPassReverse / http://127.0.0.1:5000/
</VirtualHost>

設定の反映

sudo a2ensite toola.yyy.com.conf

アパッチの再起動
systemctl restart apache2.service

urlへアクセスして動作確認

https://toola.yyy.com

まとめ

nodeのサイトをドメインでアクセスする方法を書きました。
プロキシの設定を追加するだけです。

これでサーバーの準備ができました。

おすすめのオフラインプログラミングスクールに関しては「おすすめのオフラインプログラミングスクール【無料体験あり】」で詳しく解説していますので、併せてご活用ください。

おすすめのオンラインプログラミングスクールに関しては「おすすめのオンラインプログラミングスクール【無料体験あり】」で詳しく解説していますので、併せてご活用ください。

未経験者でプログラマになりたい方に関しては「【転職】未経験者でプログラマになりたい人、なれますよ！【再現性あり】」で詳しく解説していますので、併せてご活用ください。

フリーランスエンジニアにおすすめのエージェント（いろいろ）に関しては「フリーランスエンジニアにおすすめのエージェントいろいろ」で詳しく解説していますので、併せてご活用ください。