美文网首页我爱编程
【React.js 02】Express框架入门

【React.js 02】Express框架入门

作者: IUVO | 来源:发表于2018-03-29 23:18 被阅读76次

    Express是一款基于node.js的快速、开放、极简的web开发框架,本文紧接着【React.js 01】React脚手架,文章写得,项目根目录也是在对应的脚手架创建的项目目录中。

    • 安装Express
    npm install express --save
    
    • 根目录下创建server文件夹
    • server文件夹创建一个名为server.js的文件,写入:
    const express = require('express')
    // 新建app
    const app = express()
    
    app.get('/',(req,res)=>{
      res.send('<h1>Hello world</h1>')
    })
    
    app.listen(9093,function(){
      console.log('Node app start at port 9093');
    })
    
    • 终端cd 到根目录下的server文件夹,输入命令:
    node server.js
    

    终端会输出listen()中的Node app start at port 9093,就代表监听成功
    然后打开浏览器,在地址栏中输入http://localhost:9093/,就能看到我们写的<h1>Hello world</h1>标签:

    显示

    注意!!!

    每次新增路由或者有其他的修改,请重新启动服务node server.js,否则会不生效。
    嫌麻烦?
    也有办法处理,输入命令:

    npm install -g nodemon
    

    安装完毕后,以后再启动server,命令改为

    nodemon server.js
    

    你会发现,以后每次你修改server.js文件的时候,就会自动重启,不需要你再来操心了。

    当然啦,有心的读者一定发现了app.get()方法,对应是不是有app.post()方法?答案是肯定的,app.get()方法对应get接口,app.post()方法对应post接口。

    当我们的项目达到一定的复杂度的时候,不可能把express的路由全部写到一个文件里面,每个单独的模块会写到一个文件中,这时候,app.use()方法就需要被用到了,其功能就是使用模块。

    其他方法:
    res.send对应返回的是文本类型
    res.json对应返回的是JSON类型
    res.sendfile对应返回的是文件类型

    express功能非常强大,具体能实现什么呢,我们需要多关注express的官网

    相关文章

      网友评论

        本文标题:【React.js 02】Express框架入门

        本文链接:https://www.haomeiwen.com/subject/ffovcftx.html