Tạo và chỉnh sửa các trang tổng quát bằng các công cụ tạo mã AI

Bài viết này mô tả cách sử dụng các công cụ tạo mã AI, chẳng hạn như GitHub Copilot CLI, để tạo và chỉnh sửa các trang tạo ra cho các ứng dụng dựa trên mô hình trong Power Apps. Bằng cách sử dụng cách tiếp cận này, bạn có thể tích hợp các khả năng tạo mã nâng cao trực tiếp vào dòng công việc phát triển của mình để tạo các trang tạo mới hoặc xuất hiện trên các trang hiện có bằng cách sử dụng hướng dẫn ngôn ngữ tự nhiên.

Mẹo

Phương pháp này là đường dẫn được đề xuất để xây dựng các trang tạo. Nó cung cấp cho bạn quyền truy cập vào các mô hình AI biên giới mới nhất, hoạt động trên toàn thế giới trên đám mây công cộng và cho phép bạn xây dựng nhiều trang với hỗ trợ bảng Dataverse hoặc nguồn dữ liệu bộ kết nối Power Platform trong một lần chạy duy nhất.

Sử dụng các công cụ tạo mã AI với các trang tạo bổ sung cho trải nghiệm dựa trên giao diện người dùng trong Power Apps (make.powerapps.com). Cách tiếp cận đầu tiên theo mã này phù hợp với bất kỳ nhà sản xuất hoặc nhà phát triển nào muốn truy cập vào các mô hình AI mới nhất hoặc thích làm việc với các công cụ phát triển cục bộ và dòng công việc dựa trên CLI.

Lưu ý

Để lập kế hoạch, xây dựng hoặc chỉnh sửa toàn bộ ứng dụng dựa trên mô hình thay vì các trang tạo riêng lẻ, hãy sử dụng kỹ năng trình tạo ứng dụng mô hình xem trước. Thông tin khác: Xây dựng và chỉnh sửa các ứng dụng dựa trên mô hình bằng các công cụ tạo mã AI (bản xem trước)

Những việc bạn có thể làm với các công cụ tạo mã

• Tạo một hoặc nhiều trang tổng quát trong một lần chạy từ các yêu cầu ngôn ngữ thuần túy
• Tạo các bảng Microsoft Dataverse hỗ trợ các trang của bạn cần hoặc sử dụng lại các bảng hiện có, bao gồm cả dữ liệu mẫu cho các bảng mới
• (Xem trước) Kết nối với dữ liệu bên ngoài Dataverse bằng cách sử dụng bộ nối Power Platform
• Đặt cấu phần phần mềm vào một ứng dụng và giải pháp mới hoặc hiện có, bao gồm cả việc tạo ứng dụng hoặc giải pháp một cách nhanh chóng
• Cập nhật các trang tổng quát hiện có bằng cách yêu cầu các thay đổi hoặc cải tiến thông qua công cụ AI của bạn
• Triển khai trực tiếp vào môi trường Power Apps của bạn bằng các lệnh PAC CLI
• Làm việc cục bộ với IDE và các công cụ phát triển ưa thích của bạn, với npm install hỗ trợ IntelliSense cho mã được tạo

Cách thức hoạt động

1. Bạn mô tả những gì bạn muốn xây dựng bằng ngôn ngữ tự nhiên, ví dụ: "Tạo bảng điều khiển trang tổng quát hiển thị các tài khoản hàng đầu theo doanh thu".
2. Nhân viên lập kế hoạch phân tích yêu cầu của bạn và đề xuất kế hoạch. Kế hoạch có thể bao gồm một hoặc nhiều trang, các bảng Dataverse hoặc nguồn dữ liệu được hỗ trợ bởi bộ kết nối mà các trang cần cũng như ứng dụng và giải pháp nơi tồn tại các thành phần lạ. Sau đó, người lập kế hoạch ủy quyền cho các đại lý chuyên môn để xây dựng những gì kế hoạch mô tả. Ví dụ: trình tạo bảng và trình tạo trang.
3. Bạn xem xét và điều chỉnh phương án trước khi xây dựng. Bạn có thể thay đổi số trang, hoán đổi hoặc thêm nguồn dữ liệu, nhắm mục tiêu một ứng dụng khác hoặc đặt các thành phần lạ trong một giải pháp khác.
4. Các tác nhân tạo mã TypeScript và React sẵn sàng sản xuất cho trang hoặc các trang của bạn, cùng với các tệp hỗ trợ để phát triển cục bộ.
5. Công cụ triển khai các cấu phần phần mềm cho môi trường của bạn bằng cách sử dụng các lệnh PAC CLI của trang tổng quát và tùy chọn chạy bước xác minh trong trình duyệt để thực hiện trang với các thử nghiệm được tạo.
6. Trang tổng quát của bạn xuất hiện trong ứng dụng dựa trên mô hình của bạn.

Điều kiện tiên quyết

Trước khi bắt đầu, hãy đảm bảo bạn có phần mềm và quyền cần thiết được mô tả ở đây.

Yêu cầu phần mềm

Cấu phần	Phiên bản tối thiểu	Thông tin thêm
Node.js	18.0 trở lên	Tải xuống Node.js
Power Platform CLI (PAC CLI)	Mới nhất	Cài đặt PAC CLI
GitHub Copilot CLI, Claude Code hoặc công cụ tạo mã khác	Mới nhất	GitHub Copilot CLI hoặc Mã Claude

Yêu cầu bổ sung

• Môi trường Power Platform với ứng dụng dựa trên mô hình để triển khai các trang.
• Phiên PAC CLI được xác thực được kết nối với môi trường mục tiêu của bạn.
• Đối với các trang được hỗ trợ bộ nối, kết nối Power Platform hiện có cho mỗi bộ nối bạn muốn sử dụng.
  • Truy cập Xác thực Power Platform CLI để biết thêm chi tiết về cách kết nối.

Lưu ý

Khả năng này có sẵn trên toàn thế giới trong các đám mây công cộng.

Cài đặt plugin

Chạy trình cài đặt để thiết lập tất cả các plugin Power Platform trong PowerShell hoặc cửa sổ lệnh Windows.

iwr https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js -OutFile install.js; node install.js; del install.js

curl -fsSL https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js | node

Trình cài đặt tự động:

• Phát hiện các công cụ có GitHub Copilot (CLI, Mã Claude)
• Đăng ký thị trường plugin và cài đặt tất cả các plugin
• Cho phép tự động cập nhật để plugin luôn cập nhật

Sau khi cài đặt, hãy khởi động lại công cụ AI của bạn nếu cần.

Chỉ cài đặt plugin trang tổng quát

Để chỉ cài đặt plugin trang tổng quát cho GitHub Copilot CLI hoặc Claude Code:

1. Thêm plugin thị trường Kỹ năng Power Platform: /plugin marketplace add microsoft/power-platform-skills
2. Cài đặt plugin Power Apps: /plugin install model-apps@power-platform-skills

Lưu ý

Đối với Claude Code, bạn có thể cài đặt plugin với các phạm vi khác nhau, chẳng hạn như toàn cầu, cục bộ hoặc người dùng. Tùy thuộc vào phạm vi, bạn cần ở đúng thư mục để Claude Code sử dụng plugin. Đi tới Mở rộng Claude bằng các kỹ năng.

Sau khi cài đặt, bạn có thể sử dụng plugin bằng cách:

• Chạy /genpage lệnh một cách rõ ràng.
• Mô tả trang bạn muốn tạo. Công cụ này tự động phát hiện và sử dụng plugin.

Mẹo

Bật tính năng tự động cập nhật để tự động nhận thông tin cập nhật về thị trường và kỹ năng. Sử dụng lệnh /plugin , điều hướng đến Thị trường, chọn thị trường và bật tính năng tự động cập nhật.

Sử dụng các công cụ tạo mã AI khác

Đối với các công cụ tạo mã AI khác, hãy đảm bảo công cụ của bạn có quyền truy cập vào tài nguyên trang tổng quát từ kho lưu trữ Power Platform skills GitHub. Thư mục plugin model-apps bao gồm tài liệu thành phần, mã mẫu, tham chiếu lệnh PAC CLI và hướng dẫn quy trình làm việc cần thiết để tạo mã tuân thủ các yêu cầu của trang tổng quát, bao gồm cả cách tạo các trang hỗ trợ nhiều ngôn ngữ và khu vực. Tham khảo readme kho lưu trữ để biết thông tin về cách truy cập và sử dụng các tài nguyên này bằng công cụ ưa thích của bạn.

Tổng quan về kỹ năng

Plugin Power Apps cung cấp kỹ năng này để làm việc với các trang tổng hợp.

Kỹ năng	Lệnh	Sự miêu tả
Trang tổng quát	/genpage	Tạo mã cho các trang tổng quát (cho các kịch bản tạo hoặc chỉnh sửa)

Kỹ năng này cho phép bạn mô tả những gì bạn muốn xây dựng và yêu cầu công cụ AI tạo mã TypeScript và React hoàn chỉnh cho trang tổng quát của bạn, sau đó triển khai trực tiếp vào môi trường Power Apps của bạn.

Tạo một trang tổng quát mới

Thực hiện theo quy trình làm việc này khi xây dựng một trang hoặc tập hợp các trang mới từ đầu.

1. Bắt đầu cuộc trò chuyện với công cụ AI của bạn. Mô tả những gì bạn muốn tạo. Hãy cụ thể hoặc kết thúc mở như bạn muốn - yêu cầu càng mơ hồ, tổng đài viên càng tự điền vào. Bạn cũng có thể đính kèm hình ảnh hoặc các tài liệu khác để hướng dẫn hình ảnh, chủ đề và bố cục. Chẳng hạn:

   • "Tạo bảng điều khiển trang tổng quát hiển thị 10 tài khoản hàng đầu của chúng tôi theo doanh thu bằng cách sử dụng bảng Tài khoản"
   • "Xây dựng hai trang để quản lý đăng ký tình nguyện viên của tôi - một trang để duyệt các ca làm việc đang mở và một để xác nhận đăng ký - sử dụng dữ liệu mẫu"
   • "Tạo một trang tổng quát để hiển thị báo cáo sự cố trên bản đồ bằng cách sử dụng bảng Sự cố"
   • "Tạo một trang hiển thị các tài liệu từ Project tệp danh sách SharePoint."

2. Chọn tạo hoặc chỉnh sửa nếu được yêu cầu. Nếu nhân viên lập kế hoạch không chắc chắn liệu bạn muốn một trang mới hay cập nhật một trang hiện có, họ sẽ hỏi. Để làm theo quy trình làm việc này, hãy chọn tạo một trang mới. Để chỉnh sửa, hãy chuyển đến Chỉnh sửa trang tổng quát hiện có.

3. Trả lời các câu hỏi về những gì cần xây dựng. Trình lập kế hoạch có thể hỏi loại trang bạn muốn, đưa ra một vài ví dụ và chấp nhận mô tả tùy chỉnh, chẳng hạn như dữ liệu cần sử dụng, bố trí, thông tin nào cần hiển thị, tương tác, v.v. Cụ thể về nhu cầu kinh doanh và yêu cầu dữ liệu, xác định sớm các yêu cầu di động và đề cập đến bất kỳ thành phần giao diện người dùng hoặc tùy chọn bố cục nào. Trình lập kế hoạch cũng có thể đặt câu hỏi làm rõ, chẳng hạn như nên sử dụng bảng Dataverse, trình kết nối Power Platform hay dữ liệu mẫu được mã hóa cứng và liệu có thêm trang vào ứng dụng hiện có hay tạo ứng dụng mới.

4. Xem xét và điều chỉnh kế hoạch. Trình lập kế hoạch trình bày một kế hoạch bao gồm các trang hoặc các trang mà nó dự định xây dựng, bảng Dataverse hoặc nguồn dữ liệu được hỗ trợ bởi bộ kết nối để sử dụng, ứng dụng lưu trữ trang (mới hoặc hiện có) và giải pháp nơi các thành phần lạ tồn tại. Lặp lại với tổng đài viên để điều chỉnh bất kỳ điều gì bạn muốn thay đổi — ví dụ: số trang, bảng nào được sử dụng hoặc tạo, ứng dụng đích hoặc giải pháp đích. Xác nhận kế hoạch khi nó phù hợp với ý định của bạn.

5. Hãy để các tác nhân xây dựng và triển khai. Các tác nhân chuyên biệt tạo ra các trang hoặc các trang, hỗ trợ bảng hoặc kết nối liên kết, và mã, sau đó triển khai môi trường của bạn.

6. Tùy chọn xác minh trong trình duyệt. Sau khi xây dựng, tác nhân có thể đề nghị chạy bước xác minh trong trình duyệt chạy các thử nghiệm Playwright được tạo tự động đối với trang để xác nhận trang tải và hoạt động chính xác. Sử dụng điều này để phát hiện các vấn đề rõ ràng trước khi kiểm tra thủ công.

7. Kiểm tra và lặp lại. Mở ứng dụng dựa trên mô hình của bạn trong Power Apps và điều hướng đến trang mới. Nếu bạn cần thực hiện thay đổi, hãy quay lại công cụ AI của bạn và mô tả các bản cập nhật bằng ngôn ngữ tự nhiên.

Lưu ý

Bạn có thể thay đổi tên hoặc vị trí của trang tổng quát trong sơ đồ trang web bất kỳ lúc nào từ công cụ thiết kế ứng dụng dựa trên mô hình.

Sử dụng dữ liệu bộ kết nối (bản xem trước)

Quan trọng

Hỗ trợ bộ nối là một tính năng xem trước. Các tính năng xem trước không được dùng cho sản xuất và có thể có chức năng bị hạn chế.

Hỗ trợ trình kết nối cho phép trang tạo sử dụng dữ liệu bên ngoài Dataverse thông qua hệ sinh thái bộ kết nối Power Platform. Tất cả bộ nối Power Platform đều được hỗ trợ.

Để sử dụng dữ liệu đường kết nối, hãy mô tả dịch vụ và dữ liệu mà bạn muốn trang sử dụng trong lời nhắc. Ví dụ: yêu cầu nhân viên tạo một trang hiển thị tài liệu từ một danh sách SharePoint. Trong quá trình lập kế hoạch, các đại lý:

1. Liệt kê các kết nối và tham chiếu kết nối sẵn dùng trong môi trường đã chọn.
2. Yêu cầu bạn chọn một kết nối. Nếu kết nối không có tham chiếu kết nối, tác nhân sẽ tạo một tham chiếu.
3. Yêu cầu bạn chọn dữ liệu bộ kết nối, chẳng hạn như tập dữ liệu và bảng hoặc thao tác đường kết nối.
4. Thêm kết nối kết nối vào trang và bao gồm nó khi trang được triển khai.

Xem lại nguồn dữ liệu bộ kết nối trong kế hoạch trước khi bạn phê duyệt bản dựng. Kiểm tra trang được tạo với danh tính và quyền mà người dùng của bạn sẽ sử dụng.

Chỉnh sửa trang tổng quát hiện có

Sử dụng quy trình làm việc này để cập nhật một trang đã tồn tại trong môi trường của bạn.

1. Truy xuất trang hiện có. Trong công cụ tạo mã AI, hãy yêu cầu truy xuất trang tổng quát hiện có bằng cách cung cấp mã trang (GUID) hoặc tên trang trong sơ đồ trang web và ứng dụng trong đó. Ví dụ: "Tôi muốn cập nhật trang tổng quát Nhận nuôi thú cưng từ ứng dụng Demo".

2. Mô tả nội dung cập nhật của bạn. Cho công cụ AI biết bạn muốn thực hiện những thay đổi nào. Chẳng hạn:

   • "Thêm bộ lọc để chỉ hiển thị các bản ghi đang hoạt động"
   • "Thay đổi bố cục để hiển thị thẻ trong lưới thay vì danh sách"
   • "Thêm biểu đồ hiển thị xu hướng áp dụng theo thời gian"
   • "Cập nhật biểu mẫu để bao gồm trường tùy chỉnh mới cho tính khí thú cưng"

3. Xem xét, xuất bản, kiểm tra và lặp lại. Công cụ AI tạo mã TypeScript được cập nhật dựa trên các thay đổi bạn yêu cầu. Thực hiện theo cùng quy trình xem xét, xuất bản và thử nghiệm được mô tả trong phần "Tạo trang tổng quát mới". Tiếp tục lặp lại với hướng dẫn bằng ngôn ngữ tự nhiên cho đến khi trang đáp ứng yêu cầu của bạn.

Tệp phát triển cục bộ

Khi công cụ AI tạo một trang, nó cũng ghi hai tệp hỗ trợ vào không gian làm việc cục bộ của bạn để giúp việc xem xét và lặp lại mã dễ dàng hơn:

• package.json — khai báo các phụ thuộc thời gian chạy và phát triển mà trang được tạo biên dịch. Chạy npm install sau khi tạo để cài đặt các phần phụ thuộc này.
• genpage.d.ts — khai báo TypeScript xung quanh cho các đối tượng không được cài đặt qua npm, chẳng hạn như dataApi và pageInput.

Với cả hai tệp tại chỗ và npm install hoàn chỉnh, IntelliSense của trình chỉnh sửa, chẳng hạn như trong VS Code, hoạt động dựa trên mã được tạo, vì vậy bạn có thể xem lại hoặc chỉnh sửa thủ công trang mà không thấy nét nguệch ngoạc màu đỏ cho các loại chưa được giải quyết.

Thiết lập một trang để chấp nhận các tham số đầu vào

Các trang tổng quát có thể chấp nhận các tham số recordIdđầu vào , entityNamevà data, cho phép chúng nhận dữ liệu theo ngữ cảnh khi được điều hướng đến từ các trang hoặc mã khác. Khi bạn hướng dẫn công cụ AI định cấu hình các tham số đầu vào, nó sẽ tạo mã khởi tạo thích hợp để trang đọc và sử dụng các giá trị đó khi tải.

Mô tả các thông số bạn muốn trong lời nhắc:

• "Thiết lập trang để chấp nhận Account recordId và entityName. Khi trang tải, hãy sử dụng các thông số này để tìm nạp và hiển thị chi tiết tài khoản tương ứng."
• "Định cấu hình trang này để chấp nhận tham số dữ liệu chứa đối tượng bộ lọc tùy chỉnh. Sử dụng nó để lọc các bản ghi được hiển thị khi trang tải."

Để điều hướng đến trang và chuyển các thông số này, hãy xem bài viết Điều hướng đến và đi từ trang tổng quát bằng API ứng dụng.

Bản địa hóa

Khi bạn tạo trang tạo bằng cách sử dụng kỹ năng Power Apps bản địa hóa được xử lý tự động. Tác nhân phát hiện tất cả các ngôn ngữ được bật trong môi trường của bạn và tạo mã để trang hoạt động với tất cả các ngôn ngữ đó. Trang tôn trọng ngôn ngữ ưa thích của mỗi người dùng và tùy chọn định dạng khu vực cho ngày tháng, số và đơn vị tiền tệ.

Nếu bạn muốn nhắm mục tiêu một tập hợp ngôn ngữ khác với những ngôn ngữ được bật trong môi trường của mình, bạn có thể yêu cầu tổng đài viên điều chỉnh, ví dụ:

"Cập nhật trang này để chỉ hỗ trợ tiếng Anh, tiếng Pháp và tiếng Tây Ban Nha."

Lưu ý

Mục nhập sơ đồ trang web cho trang tổng quát không được bản địa hóa theo mặc định. Để bản địa hóa các mục sơ đồ trang web, hãy cập nhật chúng riêng trong công cụ thiết kế ứng dụng.

Để biết thêm thông tin, hãy truy cập hướng dẫn bản địa hóa trong kho lưu trữ Kỹ năng Power Platform.

Khắc phục sự cố

Không tải được trang trong Power Apps

Nếu bạn điều hướng đến trang tổng quát của mình và quan sát thấy thông báo lỗi hoặc màn hình trống:

1. Mở các công cụ dành cho nhà phát triển trình duyệt (F12 trong hầu hết các trình duyệt).

2. Chọn tab Bảng điều khiển .

3. Sao chép thông báo lỗi hoàn chỉnh, bao gồm cả dấu vết ngăn xếp.

4. Quay lại công cụ tạo mã AI của bạn và dán lỗi với ngữ cảnh:

   "Tôi gặp lỗi này khi mở trang: [lỗi dán vào đây]. Vui lòng khắc phục sự cố."

   Công cụ AI phân tích lỗi, xác định nguyên nhân gốc rễ và tạo ra bản sửa lỗi.

5. Xem lại bản sửa lỗi và yêu cầu công cụ xuất bản lại trang.

Hoàn nguyên về phiên bản đang hoạt động

Nếu những thay đổi gần đây làm hỏng trang của bạn hoặc làm cho vấn đề trở nên tồi tệ hơn, bạn có thể yêu cầu công cụ AI quay trở lại phiên bản hoạt động trước đó:

"Những thay đổi gần đây đã phá vỡ trang. Vui lòng hoàn nguyên về phiên bản hoạt động cuối cùng."

Sau đó, công cụ AI:

1. Xác định các thay đổi đã được thực hiện
2. Khôi phục mã làm việc trước đó
3. Triển khai lại phiên bản ổn định

Thực tiễn tốt nhất

• Bắt đầu đơn giản. Bắt đầu với phiên bản cơ bản của trang và lặp lại để thêm độ phức tạp.
• Kiểm tra thường xuyên. Triển khai và kiểm tra trang của bạn sau mỗi thay đổi quan trọng.
• Hãy cụ thể. Cung cấp các yêu cầu chi tiết để có được kết quả ban đầu tốt hơn.
• Sử dụng các mẫu hiện có. Tham khảo các trang tương tự hoặc mẫu giao diện người dùng khi mô tả các yêu cầu của bạn.
• Xác thực mã đã tạo. Luôn xem lại mã được tạo để đảm bảo mã đáp ứng các tiêu chuẩn và yêu cầu tuân thủ của tổ chức bạn.

Quan trọng

Mặc dù các công cụ tạo mã AI cố gắng hết sức để tạo mã hoàn chỉnh, sẵn sàng sản xuất với các phương pháp hay nhất về khả năng truy cập và bảo mật, nhưng cuối cùng bạn phải chịu trách nhiệm xác thực mã. Đảm bảo mã được tạo đáp ứng các tiêu chuẩn, chính sách và yêu cầu tuân thủ của tổ chức bạn.

Giới hạn

Các giới hạn đối với các trang tổng quát được tạo bằng các công cụ tạo mã AI cũng giống như các giới hạn đối với các trang tổng quát được tạo trong cổng thông tin nhà sản xuất Power Apps:

• Các nguồn dữ liệu được hỗ trợ là bảng Dataverse và (bản xem trước) bộ nối Power Platform.
• Cộng tác không được hỗ trợ—đảm bảo chỉ có một người tạo đang làm việc trên một trang tổng quát tại một thời điểm.
• Chỉ các loại dữ liệu này được hỗ trợ: Lựa chọn, Đơn vị tiền tệ, Khách hàng, Ngày và Giờ, Chỉ ngày, Số thập phân, Số dấu phẩy động, Hình ảnh, Tra cứu, Văn bản nhiều dòng, Trạng thái, Lý do trạng thái, Văn bản, Số nguyên, Có/Không, Mã định danh duy nhất.

Nội dung liên quan

• Tạo trang bằng ngôn ngữ tự nhiên với ứng dụng dựa trên mô hình
• Điều hướng đến và đi từ trang tổng quát bằng API khách hàng
• Phương thức đối tượng dataApi cho các trang tổng quát
• Tham chiếu Power Platform CLI