REITs TechDeveloper进入 UI Studio
UI 蓝图/预约平台/Mini App 宿主预约
TARGETF4Miniapp · 从 IM、开放平台或移动宿主深链进入预约的消费者

Mini App 宿主预约

让宿主只传递可信上下文和授权会话，预约数据、容量和订单回执仍由 Booking 域拥有

/minipublic-booking-platform对照 CURRENT · booking-mini →
UI STUDIOtarget-booking-mini
Miniapp390 × 844100%
100%
/mini
TARGET UI390 × 844FIT 100%
9:41REITS Chat● ●●
✓已连接可信宿主im.reits.tech · session expires 10:11SDK v2.4
TRUSTED HOST SESSION · deep_link service/caredoor

CareDoor 居家照护

长者居家陪护 · 2 小时

✓ 服务2 时间3 信息
7 月 18 日 · 星期六
服务端空档quote_av_17c9 · 04:36
7 月 18 日 16:30–18:30¥180 · 进入下一步不会立即提交
安全区 18px · 高度已同步 742px
REFERENCE VIEWPORT390 × 844Host safe area · touch
PRIMARY TASK返回宿主主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTHostContextready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINETARGET · 2026-07-17桌面/移动、浅色/错误态按稳定 Screen ID 留档

IMPLEMENTATION MAP

可以直接拆成开发任务的目标定义

目标稿与当前实现严格分轨；只有产品仓实现、测试与生产证据齐全后，才会转为 current evidence。

01

页面区域

  • 宿主状态栏和安全区
  • 应用身份/来源
  • Mini 导航
  • 预约主内容
  • 固定主操作
  • SDK/版本状态
  • 宿主事件回执
  • 降级到 Web
02

用户动作

  • 返回宿主
  • 授权宿主会话
  • 继续预约
  • 重试版本协商
  • 在 Web 打开
  • 回传预约回执
03

必须状态

  • 宿主预约就绪
  • SDK/页面加载
  • 深链目标不存在
  • 部分宿主能力失败
  • 宿主握手失败
  • 离线宿主快照
  • 宿主/Scope 不受信任
  • 宿主授权确认
  • 回执已回传
04

数据契约

  • HostContext
  • TrustedHostOrigin
  • SdkSession
  • DeepLinkIntent
  • BookingDraft
  • HostCapability
  • ResizeEvent
  • BookingSubmittedEvent
  • ReturnContext

TARGET MODULES

目标页面必须交付的模块

  1. 01宿主安全区与返回
  2. 02宿主应用身份
  3. 03SDK 会话状态
  4. 04店铺/服务深链
  5. 05窄屏三步预约
  6. 06离线与版本协商
  7. 07高度同步
  8. 08完成事件回传

PRODUCT ROUTE INDEX

预约平台 的 21 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言，但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

01
发现好店/
Web02
店铺详情/shop/:publishHash
Web03
三步预约/t/:publishHash
Web04
订单与预约状态/booking-status
Web05
商家工作台/console?t=:hash
Admin06
移动发现入口/mini
Miniapp07
官方介绍页/official
Web08
安全与隐私/security
Web09
商家登录/console?t=:hash
Admin10
本地服务发现/
Web11
店铺与服务详情/shop/:publishHash
Web12
三步预约与提交/t/:publishHash
Web13
我的预约与自助管理/booking-status
Web14
Mini App 宿主预约/mini
Miniapp15
商家身份与店铺选择/merchant/sign-in
Admin16
商家今日工作台/merchant/:projectId/today
Admin17
预约审核与决策/merchant/:projectId/bookings
Admin18
排班与容量规划/merchant/:projectId/schedule
Admin19
服务与价目目录/merchant/:projectId/services
Admin20
店铺内容与发布/merchant/:projectId/storefront
Admin21
店铺设置与渠道治理/merchant/:projectId/settings
Admin
← 我的预约与自助管理商家身份与店铺选择 →