资讯动态

power-platform-skills Code Apps插件指南:React+Vite构建连接Dataverse与SharePoint的代码应用

发布时间:2026/10/17 10:32:14 来源:尧图企业网站定制
【免费下载链接】power-platform-skillsA plugin marketplace for GitHub Copilot and other AI agents that provides Power Platform development plugins, including reusable skills, agents, and commands for building and deploying solutions.项目地址https://gitcode.com/gh_mirrors/po/power-platform-skills点击查看免费下载power-platform-skills 是微软开源的 AI 智能体插件市场其中的 Code Apps 插件专门用于构建 Power Apps 代码应用Code Apps。它基于 React Vite TypeScript 技术栈让 AI 编程助手GitHub Copilot 或 Claude Code带着你从脚手架搭建、连接 Dataverse 与 SharePoint 数据源到一键部署上线全程只需几条斜杠命令。本文将带你完整走通这条开发链路。一、环境准备与插件安装开始之前请确认本地满足以下条件依赖要求说明Node.jsv22 及以上运行node --version检查AI 编程助手GitHub Copilot CLI 或 Claude Code任选其一Power Platform 账号已开通代码应用需至少一个环境environment在任意文件夹中打开 Copilot CLI 或 Claude Code依次执行两条命令/plugin marketplace add microsoft/power-platform-skills /plugin install code-apps-previewpower-platform-skills第一条命令添加插件市场第二条安装 Code Apps 插件插件市场定义见 marketplace.jsonCode Apps 插件对应code-apps-preview。安装完成后即可使用/create-code-app等斜杠命令。二、完整工作流从零到部署上线输入/create-code-app后AI 助手会引导你走完 10 步工作流其完整定义见 create-code-app/SKILL.md验证前置条件→ 2.收集需求应用名、数据需求、UI 偏好→ 3.制定计划→ 4.脚手架搭建→ 5.项目初始化→ 6.基线构建部署→ 7.添加数据源→ 8.实现应用→ 9.最终构建部署→ 10.输出总结其中两个关键动作值得新手重点了解 脚手架搭建插件统一使用degit拉取官方 Vite 模板而不是git clone可以下载干净的模板文件npx degit microsoft/PowerAppsCodeApps/templates/vite {你的文件夹名} --force cd {你的文件夹名} npm install 项目初始化绑定应用名与环境 ID可从 make.powerapps.com 的 URL 中获取 GUID。首次运行会自动弹出浏览器完成 Microsoft 账号登录无需单独配置认证pa app init -n 应用名称 -e environment-id初始化后会生成power.config.json配置文件后续所有命令都依赖它定位环境。随后插件会先构建并部署一次空壳应用验证整条流水线畅通后才开始写业务代码。三、连接 Dataverse自动生成类型安全的服务存储和管理自定义业务数据表单、增删改查是 Dataverse 的主场。执行/add-dataverse后核心命令为pa app add>const result await AccountsService.getAll({ select: [name, accountnumber], filter: statecode eq 0, orderBy: [name asc], top: 50 });注意Dataverse 的选项集picklist字段存储的是整数而非字符串且生成文件不建议手动修改。更多字段陷阱可参考 dataverse-reference.md。四、连接 SharePoint读取列表与文档库如果数据存放在 SharePoint 站点中比如项目里程碑列表、文档库使用/add-sharepoint技能。它分四步发现并接入数据完整流程见 add-sharepoint/SKILL.md# 1️⃣ 获取连接 ID可先运行 /list-connections 技能 pa connection list # 2️⃣ 发现可访问的站点 pa connector list-datasets --connector sharepointonline -c connection-id # 3️⃣ 发现站点内的列表和文档库 pa connector list-tables --connector sharepointonline -c connection-id -d 站点URL # 4️⃣ 添加连接器生成类型化服务 pa app add>// 读取列表项 const result await SharePointOnlineService.GetItems({ dataset: https://contoso.sharepoint.com/sites/Projects, table: Project Milestones }); // 新增列表项 await SharePointOnlineService.PostItem({ dataset: https://contoso.sharepoint.com/sites/Projects, table: Project Milestones, item: { Title: 新项目, Status: Active } });注意与 Dataverse 不同SharePoint 的选择列Choice使用字符串值而非整数码列表列名在 API 中的编码可能与显示名不同空格会变成_x0020_。详见 sharepoint-reference.md。五、Connector-First 原则新手必须知道的一条规则Power Apps 代码应用运行在 Power Platform 的沙箱中运行时不允许直接向外发起 HTTP 请求。因此fetch、axios或 Graph API 直连在部署后都会失败——所有外部数据访问都必须走 Power Platform 连接器Connector。这个连接器优先原则由插件的共享指令强制执行定义见 shared-instructions.md。插件也为此内置了完整的连接器技能矩阵数据需求对应技能命令自定义业务数据表格/表单/CRUD/add-dataverseSharePoint 列表或文档/add-sharepoint工作项、Bug、流水线/add-azuredevops发送/读取 Teams 消息/add-teams邮件、日历、收件箱/add-office365Excel 表格数据/add-excel文件上传与管理/add-onedrive其他任意连接器/add-connector不确定该连什么数据源时直接运行/add-datasource插件会问你需求并推荐最合适的连接器。六、部署上线与故障排查开发完成后构建 推送两条命令即可上线npm run build pa app push插件内置了安全护栏构建不通过绝不部署且部署前会再次向用户确认规则定义见 shared-instructions.md仅部署流程见 deploy/SKILL.md。部署成功后会输出应用 URL形如https://apps.powerapps.com/play/e/{env-id}/app/{app-id}。常见问题速查完整版见 troubleshooting.md问题解决办法构建失败确认 Node.js 版本 ≥ 22重新npm installTS6133 错误严格模式下未使用的 import 会导致报错删除即可认证错误 / 令牌过期执行pa auth logout后重试CLI 会重新弹出浏览器登录环境不匹配更新power.config.json中的environmentId七、核心模块路径速查模块路径插件使用文档plugins/code-apps/README.mdAI 智能体架构指南plugins/code-apps/AGENTS.md应用架构师 Agent 定义code-app-architect.md安全与连接器规则shared-instructions.mdDataverse 参考文档add-dataverse/references/SharePoint 参考文档add-sharepoint/references/总结power-platform-skills 的 Code Apps 插件把React Vite 开发、Dataverse/SharePoint 数据接入、Power Platform 部署三件事串联成了 AI 驱动的自动化流水线/create-code-app负责从零搭建/add-dataverse与/add-sharepoint负责类型安全的数据接入/deploy负责安全上线。对于新手来说只要掌握连接器优先这一条核心规则再配合插件内置的护栏与参考文档就能用熟悉的 React 技术栈快速交付可用的 Power Apps 代码应用。赞分享【免费下载链接】power-platform-skillsA plugin marketplace for GitHub Copilot and other AI agents that provides Power Platform development plugins, including reusable skills, agents, and commands for building and deploying solutions.项目地址https://gitcode.com/gh_mirrors/po/power-platform-skills点击查看免费下载相关推荐基于 Power Platform 构建低代码生成式 AI 应用Copilot、Dataverse 与 AI Builder 实战指南基于 Power Platform 构建低代码生成式 AI 应用Copilot、Dataverse 与 AI Builder 实战指南 本文是开源课程仓库 g示例工程如何用power-platform-skills快速开发原生移动应用Expo React Native连接Power Platform完整指南如何用power platform skills快速开发原生移动应用Expo React Native连接Power Platform完整指南 想用 Ex使用 Power Platform 构建生成式 AI 低代码应用Copilot、AI Builder 与 Dataverse 实战全解使用 Power Platform 构建生成式 AI 低代码应用Copilot、AI Builder 与 Dataverse 实战全解 本文是开源课程 gen示例工程上一篇styleguide 项目 C 风格指南全解从命名、格式到编码惯例的完整规范下一篇PixiJS v8 PerspectiveMesh 实战指南用四角透视网格实现 2.5D 卡片、地板与伪 3D 场景创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑