前言
wish-framework 是一个轻量级的前端框架，提供了快速构建 web 应用程序的解决方案。本文将介绍 wish-framework 的使用步骤与详细实现，并带有示例代码。
环境需求
- node.js (node 版本需要在6.0以上)
- npm
安装wish-framework
在项目根目录下执行以下命令：
npm install wish-framework --save
安装成功之后，你可以看到 node_modules 文件夹下出现了 wish-framework 文件夹。
使用wish-framework
需要先导入 wish-framework：
const wish = require('wish-framework');创建服务器
使用 wish-framework，可以快速创建一个服务。以下是示例代码：
-- -------------------- ---- ------- ----- ---- - -------------------------- ----- --- - ------- ------------ ----- ---- -- - ---------------- --------- --- ----- ------ - ---------------- -- -- - ------------------- -- --------- -- ---- ------- ---
在上述示例代码中，我们创建了一个名称为 app 的服务器，并且通过 get 方法定义了一个处理 GET 请求的路由回调函数。最后，我们让 app 在 3000 端口运行，服务启动后将输出 "Server is listening on port 3000"。
路由
可以使用 wish() 创建名为 app 的 web 应用程序。已经曝光了以下处理路由的方法：
展示 Hello world：
app.get('/', (req, res) => {
res.send('Hello, world!');
});处理 POST 请求：
app.post('/', (req, res) => {
res.send('Got a POST request');
});处理 PUT 请求：
app.put('/user', (req, res) => {
res.send('Got a PUT request at /user');
});处理 DELETE 请求：
app.delete('/user', (req, res) => {
res.send('Got a DELETE request at /user');
});处理所有其他路由:
以下代码将捕获 get, post, put, delete，以及其他所有请求方式。
app.all('/secret', (req, res, next) => {
console.log('Accessing the secret section ...');
next() //继续 on 到路由
});静态资源
可以使用 express.static 内置中间件处理服务之外的静态资源。例如，可以使用以下代码为应用程序中存储的文件提供不带路由的资源：
app.use(wish.static('public'));公共文件夹中包含的项目文件将按照以下方式提供：
| 文件名 | URI |
|---|---|
| public/image.png | http://localhost:3000/image.png |
基于promise的中间件
可以使用基于 promise 的中间件来简化 app.use 函数的调用。例如，可以使用以下代码配置接收的 JSON 格式请求的 bodyParser 中间件：
app.use(wish.urlencoded()); app.use(wish.json());
错误处理中间件
错误处理中间件捕获由应用程序中的下一个中间件、路由或全局处理程序引发的异常。对下一个参数使用必需的四个参数，否则捕获的错误将不会被任何组件处理。
app.use((err, req, res, next) => {
console.error(err.stack);
res.status(500).send('Something broke!');
});自定义中间件
创建一个中间件，可以在处理路由之前和之后运行函数。在下面的代码中，首先初始化计时器，然后 logResponse 在路由处理一段时间后输出响应时间和状态。最后，将计时器计算为从请求开始到响应发送之间所花费的毫秒数。
-- -------------------- ---- ------- ----- -------- - ----- ---- ----- -- - -------------------------- ------- -- ----- ----------- - ----- ---- ----- -- - --------------- - ----------- ------- -- ----- ----------- - ----- ---- ----- -- - --------------------- ------- ---------- - ----------------- ------- -- ------------------ --------------------- ------------ ------------ ----- ---- -- - ---------------- --------- ---
结论
本文介绍了如何使用 wish-framework 构建简单的 web 应用程序。结合本文的讲解和示例，你可以更快地熟悉 wish-framework，并了解如何在应用程序中使用中间件和路由处理程序。我希望你通过本文的学习，可以更加深入地了解 wish-framework 并掌握相应的使用技巧和注意事项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671118dd3466f61ffe3c6