一、创建存放目录
步骤:文件 > 选择路径(一般放在图中这个路径) > 创建一个存放项目的目录
二、上传项目
步骤:进入创建的目录 > 点击上传 > 上传文件拖到浮窗中(不需要模块文件“node_modules”)
三、创建Node项目
步骤:点击网站 > Node项目 > 添加Node项目
四、配置
五、项目布置完成、访问服务器地址加端口、域名即可
http://ip:端口
http://域名
六、示例
示例文件目录结构
示例文件代码
依赖模块express
npm install express
项目启动文件,nodeserver.js
//项目启动文件,nodeserver.js
//导入模块
import express from 'express';
import path from 'path';
import { fileURLToPath } from 'url';
// 引用模块
const app = express()
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
// 监听get
app.get('/', (req, res) => {
try {
// 发送html文件
res.sendFile(__dirname + '/node.html', (err) => {
if (err) {
console.error(err)
}
})
} catch (error) { // 捕抓错误
if(error){
console.error(error)
}
}
})
// 快速构建,监听服务
app.listen(9191, (err) => {
if (err) {
console.error(err)
}
else {
console.log('The NodeServer listening on http://localhost:9191');
}
})
项目HTML文件,node.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Node服务器发送的HTML文件</h1>
</body>
</html>