的Node.js：在瀏覽器中查看字符串變量

Question

所以可以說我有一個名爲string.js，它可能是這個樣子：

var hello = "Hello World!"; 

而且可以說我有一個名爲hello.html的文件。

如何在瀏覽器中打開hello.html時查看該字符串？

Answer 1

你的任務可分爲兩個部分：

1.新增的JavaScript代碼的HTML和控制，然後內容

2.使用node.js服務器向上提供html文件

第一個任務非常簡單。你只需要在你的html中包含.js文件。這是基本的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 /樣品，你就能看到結果。

在代碼中，您所做的是創建Hapi服務器並設置路由。一旦它被調用，路由就會回覆你一個html文件。

Answer 2

Node.js運行服務器端。爲了能夠顯示世界，你好，你需要做的是這樣的：

const http = require('http'); 

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