gt05063
@gt05063

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

助けてください。Node.jsの問題が分かりません。

助けてください。
Node.jsを習い始めて、練習問題もやったりしていますが、問題の理解からできなく、どうしても分かりません。
よろしくお願いいたします。

練習問題:
1. httpとexpressモジュールを使う

  1. http://127.0.0.1/gethttp://127.0.0.1/postに接続しlogin_get.html と login_post.htmlのページを出力 - ID、パスワードの入力画面を表示(2ページ)

  2. ログイン後display.htmlに
    1) マルチメディアのページです(text出力)
    2) jpegファイルを出力
    3) mp3ファイルを出力
    4) ビデオファイルを出力

私の理解が間違ってたかもしれませんが、
とにかく今習ったもので以下のように書いてみましたが、ブラウザで http://127.0.0.1:11111/ にアクセスしてみたけどdisplay.htmlが表示されない。
display.htmlはnodeと同じディレクトリ内によういしました。

const fs = require('fs');
const http = require('http');

const server = http.createServer(function (request, response) {
fs.readFile('display.html', (error, file) => {
response.writeHead(200, {
'Content-Type': 'text/html'
});
});

fs.readFile('osaka.jpg', (error, file1) => {
response.writeHead(200, {
'Content-Type': 'image/jpeg'
});
});

fs.readFile('super-mario-bros.mp3', (error, file) => {
response.writeHead(200, {
'Content-Type': 'audio/mp3'
});
});

response.end();
}).listen(11111, function () {
console.log('Server Running at http://127.0.0.1:11111');
});

0

3Answer

ソースについて

ソースを貼り付ける場合は、「コードの挿入 (Qiita公式ヘルプ)」をお使いください。

  • 特に、htmlのタグは、そうしないと見えなくなってしまいます。
  • コードの言語を指定すると、構文解析に基づいた着色が行われて読みやすくなります。
  • ファイル名を付けて冒頭に表記することもできます。

現象について

アクセスしてみたけどdisplay.htmlが表示されない。

思惑とは異なる表示になったことは解りますが、では何が表示されたのでしょうか?
例えば「真っ白で何もないページが表示された」などと説明してみてください。

質問の更新

既に投稿した質問でも、再度編集して書き替えることができます。
記事の右上辺りに「編集する」リンクがあると思います。

0Like

Comments

  1. gt05063さん
    > 回答ありがとうございます。
    > いろいろ教えてくだ刺さってありがとうございます。
    > プログラミング初心者で、qiitaも初めて使います。
    > 「ソースについて」確認してみましたが、よく分かりませんでした。あとでもう一度読み直してみます。
    >
    > 「現象について」ですが、真っ白で何もないページが表示されました。
    >
    > 練習問題に対して、私の思考回路は合ってますか?
    > 思考回路で何かアドバイスいただけないでしょうか。
    >
    > よろしくお願いいたします。

    現象についての追加情報をいただきまして、どうもありがとうございます。

    残念ながら私は、Node.jsについて知識がございません。
    他に回答される方の助けになればと差し出口をいたしました。
    お力になれず申し訳ありません。
  2. @gt05063

    Questioner

    @tetr4labさん

    分かりました。
    ありがとうございます。
    他の方の回答を待ってみます。

回答ありがとうございます。
いろいろ教えてくださってありがとうございます。
プログラミング初心者で、qiitaも初めて使います。
「ソースについて」確認してみましたが、よく分かりませんでした。あとでもう一度読み直してみます。

「現象について」ですが、真っ白で何もないページが表示されました。

練習問題に対して、私の思考回路は合ってますか?
思考回路で何かアドバイスいただけないでしょうか。

よろしくお願いいたします。

0Like
  1. app.jsというファイルを作成し、質問中のソースコードを記載する。
  2. display.htmlをjsファイルと同じ階層に用意。
  3. コマンドラインツール(ターミナル)を起動し、コマンド入力して用意したファイルの場所まで移動。例:cd document/myapp/
  4. node app.js コマンドを入力し、サーバー起動(ここができなかったらそもそもNode.jsのインストールができていません)
  5. http://127.0.0.1:11111/ にアクセス

ファイルの用意→コマンドライン上でのサーバー起動→ブラウザでアクセスという手順を踏む必要があります。
どこかが間違っているか足りないのだと思います。

ちなみに、display.html内に画面表示される情報が書かれていない場合、真っ白に表示されるのは正常です。
<body></body>要素の間に何か文字列を書けば表示されます。

入門ガイド
https://nodejs.org/ja/docs/guides/getting-started-guide/

0Like

Your answer might help someone💌