node.js项目express的初始化

这篇具有很好参考价值的文章主要介绍了node.js项目express的初始化。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


👍 点赞,你的认可是我创作的动力!

⭐️ 收藏,你的青睐是我努力的方向!

✏️ 评论,你的意见是我进步的财富!


1.初始化项目

在D盘新建一个文件夹,文件夹命名为api
node.js项目express的初始化,node.js,express
将文件夹拖拽到vscode上面进行打开
node.js项目express的初始化,node.js,express
新建一个终端
node.js项目express的初始化,node.js,express
输入 npm init -y,初始化包管理工具
node.js项目express的初始化,node.js,express
node.js项目express的初始化,node.js,express
输入npm i express,安装express框架
node.js项目express的初始化,node.js,express
node.js项目express的初始化,node.js,express
新建一个app.js作为入口文件,然后写上初始语句

// 导入express模块
const express = require('express')
// 创建 web 服务器
const app = express()
// 启动 web 服务器,指定本地地址以及端口号
app.listen(8082, () => {
 console.log('web server running at http://127.0.0.1:8082')
})

2.配置跨域

终端输入npm i cors,下载cors中间件
node.js项目express的初始化,node.js,express
在app.js中输入代码进行使用

// 导入cors中间件
const cors=require('cors')
// 将cors注册为全局中间件
app.use(cors())

3.开始编写API

3.1准备

新建2个文件夹
一个用来存放路由模块router
一个用来存放路由处理函数router_make
node.js项目express的初始化,node.js,express
以编写用户相关的API作为例子进行学习,在这部分你可以任意替换成其他你想写的相关路由
在路由模块router和路由处理函数router_make下新建一个js文件,用于存放关于用户的API user.js
编程思路是:调用API时从后端服务的入口文件app.js进行访问-》然后根据路径去访问路由中相对应的API->对应的API调用其路由处理函数

3.2路由处理函数router_make下的user.js

//在这里定义和用户相关的路由处理函数
//注册用户的处理函数
exports.regUser=(req,res)=>{
    res.send('reguser OK')
}
//登录用户的处理函数
exports.login=(req,res)=>{
    res.send('login OK')
}

3.3路由模块router下的user.js

//导入框架,创建路由对象,编写路由接口
//在路由组件编写好接口之后需要到app.js里去进行引用
const express=require('express')
//创建路由对象
const  router =express.Router()
//导入用户路由处理函数模块
const userHandler=require('../router_make/user')
//注册新用户
router.post('/reguser',userHandler.regUser)
//登录
router.post('/login',userHandler.login)
//抛出路由对象
module.exports=router

3.4入口文件app.js里面去新增这段代码

//导入并注册用户路由模块
const userRouter=require('./router/user')
app.use('/api',userRouter)

3.5启动项目进行测试

在写完之后打开终端启动运行项目
node .\app.js
node.js项目express的初始化,node.js,express

使用postman进行测试本地接口
node.js项目express的初始化,node.js,express文章来源地址https://www.toymoban.com/news/detail-801257.html

到了这里,关于node.js项目express的初始化的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 外卖项目初始化01

    项目的搭建 创建项目 仓库(把代码上传上去,切换个人分支) 工程化scss reset.scss main.scss [统一的出口] common.scss [公共的样式] vant.scss [覆盖vant的样式] var.scss 【变量的文件, 新 】 css3 的变量 一键切换皮肤 【了解一下】 mixin.scss 屏幕适配 【 新 】 px 转换成 vw axios的配置(

    2024年02月09日
    浏览(28)
  • 第九节 初始化项目

    目录 系列文章目录 前言 操作方法 总结 初始化项目,导入默认reset.scss 、variables.scss及mixins.scss等并修改main.js引入样式 将默认样式表文件导入到项目。样式文件已经放到资源里请自行下载(

    2024年01月20日
    浏览(33)
  • git初始化项目上传

    步骤1:创建远程仓库 平台上建好项目,并copy远程仓库的URL 步骤2:初始化本地Git 首先,进入您本地的项目根目录下,然后,打开命令行界面,导航到该目录并执行以下命令: 执行完之后我们可以看到根目录下会多出一个.git文件。 如果是java项目可以在这个项目根目录下加个

    2024年02月10日
    浏览(43)
  • Vue初始化项目加载逻辑

    项目创建 我们只需要创建项目即可,剩余的依赖都没必要安装 我们先来看main.js,咱们加了一行备注 通过备注可知,我们首先加载的是App.vue 我们再来看一下App.vue 里都有啥 也就是下面这个红框里的内容才是 那下面的内容是哪里来的呢 那就需要看一下路由设置了 我们看到/目

    2024年02月08日
    浏览(73)
  • 多级缓存架构(一)项目初始化

    克隆此项目到本地 https://github.com/Xiamu-ssr/MultiCache 来到 start 目录下,分别有以下文件夹 docker :docker相关文件 item-service :springboot项目 在 docker/docker-compose.yml 中已经定义好如下 mysql 块 my.cnf 如下 运行以下命令启动 docker-compose 之后使用数据库连接工具连接 mysql 容器,创建 he

    2024年02月02日
    浏览(42)
  • 初始化git仓库(已存在项目)

    1.创建git仓库,获取仓库git地址 2.进入已存在项目根目录,打开git bash,执行命令,初始化仓库 3.添加文件 4.配置gitignore文件,排除部分文件 5.提交到本地 6.配置远端仓库 7.push到远程仓库某分支,完成代码上传

    2024年02月11日
    浏览(46)
  • 微信小程序项目初始化配置

    注:该文章用于记录或学习交流 微信小程序项目初始化配置准备,包括项目创建,基础路径配置,组件库安装,接口请求封装,部分实用组件封装等 创建初始项目后,对项目文件结构重新梳理 注:目录结构根据个人需求创建,assets和static文件夹的区别详见 assets与static的区别

    2023年04月08日
    浏览(70)
  • 1、前端项目初始化(vue3)

    安装npm,(可以用nvm管理npm版本)npm安装需要安装node.js(绑定销售?)而使用nvm就可以很方便的下载不同版本的node,这里是常用命令 配置npm源 命令: 设置镜像源: npm config set registry https://registry.npm.taobao.org 查看当前使用的镜像地址: npm config get registry 参考 :https://www.cnbl

    2024年01月20日
    浏览(39)
  • Java开源项目mall学习笔记(1)——项目初始化

            该笔记是记录学习开源项目mall过程的文档笔记,完全原创,转载请声明。同时也对开源项目的作者表示感谢! mall: 🔥 mall项目是一套基于 SpringBoot + Vue + uni-app 实现的电商系统,包括前台商城项目及后台管理系统,采用Docker容器化部署。前台商城系统包含首页门户

    2024年02月12日
    浏览(31)
  • 微信小程序 ---- 慕尚花坊 项目初始化

    目录 项目介绍 01. 项目概述 02. 项目演示 03. 项目技术栈 04. 接口文档 申请开发权限 项目初始化 01. 创建项目与项目初始化 02. 自定义构建 npm + 集成Sass 03. 集成项目页面文件 04. VsCode 开发小程序项目 01. 项目概述 [慕尚花坊] 是一款 同城鲜花订购 的小程序,专业提供各地鲜花速

    2024年02月22日
    浏览(30)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包