Emergent AI 生成的应用代码支持在本地进行手动修改,但暂不提供在线编辑功能。通常需要先下载源码,再通过 VS Code 编辑 TypeScript 文件或替换 API 调用逻辑,随后借助 Power Platform CLI 在本地完成构建与部署。

Emergent AI 生成的应用代码是可以修改的,不过必须在本地开发环境中手动处理,平台本身并没有提供在线代码编辑器,也不支持实时重生成代码接口。
确认代码是否可导出
登录 Emergent 控制台 → 进入已生成应用的详情页面 → 点击【下载源码】按钮。若该按钮显示灰显或根本没有出现,通常说明当前订阅计划不支持源码导出,需要升级到 Pro 或 Enterprise 套餐后才能使用。
【导出前必须完成部署验证】 Emergent 要求应用至少成功部署一次,即使只是预览部署也可以,否则系统不会允许打包下载源码。若项目未通过环境兼容性检查,同样无法完成导出。
本地修改代码的实操路径
方法一:直接编辑 TypeScript 文件
解压下载后的源码包 → 打开 /src/pages 目录 → 找到对应页面的 .tsx 文件 → 使用 VS Code 打开 → 修改 JSX 结构或状态管理逻辑 → 保存后执行 npm run dev 启动本地开发服务。
这一步整体上手比较直接,把项目文件导入编辑器即可开始修改。不过要特别注意:如果调整了组件 props 的类型定义,必须同步更新所有调用该组件的父级文件,否则很容易在编译阶段报错。
方法二:替换 API 调用逻辑
打开 /src/services/api.ts → 定位 fetchData 函数 → 将原本硬编码的 endpoint URL 替换为自己的后端接口地址 → 在 headers 中加入 Authorization 字段 → 保存修改。
⚠️ 这里不能只是简单替换 URL 就结束。Emergent AI 生成的请求体默认使用 FormData 格式,但目前很多主流 API 实际更要求使用 JSON,因此还需要手动把 request.body 从 new FormData() 改为 JSON.stringify(data),并同时补充 Content-Type: application/json 请求头。
重新部署修改后的代码
第一步:确保已全局安装 PAC CLI(npm install -g @microsoft/power-platform-cli)
第二步:在项目根目录执行 pac solution init --publisher-name "YourOrg" --publisher-prefix "yourprefix"
第三步:运行 pac solution add-reference --path "./src" --name "EmergentApp"
第四步:执行 pac solution build → 成功后生成 .zip 包 → 登录 Power Apps 环境 → 导入该解决方案包 → 发布上线。
整个流程不依赖 Emergent 云端服务,所有构建与部署命令都由本地 CLI 完成。修改后的代码会与最初的自动生成版本完全解耦,后续继续迭代时也不需要再经过 Emergent 平台中转。
