Apakah Anda ingin menambahkan header tambahan pada email di Zimbra? Sekarang ini bisa dilakukan di antarmuka Modern UI menggunakan Zimlets. Dalam artikel ini, kami akan memperkenalkan komponen SendCustomHeaderMessage yang baru ditambahkan dan memandu Anda melalui penggunaan Redux melalui contoh Zimlet.
Apa itu Zimlets?
Zimlets adalah add-on yang memperluas fungsionalitas Zimbra dengan memungkinkan pengembang untuk mengintegrasikan fitur mereka sendiri dengan lancar ke dalam klien web Zimbra. Zimlets ditulis dalam JavaScript (React) dan dapat terhubung dengan berbagai peristiwa, mengubah elemen UI, dan melakukan tindakan berdasarkan interaksi pengguna.
Menggunakan Peristiwa ONSEND dan Redux
Dalam contoh ini, kami akan menunjukkan cara mengirim email dengan header tambahan dengan memanfaatkan peristiwa ONSEND dan Redux.
Redux, sebuah wadah status yang dapat diprediksi untuk aplikasi JavaScript, memungkinkan kami untuk mengelola status aplikasi secara efisien. Kami akan menggunakannya untuk menyimpan variabel yang melacak apakah pengguna telah mengklik item menu.
Berdasarkan variabel ini, kami akan menambahkan header tambahan pada email menggunakan komponen SendCustomHeaderMessage, yang diperkenalkan di Zimbra 10.0.9, dan peristiwa Zimlet ONSEND.
Cara Implementasi
Sebelum masuk ke kode, pastikan Anda memiliki izin yang diperlukan untuk menetapkan header khusus. Jalankan perintah berikut sebagai pengguna zimbra:
graphql
CopyEdit
zmprov mcf +zimbraCustomMimeHeaderNameAllowed X-Zimbra-App
zmprov mcf +zimbraCustomMimeHeaderNameAllowed X-Zimbra-Type
Setelah mengatur izin, muat Zimlet menggunakan Sideloader. Anda dapat menemukan petunjuk rinci tentang cara menggunakan Sideloader di sini.
Menjelajahi Contoh Zimlet
Setelah memuat Zimlet, Anda akan menemukannya dapat diakses melalui menu, seperti yang ditunjukkan di bawah ini:
Lihat lebih dekat kode contoh Zimlet untuk memahami bagaimana Redux dan komponen SendCustomHeaderMessage bekerja bersama untuk meningkatkan header email.