当前位置:网站首页>Koa的使用,搭建本地服务器(必会技能)

Koa的使用,搭建本地服务器(必会技能)

2022-08-11 05:17:00 肖肖冲鸭

  1. 新建一个服务器文件夹,和项目的文件夹最好是同级
  2. 在开发工具中导入(在这是HbuildX)
    在这里插入图片描述
  3. 右键打开服务器(wangyiShop_server)的终端命令行,创建包管理文件(package.json),可以手动创建,也可以使用命令如下创建
node init -y
  1. 安装Koa ,Koa-router
npm install Koa Koa-router
  1. 搭建服务器,创建server.js,在服务器根目录下创建server.js文件
    创建完的结构如下
    在这里插入图片描述

  2. 现在基本结构搭建完毕,可以手动创建一个简易的服务器了,为了让server.js的结构更加清晰,把路由单独抽离成一个模块,所以需要在服务器根目录下再创建一个管理路由的router文件夹

  3. 需要提供给浏览器的数据放在根目录下的data文件夹中
    现在的结构如下:
    在这里插入图片描述
    server.js

// 引入依赖包
const Koa=require('koa')
// 引入自定义模块
const router=require('./router/index')

// 1.生成应用实例
const app=new Koa()

// 3.声明使用中间件
app
	.use(router.routes()) //声明使用路由
	.use(router.allowedMethods()) //声明使用路由的方法
	
// 4.监听端口号
app.listen('3001',(err)=>{
    
	if(err){
    
		console.log(err)
		return
	}
	console.log('服务器启动成功')
	console.log('服务器地址:http://localhost:3001')
})

router–>index.js

const KoaRouter=require('koa-router')
// 2.生成路由器对象
const router=new KoaRouter()
// express:request response next
// koa ctx(request response),next
//测试接口
// router.get('/test',(ctx)=>{
    
// // 1.获取请求参数
// // 2.处理请求数据
// // 3.返回响应数据
// ctx.body='返回测试数据'
// })

// 注册index主页的接口
const indexData=require('../datas/index.json')
// console.log(indexData,typeof indexData) //Object
router.get('/getTndexData',(ctx)=>{
    
	ctx.body=indexData
})


// 向外暴露路由器对象
module.exports=router

此时浏览器已经可以顺利请求到数据啦
在这里插入图片描述

  1. 优化一
    因为服务器代码一改就需要重启服务器,可以使用热加载,安装nodemon,使用nodemon代替node启动(nodemon server.js)
node install nodemon
  1. 优化二
    当别人拿到我们的项目的时候,很有可能不知道如何启动,所以这时,我们需要在package.json文件中配置script项设置默认启动命令(npm start)
"scripts": {
    
	"start": "nodemon server.js"
  },

在这里插入图片描述

配置完以后,我们可以使用 npm start 启动,这时命令行中会提示默认启动的命令,注:不一定是start,也可以是其他的,只不过使用start可以省略run (npm run start)在这可以使用(npm start)

原网站

版权声明
本文为[肖肖冲鸭]所创,转载请带上原文链接,感谢
https://blog.csdn.net/weixin_48952990/article/details/125921457