GVKun编程网logo

express创建node.js---web应用(创建nodejs 基于express项目)

13

以上就是给各位分享express创建node.js---web应用,其中也会对创建nodejs基于express项目进行解释,同时本文还将给你拓展Express与NodeJs创建服务器的两种方法、ex

以上就是给各位分享express创建node.js---web应用,其中也会对创建nodejs 基于express项目进行解释,同时本文还将给你拓展Express与NodeJs创建服务器的两种方法、express和express-generator搭建web应用、Node.js Express express.json和express.urlencoded表单提交、Node.js Express express.json和express.urlencode使用表单提交等相关知识,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

express创建node.js---web应用(创建nodejs 基于express项目)

express创建node.js---web应用(创建nodejs 基于express项目)

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

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和express-generator搭建web应用

express和express-generator搭建web应用

nodemon的安装使用

安装

npm i nodemon -D  

配置

新建nodemon.json

{

  "watch": "src/**/*.*

}

修改package.json

scripts: {

  "start": " nodemon src/app.js"

}

app.js 是入口文件,通过nodemon启动项目

 

二、express 安装使用

express 是基于 nodejs的Web应用开发框架,具有丰富的 API 

express-generator 是 express 应用生成器,可以快速生成一个应用的骨架

通过 express demo -e 命令可以快速生成一个项目架构 (-e 是参数, 表示添加 ejs 引擎支持)

 

全局安装

npm i express express-generator -g 

创建项目

express demo -e 

安装依赖

cd demo 

npm install

启动

npm start

默认访问地址: http://localhost:3000/

项目目录如下

 

 其中:

bin/www 是整个项目的启动文件

public/ 存放静态资源

routes/ 路由配置文件

views/ 视图

app.js  服务文件

package.json  项目配置文件

 

 原文地址:https://www.cnblogs.com/lk-food/p/12031178.html

 

Node.js Express express.json和express.urlencoded表单提交

Node.js Express express.json和express.urlencoded表单提交

Express(或Connect的)bodyParser中间件被标记为不建议使用,建议用户改为:

app.use(connect.urlencoded())
app.use(connect.json())

但是,当我在Action中运行Node.js的一个例子时,我使用curl来填写本书中建议的表单:

curl -F entry[title]='Ho ho ho' -F entry[body]='santa loves you' http://abc:123@127.0.0.1:3000/api/entry

它不工作req.body没有定义。我错过了什么吗?它适用于bodyParser。

编辑:解决方案从Express 4

这样解析json:

var bodyParser = require('body-parser');

...

app.use(bodyParser.json());

以这种方式解码urlencoded body:

app.use(bodyParser.urlencoded({extended: true}));

然后没有废弃警告。 extended:true(默认)使用qs模块,false使用querystring模块来解析主体。

不要使用app.use(bodyParser()),该用法现在已被弃用。

解决方法

bodyParser其实是三个中间件的组成(见 documentation和 relevant source code):json,urlencoded和multipart:

> json解析application / json请求体
> urlencoded解析x-ww-form-urlencoded请求体
>和multipart解析multipart / form-data请求主体,这是您感兴趣的。

如果只指定json和urlencoded的中间件,表单数据将不会被任何中间件解析,因此req.body不会被定义。然后,您需要添加一个能够解析形式数据的中间件,例如强大的,忙碌的或多方的(如connect‘s documentation所述)。

这是一个例子,使用multiparty

var multipart = require('connect-multiparty');
var multipartMiddleware = multipart();
app.use('/url/that/accepts/form-data',multipartMiddleware);
app.post('/url/that/accepts/form-data',function(req,resp) {
    console.log(req.body,req.files);
});

不要忘记,通过使用这样的中间件,您允许任何人将文件上传到您的服务器:然后您有责任处理(并删除)这些文件。

Node.js Express express.json和express.urlencode使用表单提交

Node.js Express express.json和express.urlencode使用表单提交

Express(或Connect的)bodyParser中间件已标记为已弃用,建议用户改为使用:

app.use(connect.urlencoded())app.use(connect.json())

但是,当我从 Action中的Node.js 运行示例时,我使用curl来按照书中的建议填写表格:

curl -F entry[title]=''Ho ho ho'' -F entry[body]=''santa loves you'' http://abc:123@127.0.0.1:3000/api/entry

没用 req.body没有定义。我想念什么吗?它与bodyParser一起正常工作。

编辑:自Express 4起的解决方案

以这种方式解析json:

var bodyParser = require(''body-parser'');...app.use(bodyParser.json());

通过以下方式解析urlencoded主体:

app.use(bodyParser.urlencoded({extended: true}));

则没有弃用警告。扩展名:true(默认)使用qs模块,false使用querystring模块来解析正文。

请勿使用app.use(bodyParser()),该用法现已弃用。

答案1

小编典典

bodyParser实际上三个中间件(见组合物文档和相关的源代码):
jsonurlencodedmultipart

  • json解析application/json请求主体
  • urlencoded解析x-ww-form-urlencoded请求主体
  • multipart解析multipart/form-data请求主体,这就是您感兴趣的内容。

如果仅指定jsonurlencoded中间件,则任何中间件都不会解析表单数据,因此req.body不会定义。然后,您需要添加一个中间件,该中间件能够解析表单数据,例如强大,busboy或多方(如connect的文档所述)。

这是一个使用的示例multiparty

var multipart = require(''connect-multiparty'');var multipartMiddleware = multipart();app.use(''/url/that/accepts/form-data'', multipartMiddleware);app.post(''/url/that/accepts/form-data'', function(req, resp) {    console.log(req.body, req.files);});

不要忘了通过使用这样的中间件,任何人都可以将文件上传到您的服务器:这是您处理(和删除)这些文件的责任。

我们今天的关于express创建node.js---web应用创建nodejs 基于express项目的分享就到这里,谢谢您的阅读,如果想了解更多关于Express与NodeJs创建服务器的两种方法、express和express-generator搭建web应用、Node.js Express express.json和express.urlencoded表单提交、Node.js Express express.json和express.urlencode使用表单提交的相关信息,可以在本站进行搜索。

本文标签:

上一篇node——express框架(node express框架)

下一篇在Windows上运行docker-compose“入门”示例会导致“无效的卷规范”(windows上使用docker)