摘要:使用和開發(fā)系列之一配置如果你對(duì)的安裝不熟悉,請(qǐng)參閱其他教程安裝和。配置如下這里我們使用和兩個(gè)依賴包。然后在項(xiàng)目的文件下執(zhí)行,等待執(zhí)行完成。這時(shí)候的文件目錄下應(yīng)該包含了這個(gè)文件夾。小結(jié)這是一個(gè)最簡(jiǎn)單的的一個(gè)示例,下一節(jié)我們使用來構(gòu)造服務(wù)。
使用node.js,express和pug開發(fā)web系列之一
配置package.json
如果你對(duì)node的安裝不熟悉,請(qǐng)參閱其他教程安裝node和npm。
配置package.json如下
{ "name": "application-name", "version": "0.0.1", "main": "server.js", "description": "This is a project with book examples.", "dependencies": { "express":"latest", "mongoose":"latest" } }
這里我們使用express和mogoonse兩個(gè)依賴包。
然后在項(xiàng)目的文件下執(zhí)行 npm install,等待執(zhí)行完成。
server.js
這時(shí)候的文件目錄下應(yīng)該包含了node_modules這個(gè)文件夾。在項(xiàng)目文件夾下新建server.js文件,新建一個(gè)http服務(wù)
var http = require("http"); var fs = require("fs"); var port = process.env.port || 1337; http.createServer(function (req, res) { console.log("Anforderung auf Port 1337") res.writeHead(200, { "Content-Type": "text/html", "Access-Control-Allow-Origin": "*" }); var read = fs.createReadStream(__dirname + "/index.html"); read.pipe(res); }).listen(port);
index.html
在項(xiàng)目文件夾下新建index.html文件,輸入一段最簡(jiǎn)單的html代碼,代碼如下:
Title Express
啟動(dòng)項(xiàng)目
在命令行工具下,進(jìn)入你的項(xiàng)目目錄,敲入以下命令 node server,然后在瀏覽器輸入http://127.0.0.1:1337,可以看到瀏覽器成功顯示Express。
小結(jié)
這是一個(gè)最簡(jiǎn)單的node.js的一個(gè)web示例,下一節(jié)我們使用express來構(gòu)造web服務(wù)。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/81881.html
摘要:使用和開發(fā)系列之一配置如果你對(duì)的安裝不熟悉,請(qǐng)參閱其他教程安裝和。配置如下這里我們使用和兩個(gè)依賴包。然后在項(xiàng)目的文件下執(zhí)行,等待執(zhí)行完成。這時(shí)候的文件目錄下應(yīng)該包含了這個(gè)文件夾。小結(jié)這是一個(gè)最簡(jiǎn)單的的一個(gè)示例,下一節(jié)我們使用來構(gòu)造服務(wù)。 使用node.js,express和pug開發(fā)web系列之一 配置package.json如果你對(duì)node的安裝不熟悉,請(qǐng)參閱其他教程安裝node和n...
摘要:前端每周清單年度總結(jié)與盤點(diǎn)在過去的八個(gè)月中,我?guī)缀踔蛔隽藘杉拢ぷ髋c整理前端每周清單。本文末尾我會(huì)附上清單線索來源與目前共期清單的地址,感謝每一位閱讀鼓勵(lì)過的朋友,希望你們能夠繼續(xù)支持未來的每周清單。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清單年度總結(jié)與盤點(diǎn) 在過去的八個(gè)月中,我?guī)缀踔蛔隽?..
摘要:系列種優(yōu)化頁面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...
閱讀 3247·2021-11-22 12:07
閱讀 1887·2021-10-12 10:11
閱讀 1051·2019-08-30 15:44
閱讀 2951·2019-08-30 12:45
閱讀 2215·2019-08-29 16:41
閱讀 1646·2019-08-29 16:35
閱讀 2637·2019-08-29 12:57
閱讀 1158·2019-08-26 13:51