Chia sẻ qua

Tải mô hình 3D trong ứng dụng canvas

  • Bài viết

Tải mô hình 3D trong ứng dụng canvas từ nhiều nguồn khác nhau. Bạn có thể tải mô hình từ tệp đính kèm hoặc nội dung đa phương tiện, URL trực tiếp hoặc URI được mã hóa Base64 (mã định danh tài nguyên thống nhất).

Hãy đảm bảo rằng các mô hình 3D của bạn được tối ưu hóa để sử dụng với Power Apps nhằm giảm thiểu thời gian tải.

Tải mô hình 3D từ các trình kết nối thông thường

Việc tải mô hình 3D từ tệp đính kèm hoặc nội dung phương tiện tùy thuộc vào cách hỗ trợ trình kết nối dữ liệu. Để kiểm tra xem trình kết nối dữ liệu có hoạt động với các mục kiểm soát trong thực tế kết hợp hay không, hãy thêm mục kiểm soát nhãn vào ứng dụng canvas và đặt thuộc tính Text thành nguồn dữ liệu. Nếu văn bản nhãn bắt đầu bằng appres://, thì trình kết nối dữ liệu đó sẽ hoạt động với kiểm soát Đối tượng 3D.

Mẹo

Bạn có thể đổi tên đuôi tệp .glb thành .jpg và tải trực tiếp tệp đó lên ứng dụng qua tab Phương tiện.

Tải mô hình 3D từ Microsoft Lists

Trước tiên, tạo một danh sách trong SharePoint và thêm mục nhập cho từng mô hình 3D mà bạn muốn có trong ứng dụng.

  1. Tạo danh sách bằng Microsoft Lists.
  2. Chọn tiêu đề cột + Thêm cột rồi chọn Hiển thị/ẩn cột.
  3. Chọn Tệp đính kèm rồi chọn Áp dụng.
  4. Thêm một mục nhập vào danh sách. Trong biểu mẫu nhập, hãy chọn Thêm tệp đính kèm và chọn tệp mô hình 3D của bạn.
  5. Lặp lại đối với từng mô hình bạn muốn đưa vào ứng dụng.

Sau đó, thêm thư viện vào ứng dụng của bạn, đặt nguồn của thư viện thành danh sách, thêm kiểm soát 3D object và đặt nguồn là thư viện.

  1. Thêm một thư viện trong Power Apps Studio.
  2. Đặt nguồn dữ liệu thư viện thành danh sách.
  3. Thêm kiểm soát 3D object.
  4. Ở tab thuộc tính Advanced, đặt Source thành First(Gallery1.Selected.Attachments).Value.

Tải mô hình 3D từ sổ làm việc Excel

Trước tiên, hãy tạo một sổ làm việc Excel trong OneDrive trong cùng một thư mục chứa các tệp mô hình của bạn. Thêm bảng có các hàng cho từng mô hình mà bạn muốn có trong ứng dụng của mình.

  1. Tạo một sổ làm việc Excel và lưu vào thư mục OneDrive chứa cả các tệp mô hình của bạn.

    Ảnh chụp màn hình của OneDrive hiển thị sổ làm việc Excel ModelGallery và các tệp mô hình 3D đi kèm.

  2. Trong sổ làm việc, tạo một bảng có các cột tên là 3DModel [image] và Name.

  3. Thêm một hàng cho mỗi mô hình bạn muốn hiển thị trong thư viện ứng dụng. Nhập nhãn cho mô hình trong cột Name và nhập đường dẫn tương ứng đến tệp mô hình vào 3DModel [image].

    {Ảnh chụp màn hình bảng Excel có các cột tên mô hình 3D và đường dẫn đến tệp đối tượng.}

  4. Đóng sổ làm việc.

Sau đó, thêm thư viện vào ứng dụng của bạn, đặt nguồn của thư viện thành sổ làm việc Excel, thêm kiểm soát 3D object và đặt nguồn là thư viện.

  1. Thêm một thư viện trong Power Apps Studio.
  2. Sử dụng trình kết nối OneDrive để đặt nguồn dữ liệu của thư viện thành sổ làm việc Excel.
  3. Thêm kiểm soát 3D object.
  4. Ở tab thuộc tính Nâng cao, đặt Nguồn thành Gallery1.Selected.'3DModel'.

Tải mô hình 3D từ URL

Thuộc tính Nguồn của mục kiểm soát 3D object có thể là URL của tệp mô hình 3D.

Mô hình 3D phải nằm trên máy chủ không có thiết đặt chia sẻ tài nguyên trên nhiều nguồn (CORS) hạn chế. Máy chủ lưu trữ phải cho phép các yêu cầu trên nhiều nguồn từ powerapps.com. Bạn có thể sử dụng Dropbox hoặc GitHub để lưu trữ các tệp của mình và nhận URL tuân thủ CORS.

Lưu trữ các tệp mô hình 3D của bạn trong Dropbox

  1. Tải tệp mô hình 3D lên Dropbox và chọn Chia sẻ.
  2. Tạo một liên kết tải xuống công khai. Ví dụ: https://www.dropbox.com/s/rANdoMGeneR4tedLink/my-file.glb?dl=0.
  3. Sửa đổi URL như sau: thay www bằng dl và xóa ?dl=0 ở cuối.

Bây giờ bạn có một URL truy cập trực tiếp (trong ví dụ https://dl.dropbox.com/s/rANdoMGeneR4tedLink/my-file.glb), bạn có thể sử dụng làm nguồn của mục kiểm soát 3D.

Lưu trữ các tệp mô hình 3D của bạn trong GitHub

  1. Đảm bảo tệp mô hình 3D được lưu trữ trong kho lưu trữ công khai.
  2. Nhận URL của tệp. Ví dụ: https://github.com/microsoft/experimental-pcf-control-assets/blob/master/robot_arm.glb.
  3. Sửa đổi URL như sau: xóa /blob/ và thay https://github.com bằng https://raw.githubusercontent.com.

Bây giờ bạn có một URL tuân thủ CORS (trong ví dụ https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb), bạn có thể sử dụng làm nguồn của mục kiểm soát 3D.

Tải các mô hình 3D được mã hóa Base64

Thuộc tính Nguồn của mục kiểm soát 3D object có thể là một URI dữ liệu mô hình 3D được mã hóa Base64 ở định dạng data:base64,<Base64-encoded content>.

Quan trọng

Ứng dụng của bạn có thể mất nhiều thời gian tải hơn nếu bạn sử dụng các mô hình được mã hóa Base64.

Bạn có thể tạo URI được mã hóa Base64 cho mô hình của mình bằng cách sử dụng Microsoft Power Automate hoặc Microsoft Dataverse.

Tạo mô hình 3D được mã hóa Base64 với Microsoft Power Automate

Power Automate có thể chuyển đổi tệp mô hình 3D đã lưu trữ trong thư viện tài liệu SharePoint thành Base64 bằng cách sử dụng biểu thức dataUri(base64(file content)).

Trong ví dụ sau, một thư viện tài liệu tên 3DModelBase64Library và một danh sách tên 3DModelBase64 ở trong cùng một trang SharePoint. Danh sách phải có loại cột văn bản nhiều dòng.

  1. Trong thư viện tài liệu, tạo một quy trình dựa trên mẫu Khi một tập tin mới được thêm vào SharePoint, hoàn thành một hành động tùy chỉnh.

  2. Đặt Library Name thành 3DModelBase64Library (tên của thư viện tài liệu trong ví dụ này).

  3. Thêm một bước, Nhận nội dung tệp từ SharePoint.

  4. Đặt Định danh tệp thành Mã định danh.

  5. Thêm một bước Tạo mục từ SharePoint.

  6. Đặt Tên danh sách thành 3DModelBase64 (tên của danh sách trong ví dụ này) và Tiêu đề thành Tên tệp có phần mở rộng.

  7. Đặt dataUri thành biểu thức sau:

    concat('data:model/gltf-binary;base64,', Last(split(dataUri(base64(body('Get_file_content'))), ',')))

    Ảnh chụp màn hình của quy trình làm việc Power Automate cho biết các bước để chuyển đổi tệp mô hình 3D trong thư viện tài liệu SharePoint sang Base64.

Quy trình chạy khi tệp được thêm vào thư viện tài liệu, chuyển đổi tệp đó thành URI dữ liệu được mã hóa Base64.

Trong Power Apps Studio, kết nối mục kiểm soát 3D object với danh sách bằng trình kết nối dữ liệu SharePoint. Đặt thuộc tính Nguồn của mục kiểm soát thành URI dữ liệu được mã hóa Base64.

Tạo mô hình 3D được mã hóa Base64 với Microsoft Dataverse

Bảng Ghi chú (Chú thích) trong Microsoft Dataverse chuyển đổi bất kỳ tệp nào được đính kèm trong trường Tài liệu tới Base64.

Các giới hạn đã biết khi tải mô hình 3D từ URL trong ứng dụng canvas

  • Kiến trúc bảo mật của Power Apps yêu cầu liên kết HTTPS, không phải HTTP.
  • Máy chủ lưu trữ tệp mô hình không được yêu cầu xác thực và phải tuân thủ CORS.

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).