iT邦幫忙

2023 iThome 鐵人賽

DAY 6
0
自我挑戰組

node.js 從初學者到高手!系列 第 6

Day 6 node.js-npm, express, 伺服器回應

  • 分享至 

  • xImage
  •  

當然,要開發一個伺服器不可能這麼容易,所以我們會需要一些工具來協助我們更有效率的設立並管理伺服器,這時就得要下載express這個工具了。

先回到我們放上一支專案的資料夾內,再新增一個資料夾~然後再開啟命令提示字元~

讓它導向剛剛新增的資料夾後,再輸入"npm init"。 npm(Node Package Manager)可以讓我們輕鬆地下載node.js中的package,就無須花費力氣到處下載了,真的非常方便~~

接下來它會詢問我們名字、版本、描述......等,這些我是通通都用預設的啦XD直接打下一條指令-"npm install express",輸入完這條指令就下載完express囉~下載完後會看到我們的資料夾內多了一個名為node_modules的資料夾,這樣就代表有成功安裝囉!

下一步讓我們開始打code吧!一樣設立一個專案用Notepad++打開~首先要打

var express = require("express");
var website=express();

這兩行code可以讓我們產生一個express的應用程序~其中"website"是我的程序名字,不一定要一樣~
再來,能夠啟動伺服器的code為:

website.listen(4000, function(){
	console.log("server has been activated at http://localhost:4000/");
});

其中,listen能夠開設我們的伺服器,並且將它與我們的主機端連在一起,所以產生出來的網址就會變成像圖中的那樣~

開好伺服器後,我們便可以來操作網站的回應!

website.get("/", function(req,res){
	res.send("Hello World");
});

這段程式碼的作用為當收到 "/" (根目錄)時,便回應"Hello World"這個字串。所以當我們設好伺服器後,打開網站就會看到Hello World的文字囉!

最後,整段程式碼如下:

var express = require("express");
var website=express();

website.get("/", function(req,res){
	res.send("Hello World");
});

website.listen(4000, function(){
	console.log("server has been activated at http://localhost:4000/");
});

以上就是今天學到的新東西~不知不覺也快要一個禮拜了!我們明天見!


上一篇
Day 5 node.js 伺服器基本概念與內容修改
下一篇
Day 7 學習node.js所需具備的超重要知識-JavaScript (1) VS code擴充、HTML模板
系列文
node.js 從初學者到高手!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言