字根秀秀 HTML 托管现已支持“用户登录”功能，一键变身 Web App！

🎉 告别纯静态！字根秀秀 HTML 托管现已支持"用户登录"功能，一键变身 Web App！

对于很多喜欢写 HTML 的网页制作者来说，写一个漂亮的静态页面很容易，但如果想让网页拥有**"用户登录"**功能，往往需要配置复杂的服务器、数据库和后端代码，让人望而却步。

现在，好消息来啦！字根秀秀 HTML 网页托管服务 迎来了重磅更新------我们正式上线了基于 OAuth2 的用户授权认证服务！

这意味着，即使你只会写最基础的 HTML 和 JavaScript，也完全不需要写任何后端代码，就能让你的网页轻松拥有专业级的用户登录系统。

🌐 专属你的自定义域名

在使用登录功能之前，先简单回顾一下我们大受欢迎的托管服务：

字根秀秀不仅提供 HTML 网页托管，还支持自定义域名配置。

比如，你可以拥有这样一个拉风的专属域名：

👉 https://html-to-web.wangye.domolo.cn

(其中 html-to-web 就是你可以自由定义的部分)

🚀 极简接入：只需加个后缀，瞬间拥有登录功能

接入复杂的 OAuth2 认证需要多久？在字根秀秀，只需要一秒钟！

假设你的自定义域名首页是：

https://html-to-web.wangye.domolo.cn/p/index.html

你只需要在你的自定义域名后面加上 /showshow/login.html，就能直接唤起用户登录流程！

详细的交互体验流程如下：

1️⃣ 触发登录

用户访问你的专属登录链接：

https://html-to-web.wangye.domolo.cn/showshow/login.html

2️⃣ 安全授权

页面会自动跳转到安全的统一登录中心：

https://accounts.jcjcjcjc.cn/login?login_challenge={xxx}

在这里，用户只需输入正确的用户名和密码即可完成 OAuth2 安全授权。

3️⃣ 成功返回

授权通过后，页面会丝滑地跳转回你的网站成功页：

https://html-to-web.wangye.domolo.cn/showshow/success-logon.html

此时，用户已经处于登录状态了！

👨‍💻 开发者福音：一行 JS 代码获取用户信息

用户登录后，怎么在 HTML 页面里显示用户的昵称和头像呢？非常简单！

你只需要在 HTML 页面中通过 JavaScript 发起一个普通的 AJAX 或 Fetch 请求，调用下面这个 API 接口：

👉 https://{你的自定义域名}.wangye.domolo.cn/showshow/api/userinfo

接口会立刻返回清晰的 JSON 数据格式：

json 复制代码

{
    "code": 0,
    "data": {
        "uuid": "用户唯一识别码(uuid)",
        "username": "用户名",
        "nickname": "用户昵称",
        "email": "用户邮箱",
        "avatar": "头像链接地址"
    },
    "message": "success"
}

拿到这些数据后，你就可以通过前端代码把用户的昵称、头像展示在网页的右上角啦！

💡 有了用户登录，我们能做什么？

当一个纯静态的 HTML 页面拥有了身份识别能力，玩法瞬间就丰富了起来：

🔒 专属内容解锁： 制作一个只有登录用户才能看到的"隐藏关卡"或"干货文章"。
📝 网页留言板： 结合前端代码，做一个能记录"是谁留下了足迹"的互动留言区。
🎮 网页小游戏存档： 根据用户的 uuid，在本地存储（LocalStorage）记录每个玩家的游戏最高分。
🎨 个人主页生成器： 读取用户的 nickname 和 avatar，为他们自动生成专属的定制页面。

体验零门槛的前端进阶之旅

不要让繁琐的后端技术限制了你的创造力。字根秀秀帮你搞定最难的身份认证模块，让你把100%的精力投入到好玩、好看的页面交互设计中！

👉 现在就来体验吧： 点击进入字根秀秀 HTML 网页托管

快去为你的 HTML 网页加上高大上的"登录"按钮吧！如果在接入过程中有任何奇思妙想，欢迎在后台留言告诉我们哦！