跳到主要内容

介绍 BlockEden.xyz 仪表盘 v3:现代、更快且更直观的体验

· 阅读需 4 分钟
Dora Noda
Software Engineer

一句话概述: 我们使用 Next.js App Router、shadcn-ui 组件和 Tailwind CSS 完全重新设计了仪表盘,提供更快、更响应、更具视觉吸引力的区块链 API 访问管理体验。

今天,我们很高兴宣布 BlockEden.xyz 仪表盘 v3 正式上线,这是自平台成立以来最大的一次用户界面升级。这不仅是视觉刷新——更是一次完整的架构重构,旨在让你与我们的区块链 API 服务的交互比以往更顺畅、更快速、更直观。

仪表盘 v3 的新特性

1. 现代技术栈提升性能

仪表盘 v3 基于 Next.js App Router 构建,取代了之前的 Pages Router 架构。这一根本性变化通过以下方式显著提升性能:

  • 服务器组件: 通过减少客户端 JavaScript,实现更快的页面加载
  • 改进的路由: 通过嵌套布局提供更直观的导航
  • 增强的 SEO: 通过改进元数据处理提升搜索引擎可见性

我们还将 UI 从 Ant Design 和 Styletron 迁移到基于 Tailwind CSS 的 shadcn-ui 组件,带来了:

  • 减小打包体积: 所有页面加载更快
  • 统一的设计语言: 更加一致的视觉体验
  • 更好的可访问性: 改进键盘导航和屏幕阅读器支持

2. 精简的访问密钥管理

我们彻底重新设计了访问密钥管理体验:

  • 直观的密钥创建: 只需几次点击即可生成新的 API 密钥
  • 增强的可视性: 轻松区分不同的密钥类型和权限
  • 提升的安全性: 通过适当的租户处理,实现客户端环境之间更好的隔离
  • 一键复制: 无缝复制密钥到剪贴板,便于在项目中集成

[IMAGE PLACEHOLDER: Screenshot of the new access keys management interface]

3. 重新设计的账户与计费模块

管理账户和订阅现在更加简洁:

  • 简化的订阅管理: 轻松升级、降级或取消计划
  • 更清晰的计费信息: 更透明的定价和使用统计
  • 精简的支付流程: 通过改进的 Stripe 集成,实现安全高效的支付处理
  • 增强的钱包集成: 更好地连接你的加密钱包

4. 严格的租户隔离

针对企业用户管理多个项目,我们实现了严格的租户隔离:

  • 客户端特定配置: 每个 client ID 拥有独立的环境
  • 提升的安全性: 在不同租户之间正确执行边界限制
  • 改进的跟踪: 更好地了解不同项目的使用模式

幕后技术改进

虽然视觉变化一目了然,但我们在底层也做了大量改进:

1. 架构转变

从 Pages Router 向 App Router 的迁移标志着我们应用结构的根本性变化:

  • 基于组件的架构: 更模块化、易维护的代码库
  • 改进的数据获取: 更高效的服务器端渲染和数据加载
  • 更好的状态管理: 更清晰的关注点分离和更可预测的状态更新

2. 增强的认证流程

我们简化了认证系统:

  • 简化的登录流程: 更快、更可靠的认证
  • 改进的会话管理: 更好地处理认证令牌
  • 提升的安全性: 更强的防护常见安全漏洞

3. 优化的 API 集成

我们的 GraphQL 集成已全面重构:

  • Apollo Client 提供者: 配置了正确的 client ID 处理
  • 仅网络获取策略: 为关键信息提供实时数据更新
  • 优化的查询: 减少数据传输并提升响应时间

开始使用仪表盘 v3

所有现有用户已自动迁移至仪表盘 v3。只需登录 https://BlockEden.xyz/dash 体验全新界面。

如果你是 BlockEden.xyz 的新用户,现在是注册并通过我们的现代仪表盘体验最先进区块链 API 服务的最佳时机。

接下来有什么计划?

此次升级是我们旅程中的重要里程碑,但我们并未止步。未来几个月,我们将推出:

  • 增强的分析功能: 提供更详细的 API 使用洞察
  • 更多网络集成: 支持更多区块链网络
  • 改进的开发者工具: 更好的文档和 SDK 支持
  • 自定义告警: 可配置的关键事件通知

我们重视你的反馈

正如任何重大更新一样,你的反馈极其宝贵。如遇到问题或有改进建议,请联系支持团队或加入我们的 Discord 社区。

感谢你成为 BlockEden.xyz 旅程的一部分。我们期待继续构建支撑去中心化未来的基础设施。