Express (nodejs) 相关

Express (nodejs) 相关

安装 express-generator 脚手架,新建项目

  1. 执行命令

npm install express express-generator@4 -g

同时安装 express,和 express 脚手架.

javascript 复制代码
npm install express express-generator@4 -g
  1. 通过 express 脚手架创建 express 项目

express --no-view iike-api

cd iike-api

npm install

npm start (启动项目)

指令解释:

  • --no-view 表示 不需要视图模板
  • iike-api 表示 express 项目名称
  • cd iike-api 进入 iike-api 项目中
javascript 复制代码
express --no-view iike-api

cd iike-api

npm install

npm start
  1. 访问本地地址

http://localhost:3000/

页面显示 Express Welcome to Express ,表示项目启动成功

JSON 格式配置

  1. 在 express 项目启动成功后,访问本地地址;会发现,是一个 html 格式.
  2. express 项目一般用来做接口使用,所以我们需要将 html 格式转化为 json 格式.
  3. 操作如下:
  1. iike-api\routes\index.js 修改下面代码
javascript 复制代码
router.get("/", function (req, res, next) {
  res.render("index", { title: "Express" });
});

// 替换为
router.get("/", function (req, res, next) {
  res.json({ message: "Hello Nodejs!" });
});
  1. 删除 iike-api\public\index.html 文件

  2. 重启 express 服务

    ctrl + c 终止, npm start 重启.

  3. 刷新页面后,拿到的信息就是 json 格式的了

推荐浏览器处理 JSON 格式的插件

JSON-handle ,

  • edge 浏览器可以直接在应用商店中下载

安装 nodemon 解决频繁重启问题

  1. 下载 nodemon 依赖
javascript 复制代码
npm i nodemon
  1. 配置 package.json 文件. 将启动脚本 node ./bin/www 改为 nodemon ./bin/www
javascript 复制代码
  "scripts": {
    "start": "nodemon ./bin/www"
  },
  1. 第一次配置,记得重启服务

项目结构 与 代码解析

  1. routes 文件夹(重要),不同网址对应要不同的程序.后续开发基本都会在 routes 中进行
  2. app.js 配置跨域 等配置,都会在这里

使用 Docker 运行 mysql

  1. 安装 docker docker 官网下载
相关推荐
多喝水就行3 小时前
ArcGIS10.2 许可License启动失败的其中一个解决办法
arcgis
多秋浮沉度华年7 小时前
electron 初始使用记录
javascript·arcgis·electron
一袋米扛几楼981 天前
【报错问题】解决 Vercel 部署报错:Express 类型失效与 TypeScript 2349/2339/2769 错误排查
ubuntu·typescript·express
yzk_20171 天前
OpenClaw 完整部署指南:安装 + 三大 Coding Plan 配置 + CC Switch + 飞书机器人
arcgis·机器人·飞书
无心使然云中漫步1 天前
Openlayers调用ArcGis地图服务之五 —— 要素识别(/identify)
前端·arcgis·vue·数据可视化
非科班Java出身GISer1 天前
ArcGIS Maps SDK for JavaScript 5.0 组件化开发指南
javascript·arcgis·components·arcgis js 组件化·arcgis js5.0·arcgis js5.0初始化
Gene_20222 天前
ubuntu22.04安装Claude Code及其在vscode跑通
ide·vscode·arcgis
懒人村杂货铺2 天前
Express + TypeScript 后端通用标准规范
javascript·typescript·express
前端小超人rui3 天前
【Node.js Express中间件理解及中间件分类和作用】
中间件·node.js·express
前端小超人rui3 天前
封装Express 自定义中间件
中间件·node.js·express