实战篇笔记 扫码点餐小程序云开发(一)


依旧是写在前面的碎碎念:💭
学习编程我觉得最好的方式就是动手写代码⌨️
相对于阅读文档,在提出需求解决需求的过程中以主动探索为驱动对于我来说能够更快速掌握技巧并加深印象🧠
之前做过的项目也都会在笔记本上作记录,但后来发现这种纸质记录优势查询起来有些困难也不太利于回顾,所以现在要慢慢养成用博客来记录的习惯☺️

服务器搭建

  1. 使用 npm init 初始化项目

  2. 安装所需要的框架模块

npm install koa --save                  //koa框架
npm install koa-json --save             //返回给前端的json对象
npm install koa-bodyparser --save       //post提交的对象
npm install koa-router --save           //路由
npm install koa2-cors --sav             //解决跨区
npm install nodemon --save              //启动服务器端
  1. 创建 .gitignore 文件
/.idea
/node_modules
package-lock.json
  1. 创建入口文件 app.js
const Koa = require('koa')
const app = new Koa()
const json = require('koa-json')
const bodyParser = require('koa-bodyparser')
const router = require('koa-router')()
const cors = require('koa2-cors')

app.use(cors())
app.use(json())
app.use(bodyParser())

app.use(router.routes()).use(router.allowedMethods())

app.listen(4000)
console.log('success')
  1. 在编辑器终端输入 nodemon app.js

搭建完成🎉

访问登录页

  1. 创建登录页 login.js
const router = require('koa-router')()

router.get('/register', async ctx => {
  console.log('login.js')
})

module.exports = router.routes()
  1. app.js 注入接口
const login = require('./router/login/login.js')

router.use('/api', login)
  1. 在编辑器终端输入 nodemon app.js

  2. 在浏览器访问 http://localhost:4000/api/register

  3. 回到编辑器终端可以看到

访问成功🎉


文章作者: April-cl
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 April-cl !
  目录