22.06-Vercel部署

// terminal
npm install @hono/vercel-edge

// api/index.ts
import { Hono } from 'hono'
import { handle } from '@hono/vercel-edge'
 
const app = new Hono()
 
app.get('/', (c) => c.text('Hello Hono on Vercel!'))
app.get('/api/users', (c) => c.json({ users: [] }))
 
export default handle(app)

// app/api/hono/route.ts
import { Hono } from 'hono'
import { handle } from '@hono/vercel-edge'
 
const app = new Hono()
 
app.get('/', (c) => c.text('Hello from Hono!'))
 
export const GET = handle(app)
export const POST = handle(app)

// terminal
# 安装
npm install -g vercel
 
# 登录
vercel login
 
# 部署（开发环境）
vercel
 
# 部署（生产环境）
vercel --prod

# .github/workflows/deploy.yml
name: Deploy to Vercel
 
on:
  push:
    branches:
      - main
 
env:
  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
  VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
 
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
 
      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: 22
 
      - name: Install Vercel CLI
        run: npm install --global vercel@latest
 
      - name: Pull environment
        run: vercel pull --yes --environment=production
 
      - name: Build
        run: vercel build --prod
 
      - name: Deploy
        run: vercel deploy --prebuilt --prod

// terminal
# 添加
vercel env add MY_VAR production
 
# 查看
vercel env ls
 
# 拉取到本地
vercel env pull .env.local

// app/api/edge/route.ts
export const runtime = 'edge'  // 指定为 Edge Runtime
 
export async function GET(request: Request) {
  return new Response('Hello from the edge!')
}