重新踏入網頁開發 (1) - Nodejs

前言

    網頁開發是一個對我而言還蠻陌生的東西, 因為我都是自學所以總是得過且過。自學通常就會拿手邊資源也就是公司內部系統的 Code。公司的 Code 較為古早, 不外乎 3 個基本的元素, http server(apache), PHP, 前端(html, css, javascript)。 此時的我靠著 w3schools 就能完成所有事情。既然重新踏入開發網頁, 就去學最新的東西 (目標是 react), 即使路途遙遠, 但相對的有很多東西可以紀錄。

Node.js

    離開了較為古老的開發方法後, 進入到所謂較為現代網站開發, 查了查似乎都繞不開 node.js。所以我想在這個下點功夫, 學學這個可以在後端執行的 javascript。

    學程式學語言的第一步通常是 Hello World,所以那就來吧。(當然要先裝 Node.js)

• 創一個檔案 HelloWorld.js

      console.log("Hello World");

• 在 CMD 執行 HelloWorld.js

      $>node HelloWorld.js
      Hello World

    再一個貨真價實的後端 Hello World

• 創一個檔案 Server.js

      var http = require("http");
  
      http.createServer(function (request, response) {
          response.writeHead(200, { "Content-Type": "text/plain" });
          response.write("Hello World");
          response.end();
      }).listen(8888);

• 在 CMD 執行 Server.js (如果你是 windows 請按允許存取)

      $>node Server.js
  
  

• 開啟瀏覽器, 讀取 http://localhost:8888/ (chrome 書籤太多...科)
  

結語

    老實說上面的程式碼對我來說還蠻震驚的, 因為它取代了 apache (http server), 一個我從來懶得去研究的東西。看來路途比想像的遙遠。

下一篇 :

重新踏入網頁開發 (2)

參考資料 :

1. https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/229894/

2. https://www.nodebeginner.org/index-zh-tw.html#hello-world