質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Ubuntu

Ubuntuは、Debian GNU/Linuxを基盤としたフリーのオペレーティングシステムです。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

Q&A

解決済

1回答

2393閲覧

ブラウズでlocalhost:3000にアクセスして作成したアプリ画面を表示できない

traveler18

総合スコア6

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Ubuntu

Ubuntuは、Debian GNU/Linuxを基盤としたフリーのオペレーティングシステムです。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

0グッド

0クリップ

投稿2018/07/14 08:28

編集2018/07/14 08:30

前提・実現したいこと

「Docker によるアプリケーション 開発環境構築ガイド」の第4章p201からp206にあたる内容で、
ローカルでnode.jsのexpressを使ってアプリを作成してブラウザで確認ということを実行したいのですが、コマンドをその通りに最後まで実行して、ブラウザで確認するところで確認ができません。

Node.jsとnpmのインストール

$ apt-get update $ apt-get install -y nodejs npm # npmのいくつかのモジュールはnodejsコマンドではなくnodeコマンドとして実行しようとするので、シンボリックリンクを作成してnodeを実行したときにnodehjsが実行できるようにする $ ln -s /usr/bin/nodejs /usr/bin/node

express-generatorをインストール

$ npm install express-generator@4.15.5 -g

プロジェクトの雛形を作成、起動

$ express --view=ejs todos
# todosディレクトリに移動し、作成されたpackage.jsonに書かれたライブラリのインストールをした後、npm startで実行する $ cd todos $ npm install $ npm start

ブラウザでアクセスして起動を確認
localhost:3000

このサイトにアクセスできません
localhost で接続が拒否されました。

確認できず。

環境情報

dockerの ubuntuメージをpullしてubuntu環境を構築 ※vagrantの bento/ubuntu-16.04イメージを利用してubuntu環境を構築した場合でも試してみたが結果は同様でした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

port番号を下記のようにして3000から2700に変更。

vi bin/www var port = normalizePort(process.env.PORT || '2700');

その後、 fierwallで2700のポートを解放したあと、

sudo ufw allow 2700 npm start

localhost:2700でアクセスできた。

原因は、おそらく、自分のPC(mac)でlocalhost:3000が何かしらの原因で使えない状況になっていると推測しました。ありがとうございます!

投稿2018/07/14 08:45

traveler18

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問