2017-03-06 16 views
0

に文字列変数を表示するとだから私はstring.jsと呼ばれるファイルを持って言うことができます、それはこのようなものになります。のNode.js:私のブラウザ

var hello = "Hello World!"; 

を私はhello.htmlというファイルを持って言うことができます。

ブラウザでhello.htmlを開くと、その文字列を表示する方法を教えてください。

答えて

1

コンテンツその後、htmlと制御にJavaScriptのコードを1.addようこんにちは、世界を表示できるようにするには、何かをする必要があります

2. node.jsサーバーを使用してhtmlファイルを提供する

最初の作業はかなり簡単です。 .jsファイルをhtmlに含めるだけです。これは基本的なhtml-javascriptアプリケーションです。あなたはそれを学ぶために多くのリソースを見つけることができます。 W3schoolsは初心者のための非常に良いサイトです。

あなたはタスク2を行ういくつかの方法があります。あなたの目的は静的コンテンツを提供することです。例としてHapiフレームワークを使ってみましょう。

'use strict'; 

const Hapi = require('hapi'); 

const server = new Hapi.Server(); 
server.connection({ port: 3000, host: 'localhost' }); 
server.register(require('inert'), (err) => { 

    if (err) { 
     throw err; 
    } 

    server.route({ 
     method: 'GET', 
     path: '/sample', 
     handler: function (request, reply) { 
      reply.file('/your html file'); 
     } 
    }); 
}); 
server.start((err) => { 

    if (err) { 
     throw err; 
    } 
console.log(`Server running at: ${server.info.uri}`); 
}); 

ブラウザにlocalhost:3000/sampleと入力すると、その結果を確認できます。

コードでは、Hapiサーバーを作成し、ルートを設定しました。あなたがhtmlファイルを呼び出すと、そのルートはあなたに返信します。

+0

をチェックしてください。これは私が最終的に実装した方法ではありませんが、これを行う方法の1つです。これは最も正しい答えですので、私の正解をチェックしてください! –

0

Node.jsはサーバー側を実行します。あなたの仕事は2つの部分に分けることができます

const http = require('http'); 

http.createServer((req, res) => { 
    res.end('Hello World'); 
}).listen(3000); 
+0

このメソッドは、実際のWebページではなく、localhost:3000をチェックするためのものです。 node.jsの文字列をhtmlファイルに取得するには、何らかの方法が必要です。 –

+0

私はあなたがJavascriptでノードではないと思いますか? [ノードのドキュメント](https://nodejs.org/ja/) –

関連する問題