03月
21

发表于 • 字数统计 1251 • 被 5 人看爆

##2025/3/21 22:24:26:

cloudflare pages 实现 hono jsx dom github 登录认证

在 @基于 cloudflare hono github 的登录系统 基础上改为 pages 的形式
原来的项目是基于 cloudflare worker, github 仓库 地址：https://github.com/qyzhizi/hono-auth-test-app-D1
原本的cloudflare地址： https://hono-auth-test-app.l2830942138.workers.dev/api/auth/github 这个地址无法登录了，应为 github oauth app callback 被占用了

做出的更改
https://github.com/qyzhizi/hono-auth-test-app-D1-func/commit/3b05f61d34d5a40dcca42dce5568533a0c4c0b28
新的仓库地址：https://github.com/qyzhizi/hono-auth-test-app-D1-func
本地地址：/Users/qy/Documents/git_rep/cloudflare_project/2025-03-05-hono-github-login-db/hono-auth-test-app-D1-func

参考：@cloudflare pages jsx react hono/jsx hono/jsx/dom,

这个参考的项目是在官方的 demo 上修改的，github 地址： https://github.com/qyzhizi/hono-example/tree/main/pages-stack

部署后的网页地址：
https://hono-auth-test-app.pages.dev
login: https://hono-auth-test-app.pages.dev/api/auth/github

https://hono-auth-test-app.pages.dev/api/users

{
  "users": [
    {
      "id": 1,
      "name": "Zhipeng Luo",
      "email": "2830942138@qq.com",
      "createdAt": null,
      "updatedAt": null
    }
  ]
}

从 github 仓库 上传到 cloudflare 项目，从而构建应用
配置
构建目录： /pages
构建目录：npm run build
新的网站地址：https://hono-auth-test-app-d1-func.pages.dev/
原来的网站登录就失效：https://hono-auth-test-app.pages.dev/api/auth/github
因为 github oauth app callback 占用了

分享到：