node.js+express框架后台搭建巨详细 没有废话 直接使用

1. 安装 配置GIT:
git config --global user.email "你在GIT对应仓库注册的邮箱"
git config --global user.name '你的昵称,姓名'
git config --list 查看config信息

2.Node 是一个服务器端 JavaScript 解释器
Node.js 在浏览器外运行 V8 JavaScript 引擎(Google Chrome 的内核)。
三层架构:现在的项目越来越大,如果所有的处理都放在一个服务器上的话,速度就会越来越慢,并且安全性也得不到保障,随之产生三层架构,用以提升速度让数据更加安全。企业开发中很多中间层就是node、php做的。

npm其实是Node.js的包管理工具(package manager)。
我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。
于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。
 

3. 查看版本:
node -v
npm -v

4. 修改npm安装镜像为淘宝:
npm config set registry https://registry.npm.taobao.org  永久修改镜像资源

npm config get registry  查看镜像资源


5.  node a.js ,可以执行js文件:

6. 安装nodemon这个工具,当服务器的代码改变时,ctrl+s保存代码,就会自动重启你的服务器

npm install -g  nodemon 
npm install, 简写 npm i  ,表示安装工具包、依赖包
-g  ,全局安装,表示在电脑的任何地方,都可以使用,执行nodemon这个工具。

7. 项目的搭建:
  (1) npm init -y,创建package.json这个项目工程的包配置文件
 (2) 创建项目中工程的各种目录:
   public: 静态资源(如 /img  /fonts /css /html  index.html)首页直接在public下面。
   views: 视图模板,
   config: 服务器的配置信息,如文件上传,数据库链接配置信息
   routes: 路由配置, 接口开发文件
   app.js: 服务器主运行文件

8. npx:  安装nodejs之后,提供一个执行npm安装包的命令。
   在操作系统里面,当提示 “为在此系统上禁止运行脚本。”时,使用npx 包名 。。。,来辅助执行命令。

 npx nodemon app.js


9. 访问服务器: http://IP:端口号
http://127.0.0.1:8888
http://192.168.221.171:8888  局域网地址
http://localhost:8888

10. nodejs特征:
事件驱动:请求事件
回调函数: 服务器运行时不执行,请求事件发生时,执行的函数。

11. express框架搭建服务器:
创建一个项目的文件夹:myapp
在myapp目录下:

npm init -y  -》package.json
创建过程的几各目录:public, views,routes,.... app.js

在package.json位置,打开终端窗口,安装依赖包。
npm install experss -g  全局安装
npm install express --save-dev   开发依赖,指这个依赖包,只在项目开发时需要,项目打包后,生产环境下不需要。
使用 npm install express --save 生产环境需要的包。  npm i express, 默认就是加--save.

npm uninstall expresss  卸载

安装依赖包后,项目里面多出一个node_modules目录


一个服务器,需要很多的功能:
日志模块: npm i morgan -D
站点的图标: npm i serve-favicon --save

安装服务器自动重启工具:
npm install -g  nodemon 

package.json的内容:
"dependencies": {  项目依赖
    "express": "^4.18.2",
    "serve-favicon": "^2.5.0"
  },
  "devDependencies": { 开发依赖
    "morgan": "^1.10.0"
  }


在app.js里面,写服务器的代码

const express = require('express'); // 1. 引用express框架
const logger = require('morgan') // 日志模块
const favicon = require('serve-favicon') // 网站图标

const app = express(); // 把express对象,当函数调用后,返回一个应用程序的服务器对象给app。
//服务器的配置:
app.use(logger('dev')) // 'dev',在服务器运行时,显示访问的日志的格式。

// 静态资源的访问目录,可以配置多个不同的目录
app.use(express.static(__dirname + "/public"))

// 自定义网站小图标,或者直接在public下放一个favicon.ico文件。
app.use(favicon(__dirname + '/public/icon/icon.webp')) // __dirname, 表示项目的根目录,/myapp + '/public/icon/icon.webp'

app.listen(8888, () => {
  console.log(`服务器运行于 http://127.0.0.1:8888`);
})

写好后,npx  nodemon app.js

复制项目到public下。

总结

npm init -y  安装packge包
 npm install express --save 安装生产环境下express
npm install -g  nodemon  自动保存代码运行
npm i morgan -D 日志
npm i serve-favicon --save  站点
npx  nodemon app.js 运行js

你可能感兴趣的:(node.js,express)