2019服务器搭建网站视频,2019-05-16:三分钟搭建一个web服务器

by草梅友仁

使用

新建一个目录,然后切换到该目录

运行以下命令即可,前提是已经安装了git

git clone https://github.com/CaoMeiYouRen/simple-web-server.git

# github有点卡,如果上不去的话也可以换成下面这个链接

git clone https://gitee.com/caomeiyouren/simple-web-server.git

# 注意以上命令只要运行一个即可

然后继续运行

npm i #下载依赖

npm run server #运行脚本

运行效果

a3d64e799f97?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

运行效果

如果不会使用git的也可以参考下面的文件目录自己建一个

文件目录

src/ 源代码

app.js web服务脚本

public/ web服务器根目录

index.html

package.json npm包配置文件

package.json

{

"name": "simple-web-server",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1",

"server": "node ./src/app.js"

},

"author": "CaoMeiYouRen",

"license": "MIT",

"dependencies": {

"express": "^4.16.4"

}

}

app.js

var express = require("express");

var app = express();//使用express框架

var path = require("path");//这个是node.js自带的路径处理模块

/**

* app.use("/", express.static(path.join(__dirname, "public")));

* app.use("访问路径",express.static("要公开的目录"))

* 下面这段的意思是通过 域名/xxx 能够访问到 public/xxx 的内容

* 即将public目录作为静态目录公开

* path.join(__dirname, "public")能够获取到public的绝对目录

* 使用绝对目录作为根域名有一个好处就是能够保证找到这个目录,相对目录可能会出错

*/

app.use("/", express.static(path.join(__dirname, "public")));

var http = require("http");//导入http模块

app.get("/", (req, res) => {//当以get方式访问根目录时,返回index.html

res.sendFile(__dirname + "/public/index.html");

});

let port = 80;//脚本运行端口为80

http.createServer(app).listen(port, () => {

console.log("HTTP运行端口为 http://127.0.0.1:" + port);

});

index.html

simple-web-server

HelloWorld

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值