思凡资源网

前提

在日常开发当中，有时候前端需要人员到齐全才能调试。然而有时候在测试过程，需要验证一些方式。于是可以选择一些好玩有趣的方式来实现，如Python，express，koa等等。这一次轮到Hono。

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 运行程序，你会看到在 http://127.0.0.1:3000 能看到浏览器输出了对于文本 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:"操作成功",})
})

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

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"
  }
}

小结

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

框架：https://hono.dev/docs/

https://bun.sh/docs