Power Apps Canvas App MCP 使用前提：為什麼要先開啟 Power Apps Studio？
Copyright Notice: This article is an original work licensed under the CC 4.0 BY-NC-ND license.
If you wish to repost this article, please include the original source link and this copyright notice.
Source link: https://v2know.com/article/1348
最近在使用 AI 開發工具修改 Power Apps Canvas App 時，我踩到了一個非常容易忽略的坑：
使用 Canvas App 的 MCP 開發方式之前，應先在瀏覽器中開啟目標 App 的 Power Apps Studio。
如果沒有理解這一點，很容易讓 AI 工具改走瀏覽器自動化，甚至出現「AI 自己開瀏覽器、搶滑鼠和鍵盤」的尷尬情況。
Canvas App MCP 並不是完全後台操作
直覺上看到「MCP」，很容易以為流程是：
AI → MCP → Power Platform → 直接修改 Canvas App
但目前 Microsoft 提供的 Canvas App 外部 AI 開發方式，實際上更接近：
AI 開發工具
↓
Canvas App MCP
↓
Power Apps Studio 的即時共同編輯 Session
↓
Canvas App
Microsoft 官方文件要求，設定之前先：
-
在 Power Apps Studio 中開啟 Canvas App
-
確認 Coauthoring（共同編輯） 已啟用
-
複製目前的 Power Apps Studio URL
-
在 AI 開發工具中設定 Canvas MCP
-
將 Designer URL 提供給工具
工具會從 URL 取得 Environment ID、App ID 等資訊，產生或修改 .pa.yaml，再透過共同編輯 Session 將變更同步回 Power Apps Studio。
換句話說：
Power Apps Studio 本身就是這套 Canvas App MCP 工作流程中的一部分。
它並不是單純取得一個 App ID 後，就能完全脫離 Studio 在 Power Platform 後台修改 App。
那需要一直有人操作 Power Apps Studio 嗎？
不需要。
需要的是：
Power Apps Studio 的編輯 Session 開著。
例如可以：
自己先打開 Power Apps Studio
→ 開啟要修改的 Canvas App
→ 保持該分頁開著
→ 再讓 AI 工具透過 MCP 修改
這時候人並不需要一直在 Power Apps Studio 裡點擊操作。
Microsoft 的文件也明確指出，AI 工具產生的 .pa.yaml 變更會透過 live coauthoring session 同步至 Power Apps Studio。
為什麼 AI 會自己開瀏覽器，甚至搶滑鼠？
如果沒有正確建立 Canvas MCP 與 Power Apps Studio Session 之間的連線，AI 工具又被允許使用瀏覽器或 Computer Use 類能力，它可能會嘗試自己完成這些工作：
開啟瀏覽器
→ 登入 Power Apps
→ 找到 App
→ 打開編輯器
→ 點擊控制項
→ 修改內容
這就已經不是單純的 MCP 操作，而是變成了瀏覽器 UI 自動化。
這種方式最大的問題就是：
-
可能切換目前視窗
-
可能搶走鍵盤焦點
-
可能移動或佔用滑鼠
-
操作速度慢
-
UI 一旦改版就容易失敗
-
使用者幾乎沒辦法同時正常操作電腦
所以，如果本來目的就是使用 Canvas App MCP，最好不要讓 AI 繞一大圈重新靠瀏覽器 UI 操作。
正確的使用方式
比較推薦固定按照下面的流程操作：
① 自己先開啟 Power Apps
進入需要修改的 Canvas App。
② 開啟 Power Apps Studio
確認進入正式的 App 編輯畫面。
③ 確認 Coauthoring
Canvas MCP 的同步依賴共同編輯 Session，因此需要確認相關功能可用。
④ 將目前 Studio URL 提供給 MCP
官方流程可以使用 /configure-canvas-mcp，工具會從 Designer URL 中解析 Environment ID、App ID 與 Cluster 等資訊。
⑤ 再讓 AI 修改 Canvas App
之後 AI 可以生成、驗證 .pa.yaml，修改：
-
Screen
-
Control
-
Property
-
Power Fx Formula
然後將變更同步回目前開啟的 Studio Session。.pa.yaml 本身也是 Canvas App 的原始碼格式之一。
Canvas App MCP 和 Dataverse MCP 不要混為一談
這也是很容易搞混的一點。
Canvas App MCP：
修改 Canvas App
→ 與 Power Apps Studio / Coauthoring Session 有關
Dataverse MCP：
存取 Dataverse Table、Record 等資料
→ 不需要為此開啟 Canvas App 的 Power Apps Studio
Microsoft 的 Dataverse MCP 本身就是讓 MCP Client 直接與 Dataverse 的資料能力互動，官方列出的 Client 包括 VS Code GitHub Copilot、GitHub Copilot CLI、Claude Desktop、Claude Code 等。
所以可以簡單記成：
改 Canvas App UI → 先開 Power Apps Studio。
操作 Dataverse 資料 → 不需要開 Canvas App Studio。
總結
Canvas App MCP 最反直覺的地方，就是它目前並不是一套完全脫離 Power Apps Studio 的「後台 App 修改 API」。
它實際依賴的是：
Power Apps Studio + Coauthoring + MCP + AI 開發工具
因此，如果要讓 AI 幫忙修改 Canvas App，最好先自己打開目標 App 的 Power Apps Studio，再讓 AI 接入目前的 Session。
否則一旦 AI 改用瀏覽器自動化去替你「找 App、開 App、點 UI」，就可能出現：
AI 寫個 Power Apps，順便把你的滑鼠鍵盤也徵用了。
另外需要注意的是，截至 2026 年 Microsoft 對這套「使用 AI code generation tools 建立及編輯 Canvas App」的官方文件仍標示為 prerelease，因此相關操作方式未來仍可能有所調整。
This article was last edited at