node.jsのを走らせることができない。

Question

ドットインストールのローカル開発環境の構築 [MacOS X]を見て整えた環境でnode.jsを走らせたいのですが、うまくいかなくて困っています。

vagrantにcentos6.7が入っておりvagrantを立ち上げて「node -v」を入力すると
「v0.10.40」

という表示が出るのでおそらく環境は問題ないと思うのですが、Cyberduckに
「console.log('a');」
とだけ書いたjsファイル(nodejs2.js)をアップロードし
http://IP/nodejs2.js
にアクセスすると、中のテキストがそのまま出てきて

「console.log('a');」とでてきてしまいます。

Cyberduckの同じ場所に

<?php echo "hello" ?>

と書いたPHPファイル(index.php)を置き
http://IP/index.phpにアクセスすると

「hello」
とでてきます。

どこに問題があるのでしょうか？

何か原因が思い当たる方いらっしゃいましたらお返事いただけるとうれしいです。
よろしくおねがいします。

Answer 1

Webサーバー（HTTPサーバー）とは何かから勉強する必要が有るかと思います。

Webサーバーはざっくり説明すると、
基本的にブラウザのファイル（HTML、CSS、JSなどなど）が欲しいという要望をリクエストとして受け、
そのブラウザに要求されたファイルを渡すのが仕事です。

ドットインストールで環境構築が
どのページの事を指しているかは具体的には見ていませんが、
Apacheという超有名なWebサーバーがありますので、まずそれがほぼ100％使われていることでしょう。

PHPファイル(index.php)を置き
http://IP/index.phpにアクセスすると

実はPHPはApacheとの連携が超し易いように既に設定済みなのです。
PHPがインストールされた瞬間、Apacheと下記のように連携されます。
（yum等のバージョン管理ツールでインストールした場合、このような設定済で構築されます）

PHP「ねえApacheさん、.phpというファイルが来たら、僕がファイルを変換して返すからよろしくね」
Apache「わかった、.phpのファイルが要求されたら呼ぶから直ぐ側で待機しておいてね」

でもNode.jsはそんな事Apacheさんと約束していませんから、
普通にJSファイルを返します。

どうすればいいねん？

Node.jsでもWebサーバーを立てます
http://qiita.com/hosomichi/items/1991567e56dea41d1021

Webサーバーは基本的にサーバーマシンのポート80で待ち受ける決まりがありまして、
「http://teratail.com」等と入力すると「http://teratail.com:80」にアクセスしたのと全く同じ事が言えます

ApacheはWebサーバーとしての仕事を行う為に既にポート80を使用していますので、
Node.jsのWebサーバーの使うポートは8080番を利用しましょう。
その時点で「http://IP:8080」等と入力することでNode.js側のWebサーバーにアクセス出来るようになります。

更にApacheの設定ファイルを修正して、
このパスでアクセスが来た場合、「http://IP:8080」にリクエストを受け流すという設定が可能ですので、
設定ファイルを書き換えましょう。

---

エスパー回答でもっとあれこれ記載してもいいのですが、
長くなるのでやるべき事をざっと書き出しました。

調べても分からない箇所がございましたら、また別のタイトルで立てて見て下さい。
他の回答者さんも具体的に答えられるかと思います。

Comments

[kuniatsu]

お返事ありがとうございます。
nodejsではapacheは使われていないものと勘違いしていました。

vagrantの設定の際など頭を使わずに設定しているのでもう一度設定をどのようにやっていたかを見直してみたいと思います。

Answer 2

他の方も回答されておりますが、nodejs は勝手に起動されるわけでは無いので、デーモンとして動くようにプログラムしたものを起動させる必要があります。

また、nodejsはサーバサイドで動くものですから、console.log はサーバに出力され、画面には何も表示されないのではないでしょうか？

Comments

[kuniatsu]

console.logについてはおっしゃるとおりですね！

細かく時間を使ってターミナルを立ち上げては思い思いのことをためしています。だいぶ詳しくなってきました。
現状抱えている問題は、cyberduckでアップロードしたファイルがvagrantのcentosのなかのどこを探しても見つからないということです。
どういうことかというと、ターミナル側でconsole.logなどの動きを試すと正しく動くため、[save masao.js]をすると正しく保存され[ls]すると[masao.js]があることが確認できます。そして、[load masao.js]をすると先ほど保存したプログラムが動く上にはあるのです。

しかし、cyberduck側からアップロードしたファイルはlsで見えるフォルダのどこをさがしてもみつかりません、これが見つかるようになれば少なくともターミナル上ではcyberduckでアップロードしたnodeソースを動かすことができるだろうと考えています。
それができたら、次はブラウザでっと段階を踏んで頑張っていきたいと思っています。
もし何かアドバイスが頂けるなら大変参考になりますので教えていただけるとうれしいです。

また、nodejsが勝手に起動するわけではないというのは、vagrantを立ち上げておくということでしょうか？よろしくお願いします。

Answer 3

いまアツいJavaScript！ゼロから始めるNode.js入門〜5分で環境構築編〜

この記事通りに進めてみてうまくいきませんでしょうか?

Comments

[kuniatsu]

インストールはされているので、バージョンの固定から試そうとしたのですが、うまくいかなかったです。こういった場合一旦アンインストールして最初からやるのが定石なのでしょうか？
とりあえず、大前提のvagrantのインストールからやり直さなければならなそうなので、今の設定で申し越し試したのちにアンインストールして試してみたいと思います。

Answer 4

もしかしてWebサーバーはapacheですか？

最近apache触れていないので記憶が曖昧なのですが、昔拡張子をapacheの設定に追加していなかったため、設置したPerlプログラムにアクセスしても、サーバーがどのように動かせばよいか判断できずコードがダウンロードされるだけ、という状況になったことはありました。

Comments

[rontec]

nodeを80ポートで開いて直接アクセスしている場合は上記の件は関係ないので、無視してください。

[rontec]

度々すみません、念のためついでにもう一つ。
現状kuniatsuさんのサーバーがどのような状況で、かつNodeについてどの程度の経験や知識をお持ちなのか分からないので、非常に根本的な内容なのですが、Nodeプログラムが起動していない、ということはないのでしょうか。

> 「console.log('a');」
> とだけ書いたjsファイル(nodejs2.js)をアップロードし

上記の文言が気になりました。

[kuniatsu]

ご回答ありがとうございます。
apacheには触れていないと思いますが、ドットインストールで準備されている開発環境をそのまま使っているので含まれている可能性もなくはないなと思いました。apacheがインストールされているかどうかどのように確かめればいいかがわからず、確証が持てていない状態です。ゆっくりではありますが引き続き考えてやってみます。

また、nodeのプログラムの起動というのも正直あまりわかっていません。ターミナル上で動いているのだからファイルも読み込めれば動くはずだっと思っているのですが、ターミナル上とファイルをブラウザで起動するのはちがうのでしょうか？もしお手すきの時間があればお答えいただけると助かります。