DAPP开发【10】express.js的使用

已于 2023-12-06 23:13:45 修改
阅读量215 收藏
点赞数 1
分类专栏： DAPP 文章标签： express javascript 开发语言
于 2023-12-06 17:29:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43491496/article/details/134819450
版权

Express.js 是一种流行、轻量级的开源 Web 应用程序框架，用于开发基于 Node.js 的服务器端 Web 应用程序。它提供了强大的功能集，适用于 Web 和移动应用程序。Express.js 旨在支持单页、多页和混合式 Web 应用程序的开发。Express.js 提供了广泛的功能，包括路由、中间件、模板等，用于创建 Web 应用程序。它易于学习，非常适合构建 RESTful API、Web 应用程序和 Web 服务。Express.js 广泛用于各种行业的 Web 应用程序开发，包括医疗保健、电子商务、金融和社交媒体等。

node.js可以用来写后端，使用express.js框架

1·新建文件夹

mkdir expressLearn

2·进入文件夹

cd expressLearn

3·初始化

npm init -y

生成package.josn
小技巧
package.josn中有
在这里插入图片描述
npm run test
在这里插入图片描述
npm run deploy = npx hardhat deploy --network rinkeby

4·安装express（局部安装，安装项目下）

npm install express --save

npm install express --save 命令会将 express 模块安装到当前项目的本地 node_modules 目录中，并将其添加到项目的 dependencies 中。这是一种局部安装方式，只有在当前项目中才能使用安装的模块。

如果要全局安装 express，可以使用 npm install -g express 命令。全局安装会将模块安装到全局 node_modules 目录中，以便在命令行中使用 express 命令创建应用程序。但是，在实际开发中，全局安装并不是推荐的做法，因为它可能导致版本冲突和依赖问题。
5·新建app.js文件

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

app.get('/', function (req, res) {
  res.send('Hello World')
})

app.listen(3000)

这段代码使用 Node.js 中的 Express 框架创建了一个简单的 HTTP 服务器。让我来解释一下代码的每个部分：

const express = require('express'): 这一行引入了 Express 框架，将其赋值给变量 express。

const app = express(): 创建了一个 Express 应用程序实例，并将其赋值给变量 app。通过调用 express() 函数，我们创建了一个 Express 应用程序。

app.get('/', function (req, res) { ... }): 这一行指定了一个针对根路径 / 的 HTTP GET 请求的处理函数。当用户在浏览器中访问服务器的根路径时，Express 将执行这个处理函数。

res.send('Hello World'): 在处理函数中，我们使用 res.send() 方法向客户端发送了一个简单的字符串响应 "Hello World"。

app.listen(3000): 最后一行启动了一个 HTTP 服务器，监听在端口 3000 上。这意味着当你在浏览器中输入 http://localhost:3000 时，Express 应用程序将会响应请求并发送 "Hello World" 到浏览器。

6·命令行运行

node app.js

在这里插入图片描述

添加功能

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

app.get('/', function (req, res) {
  res.send('Hello World')
})


const products = [
    {
        "name":"Television",
        "price": 2000,
        "brand":"Xiaomi"
    },
    {
        "name":"Laptop",
        "price":5000,
        "brand":"Lenovo"
    }
]
 
app.get('/products/:brand', (req, res)=> {
    const brand = req.params.brand
    console.log(brand)
    // const filteredProducts = products.filter( (product)=>{
    //     return product.brand === brand
    // })
    const filteredProducts = products.filter(product=>product.brand === brand)
    res.send(filteredProducts)
})
const port = 3000
app.listen(port,()=>{
    console.log(`Server is running on ${port}...`)
})

命令行运行

node app.js

http://localhost:3000/products/Xiaomi

中间件
中间件是一种软件，用于在不同的应用程序之间传递数据和消息，以便它们可以相互通信。中间件通常用于实现不同的应用程序之间的集成，以便它们可以共享数据和服务。中间件可以作为基础设施和应用程序之间的桥梁，从而提高应用程序的互操作性和可扩展性。常见的中间件包括消息队列、Web服务器、RPC框架、缓存系统等。


app.use(requestUrlLogger);

app.get('/', function (req, res) {
  res.send('Hello World')
})

上传数据

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

const requestUrlLogger = (req, res, next)=>{
    console.log("url is :",req.url);
    next();
}

app.use(requestUrlLogger);
app.use(express.json())//post获取数据时使用

app.get('/', function (req, res) {
  res.send('Hello World')
})


const products = [
    {
        "name":"Television",
        "price": 2000,
        "brand":"Xiaomi"
    },
    {
        "name":"Laptop",
        "price":5000,
        "brand":"Lenovo"
    }
]
 
app.get('/products/:brand', (req, res)=> {
    const brand = req.params.brand
    // const filteredProducts = products.filter( (product)=>{
    //     return product.brand === brand
    // })
    const filteredProducts = products.filter(product=>product.brand === brand)
    res.send(filteredProducts)
})


const port = 3000
app.listen(port,()=>{
    console.log(`Server is running on ${port}...`)
})


app.post('/products',(req,res)=>{
    const name = req.body.name;
    const price = req.body.price;
    const brand = req.body.brand;

    products.push({name,price,brand});//键：值，名字一样可以只写一个

    res.json({
        "message":"New product created",
        "data":products
    })
})

postman和apipost
Postman和APIpost都是API测试工具，具有类似的功能，但使用方式和界面略有不同。

Postman是一款常用的API调试工具，可以快速构建、测试和文档化API。它支持多种HTTP请求类型，例如GET、POST、PUT、DELETE等，还可以设置请求头、请求参数和请求体等。Postman还可以对API进行自动化测试和集成测试，支持断言、数据驱动和测试报告等功能。同时，Postman还提供了丰富的插件和扩展，可以方便地集成到开发工作流中。

APIpost是一款在线API测试工具，基于Web界面操作，无需安装任何软件。它可以通过URL、HEAD、GET、POST等多种方式发送HTTP请求，并可以设置请求头、请求参数和请求体等。APIpost还支持Mock API，可以根据API文档自动生成伪数据，并支持API文档自动生成和分享。APIpost还提供了多种主题和语言版本，可以满足不同用户的需求。

总的来说，Postman更适合用于本地开发和测试，而APIpost则更适合用于在线协作和共享。使用哪一款工具，可以根据自己的实际需求来选择。Postman和APIpost都是API测试工具，具有类似的功能，但使用方式和界面略有不同。

Postman是一款常用的API调试工具，可以快速构建、测试和文档化API。它支持多种HTTP请求类型，例如GET、POST、PUT、DELETE等，还可以设置请求头、请求参数和请求体等。Postman还可以对API进行自动化测试和集成测试，支持断言、数据驱动和测试报告等功能。同时，Postman还提供了丰富的插件和扩展，可以方便地集成到开发工作流中。

APIpost是一款在线API测试工具，基于Web界面操作，无需安装任何软件。它可以通过URL、HEAD、GET、POST等多种方式发送HTTP请求，并可以设置请求头、请求参数和请求体等。APIpost还支持Mock API，可以根据API文档自动生成伪数据，并支持API文档自动生成和分享。APIpost还提供了多种主题和语言版本，可以满足不同用户的需求。

总的来说，Postman更适合用于本地开发和测试，而APIpost则更适合用于在线协作和共享。使用哪一款工具，可以根据自己的实际需求来选择。

Postman
在这里插入图片描述

模版引擎
pug和ejs

Pug (以前称为Jade) 是一种模板引擎，它使用缩进和简洁的语法来生成HTML。它允许使用变量、逻辑语句、迭代器、函数等功能，使得编写HTML模板更加方便快捷。

EJS (Embedded JavaScript) 是一种JavaScript模板引擎，它充分利用了JavaScript的强大功能，允许使用变量、逻辑语句、函数等功能来生成HTML。相比于Pug，EJS语法更加接近HTML，也更加灵活。

两种模板引擎都有各自的优点和适用场景。Pug适合于需要频繁更新HTML内容的大型应用程序，它可以减少HTML模板的代码量，使得维护更加便捷。而EJS则更适合于只需要做少量更新的应用程序，因为它的语法更加接近HTML，更容易阅读和理解。

https://pugjs.org/
在这里插入图片描述
1·安装pug
在这里插入图片描述
2·app.js
在这里插入图片描述
这是在 Node.js 应用程序中设置 Pug 模板引擎的语句。

第一行代码 app.set('view engine','pug') 指定了应用程序默认使用的模板引擎为 Pug。这样，在 res.render 中调用视图文件时，应用程序会自动使用 Pug 引擎来解析模板。

第二行代码 app.set('views','./views') 指定了存放视图文件的文件夹，这里是 ./views，也就是应用程序的根目录下的 views 文件夹。这个文件夹下的文件会被视为视图文件，可以通过 res.render 方法来渲染。这是在 Node.js 应用程序中设置 Pug 模板引擎的语句。

第一行代码 app.set('view engine','pug') 指定了应用程序默认使用的模板引擎为 Pug。这样，在 res.render 中调用视图文件时，应用程序会自动使用 Pug 引擎来解析模板。

第二行代码 app.set('views','./views') 指定了存放视图文件的文件夹，这里是 ./views，也就是应用程序的根目录下的 views 文件夹。这个文件夹下的文件会被视为视图文件，可以通过 res.render 方法来渲染。这是在 Node.js 应用程序中设置 Pug 模板引擎的语句。

第一行代码 app.set('view engine','pug') 指定了应用程序默认使用的模板引擎为 Pug。这样，在 res.render 中调用视图文件时，应用程序会自动使用 Pug 引擎来解析模板。

第二行代码 app.set('views','./views') 指定了存放视图文件的文件夹，这里是 ./views，也就是应用程序的根目录下的 views 文件夹。这个文件夹下的文件会被视为视图文件，可以通过 res.render 方法来渲染。

3·新建文件夹
views并在下面新建home.pug
在这里插入图片描述

3·home.js
在这里插入图片描述
4·app.js
在这里插入图片描述
5·node app.js
在这里插入图片描述

6·nodemon的使用
nodemon是一个Node.js开发的工具，可以帮助Node.js应用程序自动重新启动。它可以监视您的代码更改，并在更改发生时自动重启应用程序。

以下是使用nodemon的步骤：

  1. 全局安装nodemon:

    npm install -g nodemon

  2. 在项目目录运行nodemon:

    nodemon app.js

    其中，app.js是您的Node.js应用程序的入口文件。

  3. 现在，nodemon将监视您的代码更改。每当您修改代码并保存时，nodemon将自动重新启动应用程序。

    您还可以在运行nodemon时通过添加参数来添加其他配置选项，例如：

    nodemon --watch controllers --exec node app.js

    这将监视controllers文件夹的更改并在更改发生时重新启动应用程序。

希望这可以帮助您开始使用nodemon！nodemon是一个Node.js开发的工具，可以帮助Node.js应用程序自动重新启动。它可以监视您的代码更改，并在更改发生时自动重启应用程序。

以下是使用nodemon的步骤：

  1. 全局安装nodemon:

    npm install -g nodemon

  2. 在项目目录运行nodemon:

    nodemon app.js

    其中，app.js是您的Node.js应用程序的入口文件。

  3. 现在，nodemon将监视您的代码更改。每当您修改代码并保存时，nodemon将自动重新启动应用程序。

    您还可以在运行nodemon时通过添加参数来添加其他配置选项，例如：

    nodemon --watch controllers --exec node app.js

    这将监视controllers文件夹的更改并在更改发生时重新启动应用程序。

希望这可以帮助您开始使用nodemon！nodemon是一个Node.js开发的工具，可以帮助Node.js应用程序自动重新启动。它可以监视您的代码更改，并在更改发生时自动重启应用程序。

以下是使用nodemon的步骤：

  1. 全局安装nodemon:

    npm install -g nodemon

  2. 在项目目录运行nodemon:

    nodemon app.js

    其中，app.js是您的Node.js应用程序的入口文件。

  3. 现在，nodemon将监视您的代码更改。每当您修改代码并保存时，nodemon将自动重新启动应用程序。

    您还可以在运行nodemon时通过添加参数来添加其他配置选项，例如：

    nodemon --watch controllers --exec node app.js

    这将监视controllers文件夹的更改并在更改发生时重新启动应用程序。

第一个express app 详细步骤
晴天的专栏
10-24 2940
1. 全局安装node（网上有很多）。
保姆级教学搭建以太坊Dapp开发环境（含测试），geth、clef、ganache、web3js、express。。。。。。
a_diaobaola的博客
04-08 600
使用node test.js命令测试web3js,如果正常会输出web3js版本和ganache里的10个账户（如果报错，可能是没运行ganache-cli）新打开一个终端输入clef newaccount，按照提示输入ok，然后是初始化clef时的密码，等待创建成功，找到相应路径即可查看对应账户。打开另一个终端，进入MyDapp目录，执行npm start启动服务。验证用: clef --version。用如下命令创建test.js并进入编辑。输入ganache-cli命令运行服务。
express-truffle-dapp:在研究项目中使用 NodeJS、Express、Handlebars、MongoDB、Truffle、Ganache 和 Solidity 进行区块链开发的去中心化应用程序
05-31
区块链去中心化应用 以下项目是一个小型去中心化应用程序，主要展示了使用区块链作为辅助数据库以及 MongoDB 的链下数据库。 该应用程序包括使用智能合约登录，这意味着在后端使用松露合约。 区块链作为辅助数据库的用法如下：每次用户在登录时，根据 MongoDB 注册表知道用户是有效的后，登录输入的哈希值与区块链的注册表进行比较，并且仅当验证通过时，用户可以安全访问。 规格 10.15.3版本： 10.15.3 express版本： 4.17.1 express-handlebars版本： 3.1.0 express-session版本： 1.16.2 mongodb版本： 2.2.33 truffle-contract版本： 4.0.31 web3版本： 1.2.1 ganache-cli版本： 6.7.0 文件夹node_modules已上传到此存储库，因为如果您尝试使用npm安装w
利用express+ganache写一个带智能合约的dapp
热门推荐
qq_40403273的博客
10-19 1万+
1，编写合约 pragma solidity >=0.4.22; contract Counter{ uint256 count; constructor() public{ count = 1; } function skipCount(uint256 skip) public{ count += skip; } function allCount() public view returns(uint256){
Express.js 入门指南
qq_54435297的博客
06-29 2711
Express.js 是Node.js平台上的一个轻量级、灵活的web应用框架，它允许你快速搭建功能丰富的web服务器和API，是对原生模块http的封装和扩展，简化和方便使用
以太坊区块链入门之实现简单DApp开发
holy19__的博客
01-20 8542
前期准备 本dapp是采用ganache-cli的私链开发 //安装ganache-li sudo npm install -g ganache-cli //安装solidity（我刚开始用的是npm install solc报错，最后使用snap成功安装） sudo snap install solc //web3j安装 sudo npm install web3 -save 若web3js始终安装报错，请见博主另外一篇博客https://blog.csdn.net/holy19__/article/d
以太坊Dapp开发通过web3.js调用智能合约
柠檬味小发糕的博客
11-27 3985
在dapp目录下创建一个工程sixtest [root@ dapp]# express -e sixtest 我们在remix当中部署好的智能合约 pragma solidity ^0.4.22; contract counter{ uint256 counter; constructor() public{ counter = 1; } function getCounter()public view returns(uint256){
【一步步一起学DApp开发】（四）web3.js 基本使用 | 连接geth | 创建web客户端
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
09-14 2733
概述 web3.js内部使用JSONRPC与geth通信。它把所有JSON-RPC API当作JavaScript API，也就是说，它不仅支持所有与以太坊相关的API，还支持与Whisper和Swarm相关的API。 相关链接 web3.js托管地址 web3.js文档 导入web3.js 为了在node.js中使用web3.js，可以在项目目录中运行npm install w...
零基础学会编写仿NFT交易市场的Dapp项目（四）
qq_63902022的博客
01-04 1060
Dapp之前端开发
DAPP开发【06】nodejs安装与npm路径更换
总要有点可以骄傲的东西
12-03 794
中修改 path 中它自动给我们加的环境变量 我的是改过的 你们的是在 C:\Users\用户名\AppData\Roaming\npm下 将它改为你们的Node.js 安装的地址中新建的D:\DApp\nodejs\node_global文件夹下。我们要先配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在nodejs的主目录下，便在nodejs下建立”node_global”及”node_cache”两个文件夹。而系统变量就是对多有的账户都是有效的。
Node.js-以太坊开发DApp实战教程——用区块链星际文件系统IPFSNode.js和MongoDB来构建电商平台
08-10
通过一个去中心化电商DApp的完整开发过程，引导学习者在实战中深入理解并掌握如何基于以太...课程涵盖以太坊、IPFS、MongDB、Express等诸多技术点，采用敏捷开发思路，内容深入浅出，是不可多得的以太坊DApp实战课程。
node.js开发dapp
09-22
要开发一个基于Node.js的DApp（去中心化应用程序），你需要遵循以下步骤： 1. 初始化一个Node.js项目。进入项目的根目录，打开命令行窗口，并运行以下命令： ``` npm init ``` 2. 安装所需的依赖项。在命令行...
Node.js实战教程：用IPFS与MongoDB构建以太坊电商DApp
总结来说，本教程通过一个完整的电商平台DApp开发案例，串联起Node.js、以太坊智能合约、IPFS和MongoDB等关键知识点，为开发者提供了一套完整的去中心化应用开发工具和流程。通过学习，开发者不仅能够掌握相关技术，...
宝塔面板实现定时任务删除 logs文件 加条件删除 只删除一个月前的日志
qq_43541326的博客
08-13 1549
进入到计划任务 点击添加任务 默认选择 shell脚本。我这里的shell脚本是 删除当前月以前的时间数据。
React PDF Annotation plugin library online API examples
WCX_joker的博客
04-03 568
The API includes ① Export edited PDF data; ② Export annotations json data; ③ Reload old annotations; ④ Change files; ⑤ Set member info; ⑥ Clear annotations and other data processing functions
elementui的默认样式修改
cxsj999的博客
03-31 249
可是我想让提示的位置到下面来，该怎么办？最后还是看了官方的api。原来有个自定义样式属性。
20250331-vue-组件事件1触发与监听事件
xiezhuangshunv的博客
03-31 382
和原生DOM事件不一样，组件触发的时间没有冒泡机制。你只能监听直接子组件触发的事件。平级组件或是跨越多层嵌套的组件间通信，应使用一个外部的事件总线，或是使用一个全局状态管理方案。像组件与 prop 一样，事件的名字也提供了自动的格式转换。像3中的代码也可以这样写。父组件代码不变，子组件代码如下。这样点击效果就只会出现一次。
《无人茶室系统核心技术解析：从0到1打造高效智能管理平台》
weixin_62330360的博客
04-01 608
本文深入解析了无人茶室系统的核心技术，涵盖Spring Boot 后台、uni-app 用户端、Vue 管理后台的完整开发流程，并探讨了性能优化方案。你是否在开发类似项目时遇到挑战？欢迎在评论区交流你的经验！📌推荐阅读Spring Boot 官方文档MyBatis-Plus 官方文档uni-app 官方文档。
网络空间安全（50）JavaScript基础语法
最新发布
m0_73399576的博客
04-03 299
网络空间安全——JavaScript基础语法篇
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值