GVKun编程网logo

node.js(2):使用Express创建Web服务器(创建nodejs 基于express项目)

10

在本文中,我们将为您详细介绍node.js(2):使用Express创建Web服务器的相关知识,并且为您解答关于创建nodejs基于express项目的疑问,此外,我们还会提供一些关于1.使用Expr

在本文中,我们将为您详细介绍node.js(2):使用Express创建Web服务器的相关知识,并且为您解答关于创建nodejs 基于express项目的疑问,此外,我们还会提供一些关于1.使用Express创建Web项目服务端的详细教程、Express与NodeJs创建服务器的两种方法、express创建node.js---web应用、node+express构建web服务器部署前端项目的有用信息。

本文目录一览:

node.js(2):使用Express创建Web服务器(创建nodejs 基于express项目)

node.js(2):使用Express创建Web服务器(创建nodejs 基于express项目)

  Express是一个基于Node.js开发出来的专门用来创建Web服务器的框架。
  它的作用与Node.js的内置http模块类似,或者说它就是基于node.js内置http模块来开发的,它与http模块的关系类似于Jquery与WebAPI的关系,但它比http模块在功能上更为高效和强大,也更方便开发者使用。
  使用Express可以开发Web网站或者提供API接口的服务器。
  使用Node.js做开发,少不了安装一些第三方的开发包。之前我使用的网络有代理,一直安装不上第三方包,昨天安装了一个无线网卡,使用手机流量直接上外网,安装就顺畅了。

REM 切换npm下载包的镜像源为淘宝的npm服务器。
npm config set registry=https://registry.npm.taobao.org/
REM 查看镜像源设置:
npm config get registry

  新建一个目录,在该目录下(cmd命令窗口)执行初始化命令:
  npm init -y
  即可在该目录下生成一个package.json文件,然后再下载其他的第三方包。
  Express的官网地址:http://www.expressjs.com.cn。
  安装:npm i express@4.17.2
  js程序文件是通过node程序来加载、启动运行的,如果更改程序文件内容,需要我们人为中断运行的程序,然后再次调用node来执行新的程序。
  而nodemon(第三方的开发包)可以帮助我们来去掉这些麻烦,使用它来运行我们写的程序后,我们更改了程序内容,保存后nodemon会自动中断旧的程序后重启最新的程序,这样就保证了最新的内容被执行。
  安装:npm i -g nodemon

  1、做静态资源发布的网站

//导入express 
const express=require('express')
//创建web服务器
const app=express()

//发布当前目录下OASoft目录的所有内容,通过http://127.0.0.1:9019/download/来访问
//download相当于虚拟目录名称
app.use('/download',express.static('./OASoft'))
//发布当前目录下workdocs目录的所有内容,通过http://127.0.0.1:9019/doc/来访问
//doc相当于虚拟目录名称
app.use('/doc',express.static('./workdocs'))

//启动web服务器
app.listen(9019,()={
		console.log('webserver 正在运行......http://127.0.0.1:9019')
})

//运行:
//nodemon useExpress.js

  2、做动态内容发布的服务器
  类似于IIS和Apache的功能,发布网站同时监听来自客户端浏览器的各种请求、响应并返回具体的内容。
  客户端的请求多种多样,在服务器端都有对应的函数来处理,这种关系称之为映射,在Express中称之为路由。
  主文件ZTB_Main.js代码:

//导入express模块
const express=require('express')
//创建Web服务器
const app=express()

//导入路由模块
//自定义模块必须加上路径名,文件后缀可以省略,内置模块和下载的第三方模块不需要加
const ZTB_router=require('./ZTB_router.js')

//注册全局路由模块
app.use('/ZTB',ZTB_router)

//启动web服务器
app.listen(9019,()=>{
	console.log('Web服务器正在运行......')
})

  路由文件ZTB_router.js代码:

//导入express
var express=require('express')
//创建路由对象
var router=express.Router()

router.get('/add',function(req,res){
	//处理增加
	
	//返回结果
	console.log('增加操作')
	res.send('增加操作')
})

router.post('/del',function(req,res){
	//处理删除
	
	//返回结果
	console.log('删除操作')
	res.send('删除操作')
})

//对外导出路由对象
module.exports=router

说明:
1、路由很多,单独写在一个文件里,对外共享路由对象即可,具体步骤:
    ① 创建一个单独的路由处理模块的.js文件;
    ② 导入express并创建路由对象;
    ③ 在路由对象上加载具体的路由及处理函数;
    ④ 对外共享路由对象。
2、路由及处理格式:

  app.get(‘/’,function(req,res){
        res.send(‘这是来自主页的get请求’)
  })
  app.post(‘/’,function(req,res){
        res.send(‘这是来自主页的psot请求’)
  })

  //等价于
  app.get(‘/’,( req , res ) => {
        res.send(‘这是来自主页的get请求’)
  })
  app.post(‘/’,( req , res ) => {
        res.send(‘这是来自主页的psot请求’)
  })

3、主程序引入路由文件,使用app.use注册路由模块即可监听来自网页的请求;

  app.use('/ZTB',ZTB_router),ZTB即为访问前缀。
4、使用ApiPost来测试请求及返回的结果,分别是:
  ① http://127.0.0.1:9019/ZTB/add    (get请求)
  ② http://127.0.0.1:9019/ZTB/del     (post请求)



  ApiPost是一款很方便的前端开发测试工具。

1.使用Express创建Web项目服务端的详细教程

1.使用Express创建Web项目服务端的详细教程

自用傻瓜式教程(doge)

小知识:

【node】
    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
    Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
    Node.js 的包管理器 npm,是全球最大的开源库生态系统。
【Express】
    是一个简单灵活的node.js Web应用框架
    提供了各种特性和丰富的Http工具
    可以快速搭建一个完整功能的网站
【express-generator】
    Express的应用生成器
    可以快速创建一个Express的应用骨架

 

一、安装Node.js

1.进入Node.js官网下载并安装

参考教程:https://www.html.cn/qa/node-js/10635.html

因为教程存在书写过早的情况,建议安装步骤参考此教程,在选择node版本时使用官网推荐版本。

2.安装完成后,查看node版本号是否安装成功;

npm是随同node一起安装的包管理工具,检测npm是否安装

3.安装淘宝镜像(各种模块仓库在国外,下载很慢,npm下载地址改成淘宝镜像后,安装模块减少下载时间)

npm install -g cnpm --registry=https://registry.npm.taobao.org

我已经安装过了,所以不展示执行过程。

 

二、安装Express

express是node平台下最常用的web应用开发框架

1.全局安装express

在命令提示符面板输入 npm install -g express

我已经安装过了,所以不展示执行过程。

2.全局安装express插件模块

在命令提示符面板输入 npm install -g express-generator

我已经安装过了,所以不展示执行过程。

3.查看express版本

三、创建项目

1. 在某个合适的空间新建一个项目文件夹 , 命名为Test

从命令提示符面板进入该文件夹

2.创建项目

express testServer

3.进入项目,安装依赖,启动项目

cd testServer

npm install

npm start,在浏览器输入localhost:3000(默认监听3000端口)

四、项目结构

bin:启动文件,以何种方式启动文件,默认为npm start

public:存放项目的静态文件,imagea/js/css等文件

routes:项目路由信息,控制地址路由

views:视图文件,模板文件jade等,相当于html

app.js:入口文件(主文件)

package.json:依赖的模板列表 

总结

以上是小编为你收集整理的1.使用Express创建Web项目服务端的详细教程全部内容。

如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。

原文地址:https://www.cnblogs.com/azhuangaaa/p/14949567.html

Express与NodeJs创建服务器的两种方法

Express与NodeJs创建服务器的两种方法

目录

  • NodeJs创建Web服务器
  • Express创建Web服务器

NodeJs创建Web服务器

rush:js;"> var http = require('http'); var server = http.createServer(function(req,res) { res.writeHead(200,{ 'Content-Type': 'text/plain' }); res.write('Hello World!'); res.end(); }).listen(80);

这是一个原生式的创建一个web服务器的方式,但是有缺陷。如果我们想要将我们的静态页面至于与服务器同域下的时候很不方便。

Express创建Web服务器

rush:js;"> var express = require('express'); var app = express(); var server = require('http').createServer(app); //指定静态文件的位置 app.use('/',express.static(__dirname + '/public')); //监听端口号 server.listen(80);

这里我们借用Express封装好的方法创建了一个监听80端口的方法,不禁我们可以作为后端服务通过

localhost:80

访问,还可以访问我们的前端页面

localhost:80/index.html

这样页面与服务端交互也方便很多了。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持小编!

express创建node.js---web应用

express创建node.js---web应用

1.安装express模块

在命令行输入

npm install body-parser --save
npm install express --save

2.创建app.js文件

/*应用程序入口文件*/

/*加载express模块*/
var express = require(''express'');
/*创建app应用*/
var app = express();

/*首页*/
app.get(''/'',function (req,res,next) {
    res.send("<h1>您好,欢迎光临我的博客!!!</h1>");
})

/*监听http请求*/
app.listen(8099);

3.在浏览器输入localhost:8099

 

总结

以上是小编为你收集整理的express创建node.js---web应用全部内容。

如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。

原文地址:https://www.cnblogs.com/kinblog/p/11037816.html

node+express构建web服务器部署前端项目

node+express构建web服务器部署前端项目

传统的前端项目部署依赖于tomcat服务做静态资源服务器、随着前后端分离的进程化、前端项目需要单独部署。对于前端部署我们除了采用nginx搭建静态资源服务器外,还可以使用node来搭建web服务器。下面跟大家分享下如何使用node搭建web服务器:

一、在服务器上安装node环境
1.png
1、进入weblogic目录,下载node二进制文件包(免编译)

sudo  wget  https://nodejs.org/dist/v8.14.0/node-v8.14.0-linux-x64.tar.gz

如果wget不可用,可先下载wget:sudo yum -y install wget
2、解压文件

sudo tar zxvf node-v8.14.0-linux-x64.tar.gz

3、配置node环境变量

sudo vim /etc/profile

添加NODE_HOME,配置export path

export NODE_HOME = /home/weblogic/node-v8.14.0-linux-x64.tar.gz

执行命令使文件生效
source /etc/profile
4、安装npm
curl https://npmjs.org/install.sh | sh
5、查看环境是否安装成功
执行node --version及npm -v查看版本号
图片.png

二、server脚本

1、server.js脚本
如果你会点nodejs,脚本就很好理解了,下面是server.js启动脚本的内容:
脚本使用了express框架、把我们打包好的dist目录作为静态资源、在收到客户端请求后,由于vue项目是单页应用,我们只需要把index.html返回客户端即可。

const fs = require("fs");
const path = require("path");
const express = require("express");
const app = express();

app.use(express.static(path.resolve(__dirname, "./dist")));

app.get("*", function (req, res) {
  console.log(req);
  const html = fs.readFileSync(path.resolve(__dirname, "./dist/index.html"), "utf-8");
  res.send(html);
});

app.listen(8082, () => {
  console.log("Server is running at http://10.29.43.152:8082");
});

这是一个非常简单的express作为web服务的脚本,如果你的vue项目使用mock服务、不涉及后端接口,那么以上内容可以满足纯前端的部署了。如果涉及到接口调用、跨域解决、推荐使用http-proxy、http-proxy-middleware中间件进行接口地址代理

2、中间件模块

const proxy = require(''http-proxy-middleware'');
var options = {
        target: ''http://10.29.43.152:8090'',    //  你服务器端口
        changeOrigin: true,
    };
var exampleProxy = proxy(options);
app.use(''/'', exampleProxy);              //  ‘/’ 表示对所有请求代理

增加以上代码即可。

3、日志模块
如果你想搭建比较完善的express web服务,可能还需要优秀的日志模块
推荐使用morgan中间件,可点击该链接查看详细用法:https://www.npmjs.com/package/morgan
4、其他中间件
当然你可能还会使用到其他的express中间件如:
应用级中间件、 路由级中间件、错误处理中间件、内置中间件、第三方中间件(结合项目实际情况可选择相应中间件进行配合搭建)在此不做过多累述、大家可参考express框架https://www.expressjs.com.cn/4x/api.html

三、打包与部署
1、上传server.js及前端项目至服务器
把server.js和前端项目打包好之后上传至服务器frontEnd目录下。
图片.png
2、启动服务
在服务器端添加package.json并安装server.js启动依赖的express包。执行 npm install命令即可自动安装
图片.png
接下来我们运行:
node server.js启动服务:
图片.png
运行成功后,我们可以看到我们的web服务器已经启动成功。
3、打开页面进行验证
图片.png
点击登录,我们可以看到项目页面
图片.png

注:由于我这里使用的是mock服务、不涉及到后端接口调用、所以可以把它当做纯静态的前端资源进行处理。在真实的项目中,会用到代理及跨域解决,如果以上内容还满足不了您的需求,可以评论区留言,一起探讨!!

我们今天的关于node.js(2):使用Express创建Web服务器创建nodejs 基于express项目的分享就到这里,谢谢您的阅读,如果想了解更多关于1.使用Express创建Web项目服务端的详细教程、Express与NodeJs创建服务器的两种方法、express创建node.js---web应用、node+express构建web服务器部署前端项目的相关信息,可以在本站进行搜索。

本文标签:

上一篇vue webpack文件打包后的文件如何本地运行(vue webpack 打包)

下一篇web前端笔记(12)-node(web前端笔记文档)