Tambahkan komponen kode ke halaman kustom untuk aplikasi berdasarkan model Anda.

Artikel
03/14/2023

Artikel ini menjelaskan penggunaan komponen kode yang dibangun oleh pengembang profesional menggunakan Power Apps component framework dalam halaman kustom. Untuk ekstensibilitas UX kustom kode rendah, lihat Menambahkan komponen kanvas ke halaman kustom untuk aplikasi berdasarkan model Anda.

Penting

Halaman kustom adalah fitur baru dengan perubahan produk yang signifikan dan saat ini memiliki sejumlah batasan umum yang diuraikan dalam Masalah yang Diketahui di Halaman Kustom.

Catatan

Halaman kustom mendukung semua API kerangka kerja komponen yang saat ini didukung untuk aplikasi kanvas.
API khusus aplikasi berdasarkan model tertentu seperti WebAPI dan Navigasi telah mempublikasikan dukungan aplikasi untuk halaman kustom. API ini dapat digunakan dalam komponen kode untuk halaman kustom dan berfungsi pada aplikasi terakhir yang dipublikasikan.
Untuk status dukungan API individual di setiap platform, lihat referensi API Power Apps component framework

Komponen kode memberi pengembang profesional kemampuan membuat komponen kode kustom untuk digunakan dalam aplikasi. Mekanisme ekstensibilitas kode pro ini menyediakan ALM (manajemen siklus hidup aplikasi) kelas satu untuk memperluas komponen yang tersedia dengan lancar kepada semua pembuat aplikasi di seluruh organisasi. Komponen kode dapat digunakan kembali di seluruh halaman kustom, kanvas, dan aplikasi berdasarkan model. Paket dapat diperbarui secara terpusat, dikemas, dan dipindahkan menggunakan solusi Microsoft Dataverse standar. Informasi selengkapnya: Ikhtisar Power Apps Component Framework

Mengaktifkan Power Apps component framework untuk halaman kustom

Untuk menggunakan komponen kode di dalam halaman kustom, Anda harus mengaktifkan fitur Power Apps component framework. Informasi selengkapnya: Mengaktifkan fitur Power Apps component framework

Membuat komponen kode untuk digunakan di halaman kustom

Bagian ini menjelaskan cara membuat, mengimpor, dan menguji komponen kode.

Membuat dan mengimpor komponen kode di Dataverse

Komponen kode untuk halaman kustom mengikuti pola yang sama seperti yang dilakukan dengan aplikasi kanvas. Komponen kode harus diimplementasikan terlebih dahulu agar dapat ditambahkan ke halaman kustom. Untuk membuat komponen kode, lihat Membuat komponen pertama Anda.

Anda juga dapat mencoba komponen sampel OOB untuk langsung memulai. Setelah selesai menerapkan komponen kode, kode tersebut dapat dikemas ke dalam solusi dan ditambahkan ke Dataverse, sehingga tersedia untuk digunakan di semua halaman kustom sesuai dengan aplikasi berdasarkan model dan kanvas. Informasi selengkapnya: Manajemen siklus hidup aplikasi komponen kode (ALM).

Mengimpor dan menggunakan komponen kode di halaman kustom

Di suatu lingkungan, halaman kustom dapat menggunakan semua komponen kode yang diimpor sebelumnya ke Dataverse menggunakan solusi. Pada panel kiri, pilih Tambah (+), lalu pilih Dapatkan komponen lainnya di bagian bawah halaman. Anda akan melihat tab kode di panel Impor komponen yang menampilkan semua komponen kode yang ada di lingkungan.

Catatan

Jika tab kode tidak ditampilkan di panel Impor komponen, pastikan pengaturan fitur Power Apps component framework untuk aplikasi kanvas diaktifkan. Informasi selengkapnya: Mengaktifkan fitur Power Apps component framework
Selain itu, pastikan Anda sedang bekerja pada versi penulisan studio aplikasi kanvas terbaru.

Komponen kode yang baru saja ditambahkan sekarang tersedia di bagian Komponen kode. Ini dapat ditambahkan ke halaman kustom.

Menguji komponen kode di dalam studio dan aplikasi yang dipublikasikan

Seperti aplikasi kanvas, komponen kode bersifat interaktif dan dapat diuji dalam lingkungan penulisan studio halaman kustom. Namun, API khusus seperti Web APIs dan Navigation, yang hanya memiliki dukungan runtime halaman kustom bila diaktifkan, akan menampilkan pesan kesalahan "Metode tidak diimplementasikan".

Anda dapat menutup kesalahan ini dan mempublikasikan halaman kustom. Kemudian, tambahkan halaman kustom ini ke aplikasi berdasarkan model dan publikasikan aplikasi untuk melihat praktik API web halaman kustom.

Gambar di bawah ini menunjukkan kontrol sampel Api Web standar dan kontrol API Navigasi yang ditambahkan ke halaman kustom yang berfungsi di dalam aplikasi berdasarkan model yang dipublikasikan.