基于node.js开发的文章生成器(五、网页版本的文章生成器--准备篇)

简介: # 引言这次我们来做网页版文章生成器,首先我们学习一些node.js开发服务器的入门知识。# 框架的使用与导入因为node原生开发服务器较麻烦,这里我们采用express框架来开发。首先我们调出控制台,在控制台中输入 npm i express然后等待一会儿,我们下载完express之后,通过 import express from 'express';导入 express 模块。因为我们本项目采取的ES Moudle模块,所以这里我们使用import完成导入。接下来通过定义app完成初始化 `const app = express();`之后调用 app中的

引言

这次我们来做网页版文章生成器,首先我们学习一些node.js开发服务器的入门知识。

框架的使用与导入

因为node原生开发服务器较麻烦,这里我们采用express框架来开发。

首先我们调出控制台,在控制台中输入

npm i express

然后等待一会儿,我们下载完express之后,通过 import express from 'express';导入 express 模块。
因为我们本项目采取的ES Moudle模块,所以这里我们使用import完成导入。

接下来通过定义app完成初始化 const app = express();

之后调用 app中的listen方法 完成服务器的启动 listen中传入两个参数 一个是服务器启动在的那个端口号,另一个参数则是一个函数启动时调用的function.

我们通过一个实例来理解

import express from 'express';

const app = express();

app.listen(6666,()=>{
    console.log('successfully');
})

接下来我们继续打开控制台 输入 node cs.js

结果如下:

successfully

我们便已成功启动了serve,并且serve跑在6666端口上。

get post请求的挂载

众所周知,请求方式中有get,post,pull......等等多种的请求方式,这里我们主要来演示挂载get和post两种请求的挂载。

get请求的挂载

import express from 'express';

const app = express();

app.get('/getmethod',(req,resp)=>{
    console.log('get')
    resp.send("这是一个get请求");
})

app.listen(6666,()=>{
    console.log('serve is running at http://localhost:6666');
})

代码写完后我们运行这个js,同样的在控制台中输入 node cs.js

首先控制台打印出来了 serve is running at http://localhost:6666

我们打开接口调试工具 选择get请求 ,然后访问

然后你就会发现.......

image.png

那么这是为什么呢?

原来我们服务器虽然是启动在http://localhost:6666 上, 但是我们挂载get请求却是在 \
http://localhost:6666/getmethod 中。所以我们应该访问上述的url 而不是服务器的启动地址。

修改接口文档 运行 发现 返回了

这是一个get请求

控制台中也打印了get

get请求的挂载已经学习完毕。

post请求的挂载

完成了get请求的学习 接下来我们来学习 post请求的挂载

类比get请求的挂载 只不过从get换成了post

全部代码如下:

import express from 'express';

const app = express();

app.get('/getmethod',(req,resp)=>{
    console.log('get')
    resp.send("这是一个get请求");
})

app.post('/postmethod',(req,resp)=>{
    console.log('post')
    resp.send("这是一个post请求");
})

app.listen(6666,()=>{
    console.log('serve is running at http://localhost:6666');
})

打开接口测试的工具 对 http://localhost:6666/postmethod 发起post请求。

接口工具返回结果:

这是一个post请求

控制台输出:

post

post 请求学习完毕。

req接收JSON

首先我们调用app.use()

代码如下:

app.use(express.urlencoded({extended:false}));

接下来我们演示post请求的接受JSON并相应一个结果

import express from 'express';

const app = express();
app.use(express.urlencoded({extended:false}));
app.get('/getmethod',(req,resp)=>{
    console.log('get')
    resp.send("这是一个get请求");
})

app.post('/postmethod',(req,resp)=>{
    console.log('post')
    resp.send("这是一个post请求");
})

app.post('/postcs',(req,resp)=>{
    const result = req.body;
    console.log(result);
    resp.send('成功了');
})

app.listen(6666,()=>{
    console.log('serve is running at http://localhost:6666');
})

首先我们要加上 app.use(express.urlencoded({extended:false})); 否则是接受不到的。

调用 node cs,js

打开接口测试工具 url:http://localhost:6666/postcs 发起请求方式为post,记得传入参数。这里我传入了name为ceshi的测试的value。

接口测试工具结果:

成功了

控制台结果:

[Object: null prototype] { ceshi: '测试' }

工具的提升

我们可以下载nodemon工具,用来提升我们的开发效率。

传统的node xxx.js启动之后 每次改变都要先 ctrl+c停止服务器 然后改变之后 ctrl+s保存 然后再次 node xx.js再次启动

非常繁琐复杂麻烦

这里可以下载nodemon nodemon xxx.js 启动 每次只要ctrl+s 保存即可 不需要再停止服务器再启动了

下载方式

打开控制台 输入 npm install nodemon -g

进行全局安装

下集预告

下次继续讲解服务器的代码层面的优化。

相关文章
|
4月前
|
人工智能 监控 JavaScript
HarmonyOS5云服务技术分享--ArkTS开发Node环境
本文详细讲解了在HarmonyOS(ArkTS API 9及以上)中使用云函数的开发技巧,结合Node.js和HTTP触发器,从零开始手把手教学。内容涵盖核心能力、开发流程(配置到部署)、高阶优化及常见问题解决,并提供实际应用场景示例。助你快速掌握Serverless开发,提升效率,探索跨端协作与AI集成等未来方向。
|
7月前
|
JavaScript 前端开发 数据可视化
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
380 2
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
|
5月前
|
JavaScript 算法 前端开发
nodejs18版本 npm run dev失败
在使用若依框架运行 `npm run dev` 时,若卡在 95% 并报错,通常是 Node.js 17+ 与 Webpack 的兼容性问题。原因是 OpenSSL 3 的加密算法变化导致依赖冲突。解决方法:Windows 下运行 `set NODE_OPTIONS=--openssl-legacy-provider`,macOS/Linux 使用 `export NODE_OPTIONS=--openssl-legacy-provider`,然后重新启动开发服务即可。此设置让 Node.js 启用旧版加密支持,恢复正常构建流程。
374 0
|
8月前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
159 10
|
9月前
Node安装版本低于工程版本时打包绕过校验
在开发中,若本地Node版本低于项目配置要求,导致打包报错(如图所示),可在不变更本地环境的情况下,通过在执行`npm run build`前输入命令`set NODE_OPTIONS=--openssl-legacy-provider`来绕行此问题,确保构建顺利进行。
496 10
|
9月前
|
Web App开发 JavaScript 前端开发
Node.js开发
Node.js开发
173 13
|
9月前
|
Web App开发 JavaScript 前端开发
深入浅出Node.js后端开发
本文将带领读者从零基础开始,一步步深入到Node.js后端开发的精髓。我们将通过通俗易懂的语言和实际代码示例,探索Node.js的强大功能及其在现代Web开发中的应用。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供新的见解和技巧,让你的后端开发技能更上一层楼。
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
230 2
|
10月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
145 1
JavaScript中的原型 保姆级文章一文搞懂
|
10月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
93 0