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

Artikel ini menguraikan penggunaan komponen kode yang dibuat oleh pengembang profesional menggunakan Power Apps kerangka kerja komponen dalam halaman kustom. Untuk ekstensibilitas UX kustom kode rendah, lihat menambahkan komponen kanvas ke halaman kustom untuk aplikasi berbasis model Anda.

Penting

  • Halaman khusus adalah fitur baru dengan perubahan produk yang signifikan dan saat ini memiliki sejumlah batasan yang diketahui yang diuraikan dalam Masalah Umum Halaman Kustom.

Catatan

  • Halaman kustom mendukung semua API kerangka kerja komponen yang saat ini didukung untuk aplikasi kanvas.
  • API khusus aplikasi berbasis model tertentu seperti WebAPI dan Navigasi telah menerbitkan 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 Power Apps referensi API kerangka kerja komponen

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: Power Apps gambaran umum kerangka kerja komponen

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 Power Apps fitur kerangka kerja komponen

Aktifkan Power Apps kerangka kerja komponen.

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 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 (ALM) komponen kode.

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. Di panel kiri, pilih Tambahkan (+), 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.

Dapatkan komponen kode untuk halaman kustom.

Catatan

  • Jika tab kode tidak muncul di panel Impor komponen , verifikasi bahwa Power Apps pengaturan fitur kerangka kerja komponen untuk aplikasi kanvas diaktifkan. Informasi selengkapnya: Aktifkan Power Apps fitur kerangka kerja komponen
  • Selain itu, pastikan Anda sedang bekerja pada versi penulisan studio aplikasi kanvas terbaru.

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

Tambahkan komponen kode API Web untuk 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 tertentu seperti Web APIs dan Navigation, yang hanya memiliki dukungan runtime halaman kustom saat dipanggil, akan menampilkan pesan kesalahan "Metode tidak diimplementasikan".

Buat API Web rekaman 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 berbasis model yang diterbitkan.

Sumber daya komponen kode tambahan

Anda juga dapat menggunakan komponen sampel lain dari Microsoft.

Menambahkan kontrol sampel standar ke halaman kustom.

Atau coba beberapa dari Power Apps galeri komunitas.

Galeri komponen.

Baca juga

Ringkasan halaman kustom aplikasi berbasis model

Menambahkan halaman kustom ke aplikasi berbasis model Anda

Menggunakan PowerFx di halaman kustom

Ikhtisar Power Apps konektor

Menambahkan koneksi data di Power Apps Studio