前端树形菜单框架(前端框架 Hono 和 bunjs 组合这样玩,简单又便捷)

前端树形菜单框架(前端框架 Hono 和 bunjs 组合这样玩,简单又便捷)

大家好,关于前端树形菜单框架很多朋友都还不太明白,今天小编就来为大家分享关于前端树形菜单框架的知识,希望对各位有所帮助!



1. Hono是什么

Hono是一个web 的框架,小巧轻量快捷,基于web标准构建,支持各种流行的javascript 运行时。

2 创建 Hono 应用

如果我们需要验证一样东西,如ios 和安卓,或者cocos 游戏研发的时候,执行http请求,我们希望能够返回一个结果。这个时候Hono就可以以简洁,简单方式实现。

首先你可以很轻松创建一个应用。第一步安装应用

??npm create hono@latest

第二步,输入如下,这是官方一个案例

import { Hono } from 'hono'const app = new Hono()app.get('/', (c) => c.text('Hono!'))export default app? ? ? ? ? ? ? ?

第三步:运行npm run dev 运行程序,你会看到在 能看到浏览器输出了对于文本 Hello Hono!

Hello Hono

3 借助Hono 实现接口

以上只是一个非常简单案例。但是我们日常接口当中通用是包含了json返回,同时包括一种固定的结构返回。于是你可以这样快速添加。

app.get('/login', (c) => { return c.json({code:200, data:true,msg:"操作成功",})})

结果就变成这样返回json格式。

再以一个注册接口为案例,你可以收到请求接口。然后返回对应结构。

app.get('/regiter', (c) => { const name = c.req.query('name') const password = c.req.query('password') return c.json({code:200, data:{name,password},msg:"操作成功",})})

前端树形菜单框架(前端框架 Hono 和 bunjs 组合这样玩,简单又便捷)

按着这样思路你可以添加更多轻松的接口作为备用,日后可以以这样方式在本地进行调试。文件可以长期备用在本地执行返回结果。

4 借助Bunjs 实现导出exe

执行npm run build 导出exe,可以将Hono导出对应exe应用,由于是单文件,这个非常便捷。

执行 bun build src/index.ts --compile --outfile myapp 命令来导出exe 。运行exe就可以当一个服务器使用。你可以发给其他人使用。

// package.json { "name": "my-app", "scripts": { "dev": "bun run --hot src/index.ts", "build":"bun build src/index.ts --compile --outfile myapp" }, "dependencies": { "hono": "^4.7.5" }, "devDependencies": { "@types/bun": "latest" }}

运行3000端口服务

Bunjs和Hono 还有更多功能,可以探索,目前我们如果只是用来调试开发当中的接口,那么这个足够使用了。打包后可以可以方便实现联调了。

关于前端树形菜单框架到此分享完毕,希望能帮助到您。

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读