01-博客api接口项目实战之服务器创建

辰漪
2022-01-20 / 3 评论 / 74 阅读 / 正在检测是否收录...

1. 新建一个server文件夹

kymnce61.png

2. 创建项目的基本结构

kymnde4d.png

db 存放数据库文件

router 存放路由文件

router_handler 存放路由处理函数文件

schema 路由字段验证文件

uploads 文件上传的静态资源文件

utils 工具函数

app.js 服务器运行文件

3. 创建包管理文件

后续可能会用到很多npm包

在server文件夹内打开cmd 或 powerShell

npm init -y

会自动生成一个package.json包管理配置文件。

创建

4. 创建git仓库,并提交

使用gitee码云:https://gitee.com/

先创建一个仓库 server

仓库地址: https://gitee.com/wrz666/server.git 换成自己的

创建.gitignore忽略文件,避免上传不必要的文件,忽略uploads文件夹

.DS_Store
node_modules
/dist
/uploads

# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

在server文件夹内打开cmd 或 powerShell

git init // 初始化git
git add . // 添加到暂存区
git commit -m '项目初始化'  // 提交到本地仓库
git remote add origin https://gitee.com/wrz666/server.git // 和git仓库绑定
git push -u origin "master"  // 推送到远程master分支

kymne69g.png

git默认不会上传空的文件夹,所以只有两个文件

5. 使用express创建服务器

5.1. 下载express包
npm install express
5.2. app.js中使用express创建服务器
// app.js
const express = require('express')
const res = require('express/lib/response')
const app = express()
const serve = '' // 后续配置https时用
// get 请求 请求路径为 http://127.0.0.1:8086/
app.get('/', (req, res) => {
  res.send(`<h1>标题</h1>`) // 向客户端发送一个html标签 也可以发送一个字符串,json对象
})
let port = 8086 // 端口
let protocol = serve ? 'https' : 'http' // 协议
app.listen(port, () => {
  console.log(`serve is running at ${protocol}//127.0.0.1:${port}`)
})
5.3. 使用node运行app.js文件
node /app.js

当出现serve is running at http://127.0.0.1:8086,此时服务器就跑起来了

kymneo9i.png

5.4. 使用nodemon运行app.js

修改之后文件内容之后会自动重新运行

全局安装 nodemon

npm install nodemon -g

kymnfagg.png

5.5. 测试 http://127.0.0.1:8086/

kymnfmls.png

当出现该页面则get请求成功

此时路由在一个文件,当路由多了便不好维护,所以将路由拆分为两个文件 一个是路由,一个是路由处理函数,这样方便维护

分别放在router 和 router_handler文件夹中

0
选择打赏方式:
微信

评论 (3)

取消
  1. 头像
    23232
    Windows 10 · Google Chrome

    表情表情

    回复
    1. 头像
      辰漪 作者
      Windows 10 · Google Chrome
      @ 23232

      嘿嘿

      回复
    2. 头像
      辰漪 作者
      Windows 10 · Google Chrome
      @ 23232

      表情

      回复