Jutro 数字平台 — Guidewire 的现代保险应用的秘密配方

Introduction

说实话，大多数保险软件看起来像是用诺基亚手机“最前沿”技术构建的。Guidewire 也注意到了这一点。于是 JDP —— Jutro Digital Platform 登场。

框架？是的。所有这些。

如果说 React 是一个厨房，那么 JDP 就是那家设施齐全的餐厅，炉灶、配方、食材以及服务员都已经准备就绪。我们来拆解一下。

What is JDP?

JDP 是 Guidewire 的一体化平台，用于构建、运行、样式化和交付现代保险 Web 应用——由 React 和 Jutro Design System 提供动力。

Why does JDP exist?

因为构建企业级保险应用并不像写待办事项列表。保险应用具有以下特征：

• 规模庞大
• 数据密集
• 表单繁多
• 多步骤
• 多区域
• 多品牌
• 始终受监管
• 始终需要审计
• 需要在大规模下运行

单靠 React 无法解决所有这些混乱。JDP 通过为你提供：

• ✔ 前端框架（React + Jutro）
• ✔ 完整的前端生命周期

来解决这些问题。

How JDP solves the challenges

1. Jutro Components

预构建的 UI 块，例如：

• 网格
• 输入字段
• 卡片
• 上传组件
• 导航栏
• 多步骤表单
• 布局容器

不再需要“从头手工打造按钮”。

2. Floorplans (The Blueprint of Your App)

如果 React 路由和 MUI 网格的结合体还能懂保险业务，那它就是它。选择一个 floorplan：

• I‑shape – 仅头部
• L‑shape – 头部 + 左侧导航
• C‑shape – 头部 + 左侧导航 + 右侧面板
• R‑shape – 头部 + 右侧侧边栏

Boom —— 你立刻得到：

• 响应式布局
• 合理的导航结构
• 整洁的间距
• 可访问的结构

不再有 UI 混乱。也不再有设计师的戏剧。

3. Patterns (Pre‑cooked UI flows)

保险业务充满可预见的步骤：

• “添加司机”
• “提交 FNOL（首次通知事故）”
• “输入付款信息”
• “显示摘要”

Patterns 将多个组件组合成可直接使用的流程。可复用、可扩展、企业安全。

4. Theming (Branding Without Tears)

JDP 让主题定制变得如此简单，几乎有点违规。定义：

• variableOverrides
• stylesOverrides
• 设计令牌

运行：

npm run build-themes

即可得到：

• 你的自定义颜色
• 你的间距设置
• 你的字体样式
• 你的企业品牌

不再需要阅读设计团队那 200 页的 PDF。

5. Digital SDK (Your API Cheat Code)

是的，你可以手动编写 fetch 调用。但为什么要这么做？Digital SDK 为你提供：

• 自动生成的 TypeScript 模型
• 自动生成的 API 函数
• 自动生成的 schema
• 强类型的负载
• 完整的 PC/CC/BC 集成

写的代码更少。

6. JWA — The “Control Center” for Front‑End Devs

JWA = Jutro Web Apps。这里你可以：

• 从模板创建应用
• 关联 Git 仓库
• 让 TeamCity 构建你的应用
• 部署并提升构建版本
• 共享包
• 在同一个“星系系统”下运行多个应用

是的，JDP 甚至有自己的星系概念：

• Star Systems（星系）
• Planets（行星）
• Tenants（租户）

开发者们并没有要求这些……

Conclusion

如果你正在构建保险的未来，JDP 不是可选项——它就是你构建的底层平台。