Windows上node.js的安裝與使用

一、node.js的下載與安裝

1.下載網址:http://nodejs.cn/download/ ,你可以根據不同平臺系統選擇你需要的Node.js安裝包,我這裏下載的是windows64位的.msi安裝程序,其他系統的安裝步驟請看菜鳥教程:http://www.runoob.com/nodejs/nodejs-install-setup.html

2.下載完成之後運行傻瓜包,一路下一步,安裝以後打開命令提示符輸入 node -v 檢查是否安裝成功,如果出現 v 版本號 就證明安裝成功了

3.注意:安裝完成之後一定要重啓電腦,否則跟隨node 一起安裝的npm不會生效

二、node.js的使用

藉助一個簡單的例子來講一下node.js的使用,因爲我編寫html代碼使用的是Visual Studio Code,所以我以Visual Studio Code爲例來講,如果使用的是其他的編譯器也沒關係,步驟都是一樣的

1.創建一個文件夾(命名寫不要中文與大寫),例如:nodebasic,

2.初始化項目,右鍵nodebasic文件夾,選擇在終端打開或者打開命令提示符進入文件夾路徑,輸入命令 npm init  回車,會出現下圖所示的窗口

3.項目的所有配置信息都可以直接回車忽略掉,如下圖

4.配置完成以後會生成一個package.json文件

5.創建一個靜態文件夾,靜態文件夾中存放客戶端可以查看的文件,命名爲public,在裏面創建文件index.html,在index.html中添加如下代碼

<!-- action 提交到的接口 API -->
/*  /book  是接口 /*   
<form action="/book">
     <input type="submit" value="提交書籍信息">
</form>

在瀏覽器中打開,顯示如下圖:

6.在項目文件下創建一個index.js文件,裏面爲服務端代碼,注意:這裏的js文件命名應該跟package.json文件當中的  "main":"index.js"一致,如下圖所示:

 7.下載所有依賴項(比如npm install express),打開終端,輸入 npm install express,等待下載完成,如果出現如下圖紅框中所示的文字,則下載完成

下載完成之後會發現文件夾中多了好多文件,

打開node_modules文件夾,會發現我們需要的express文件也在其中

8.編寫index.js文件

    1.引入express模塊 expres模塊爲數據請求基礎模塊,如果發生數據請求 那麼一定需要使用這個模塊

var express = require('express')

    2. 創建一個模塊的實例化對象

var web = express()

    3. 讓web對象使用工程中的靜態資源 public文件夾

web.use(express.static('public'))

    4. 獲取接口

web.get('/book',function(req,res){
    res.send('<h1>後端傳給前端的數據</h1>')
})

   這裏解釋一下:get表示使用get方法,方法後面要跟兩個參數,參數一是要獲取的接口,參數二是回調函數,回調函數中也要     有兩個參數,參數一是前端往後端傳遞的值,參數二是後端往前端傳遞的值

   5.監聽端口

// 讓程序監聽8080端口
web.listen('8080',function(){
    console.log('服務器啓動了......')
})

 

7.啓動服務器,命令node index.js ,在瀏覽器中打開index.html文件查看頁面 ,將路徑改爲loaclhost:監聽的端口號

點擊提交書籍信息按鈕,顯示如下

到此使用nide.js實現簡單的前後端交互功能就實現了,還要注意以下兩點:

1.一旦修改服務端代碼,需要重啓服務器

2.同一個服務器程序,不能在多個終端啓動

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章