快捷導(dǎo)航

node搭建后臺(tái)的實(shí)現(xiàn)步驟

更新時(shí)間：2023年08月08日 10:07:09 作者：小菜鳥(niǎo)學(xué)代碼··

本文介紹了使用Node.js搭建后臺(tái)的實(shí)現(xiàn)步驟,文章詳細(xì)闡述了每個(gè)步驟的實(shí)現(xiàn)過(guò)程,并給出了示例代碼,對(duì)于想要了解如何使用Node.js搭建后臺(tái)的讀者具有一定的參考價(jià)值

1.首先安裝node,express,express-generator (4.x版本把generator分離出來(lái)了所以需要單獨(dú)安裝)

npm i express express-generator -g

2.進(jìn)入項(xiàng)目文件輸入命令 express 項(xiàng)目名 ， npm i 安裝響應(yīng)的包，那么簡(jiǎn)易的后端框架就給你搭好了，默認(rèn)端口是3000 在bin下面的www修改

我一般習(xí)慣于改寫(xiě)app.js然后把bin文件刪了，因?yàn)樵胶?jiǎn)潔越好改寫(xiě)app

var http=require('http')
var server=http.createServer(app)
//省略中間  然后在最后的導(dǎo)出app刪除 直接監(jiān)聽(tīng)
server.listen('3030',()=>{console.log('服務(wù)器啟動(dòng)成功');})

最后修改package.json,由于每個(gè)人的習(xí)慣我習(xí)慣啟用用dev 啟動(dòng)在腳本scripts修改

 "scripts": {
    "dev": "nodemon ./app.js"
  },

注意這里我安裝了nodemon 使用的是熱模塊替換也就是實(shí)時(shí)刷新

3.安裝數(shù)據(jù)庫(kù)mysql

npm i mysql -D

var mysql = require('mysql')
var conPool = mysql.createPool({
    host: '127.0.0.1',
    port: 3306,
    user: 'root',
    password: "123456",
    database: 'yg',
    connectionLimit: 10,
     queueLimit: 10,
     multipleStatements: true
})
module.exports = function exec(sql, params, callBack) {
    console.log(111);
    conPool.getConnection((err, coon) => {
        if (err) {
            console.log('鏈接失敗');
            return
        } else {
            coon.query(sql, params, callBack)
            coon.release()
        }
    })
}

然后就是在index中測(cè)試

詳細(xì)的數(shù)據(jù)庫(kù)操作就不說(shuō)了

4.下面進(jìn)行路由的二次封裝

首先在外面創(chuàng)建一個(gè)路由請(qǐng)求的文件app/index.js

//這是處理執(zhí)行數(shù)據(jù)庫(kù)語(yǔ)句的
const exec = require('../unil/db')
/* GET home page. */
init=(req,res)=>{
  exec('select * from goods_type_info where 1=1', [], (err, result) => {
    if (err) {
      console.log('服務(wù)鏈接出錯(cuò)');
    } else {
      res.send({code:200000,data:result})
    }
  })
}
module.exports = {init};
//然后在需要的文件中調(diào)用就行
let getDate=require('../app/index')
/* GET home page. */
router.get('/',getDate.init);//這是哪個(gè)路由執(zhí)行哪條語(yǔ)句 這是處理路由的 第一個(gè)是路由 第二個(gè)是路由執(zhí)行的方法  如果路由是嵌套的則需要拼接

這里面的分類(lèi)可以在細(xì)一點(diǎn) 比如哪個(gè)頁(yè)面用到的那些路由統(tǒng)統(tǒng)分離然后統(tǒng)一導(dǎo)入另外expres快速創(chuàng)建的模板是不需要導(dǎo)入 body-parser 的第一個(gè)是因?yàn)楸粭売昧耍诙€(gè)是因?yàn)樗昧?app.use(express.json());app.use(express.urlencoded({ extended: false })); 代替了

在這里前端記得發(fā)起的請(qǐng)求頭是這種格式不然在后端接收的數(shù)據(jù)格式有問(wèn)題不同的格式有不同的寫(xiě)法，詳細(xì)的百度 Content-Type

app.all('*', function (req, res, next) {             //設(shè)置跨域訪問(wèn)
  //設(shè)置允許跨域的域名，*代表允許任意域名跨域
  res.header("Access-Control-Allow-Origin", "http://localhost:8000");
  //允許的header類(lèi)型
  // res.header("Content-Type", "application/x-www-form-urlencoded");
  // 設(shè)置請(qǐng)求頭中允許攜帶的參數(shù)
  res.header("Access-Control-Allow-Headers", "Content-Type,request-origin");
  // 允許客戶端攜帶證書(shū)式訪問(wèn)。保持跨域請(qǐng)求中的Cookie。注意：此處設(shè)true時(shí)，Access-Control-Allow-Origin的值不能為 '*'
  res.header("Access-Control-Allow-Credentials", "true");
  res.header("Access-control-max-age", 3600);
  //跨域允許的請(qǐng)求方式 
  res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
  next();
});

這樣就能快速的搭建好一個(gè)簡(jiǎn)單的后臺(tái)框架

在這里我補(bǔ)充一點(diǎn)遇到的問(wèn)題，就是如果你是本地搭建的，前端開(kāi)啟必須要寫(xiě)端口號(hào)，不然很容易造成假跨域，造成前端請(qǐng)求，后端保存數(shù)據(jù)，在第二次請(qǐng)求的時(shí)候拿不到session

到此這篇關(guān)于node搭建后臺(tái)的實(shí)現(xiàn)步驟的文章就介紹到這了,更多相關(guān)node搭建后臺(tái)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: