node+express搭建后端

文章目录

      • 普通模式
          • 热加载模式
          • 解决跨域问题
          • 解决post请求body的问题
        • Express 应用程序生成器

官网: http://www.expressjs.com.cn/

路由模式-搭建:https://segmentfault.com/a/1190000017313550
路由模式-添加一个接口返回json:https://www.jianshu.com/p/26262bea32e6

简单模式-文件解释:https://www.cnblogs.com/xieyong25/p/9596832.html

普通模式

mkdir myapp   // 生成文件夹myapp
cd myapp


npm init // 生成package.json  // 一路回车就行,输入入口文件名字即可

注:entry point: (index.js) 入口文件;一般更换为app.js;

 npm install express --save
 

app.js内容:

const express = require('express')
const app = express()

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(3000, () => console.log('Example app listening on port 3000!'))

启动:

node app.js

解析:

const express = require('express')
const app = express()

app.get('/helloworld', (req, res) => res.send('Hello World!')); // 接口地址:http://localhost:3001/helloworld

app.listen(3001, () => console.log('Example app listening on port 3000!')); // 端口号
热加载模式
  • nodemon
    参考:https://www.jianshu.com/p/3b3b8bf9c4e9
npm install nodemon -g

nodemon app.js   // 启动,热加载状态了
  • node-dev
    参考:https://www.jianshu.com/p/99d0d99b3a8a
 npm install node-dev -g
 
node-dev app.js
解决跨域问题
//设置允许跨域访问该服务.
app.all('*', function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    //Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    res.header('Access-Control-Allow-Methods', '*');
    res.header('Content-Type', 'application/json;charset=utf-8');
    next();
});
解决post请求body的问题

引入包:

//引入插件包,解决post请求参数问题
var bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

Express 应用程序生成器

git项目。

 npm install express-generator -g
sudo npm install express -g  // 安装express
sudo npm install express-generator -g  // express 的脚手架工具

express -v

express express-demo
npm install
npm run start

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。

  1. 修改端口号:bin/www中port
  2. 增加接口:
    在routes下面新增list.js,结构按user.js写就ok;
    然后在app.js中:require和use新增的 list.js,启动后就可以访问接口了!

你可能感兴趣的:(node)