ARTICLE · 1271696
Expo迁移技能,网页逐屏变App
Expo迁移技能,网页逐屏变App
已有 React 网站,先别让 Agent 把全部界面重写。GitHub 上 expo/skills 的 expo-web-to-native,给的是按路由渐进迁移的工作顺序:先列清页面与后端,再建 Expo 外壳,用 DOM 组件承接网页,最后按价值逐屏原生化。
先准备网站源码、可访问的原站和后端地址。按官方 README 给当前 Agent 安装 Expo 技能;Claude Code 可用 claude plugin install expo@claude-plugins-official,其他兼容 Agent 可用 npx skills@latest add expo/skills --skill '*',安装后刷新会话。完整技能集便于调用 expo-dom、expo-router、expo-data-fetching 等配套规则。
可复制给 Agent:“使用 expo-web-to-native。先只盘点当前 React 仓库:区分页面、API、ORM和登录处理,生成 migration-progress.md,把每条路由分到 port-as-is、nativize-now、nativize-later、hybrid。列出 RSC、Cookie、存储、相对 fetch、浏览器 SDK 的改造点,再提交 Expo Router 路由映射和首屏计划。”后续开发再让它一次推进一屏,保留进度与验收记录。
原生客户端没有网页 origin,后端和数据库不能随页面搬进手机;公开 API 地址可进 EXPO_PUBLIC_ 变量,密钥不能。Cookie 会话、SecureStore 令牌、SQLite 存储也要分别设计。DOM 过渡仍使用 WebView,原生化要重新设计导航、键盘和手势。
Sun Buddy 是 Expo 公开的早期原生案例,采用 Expo、Claude Code 和当时的 Expo Skills;它说明定位、触觉、通知等能力,不证明当前这个精确 Skill 完成了整站迁移。正式验收需对照同一路由的数据与行为,编译成功不等于页面正常。本文只整理公开资料,未安装、迁移、运行或发布项目。















































































