Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.
Interaktivitas di widget kustom di CloudWatch
Meskipun tidak JavaScript diperbolehkan, ada cara lain untuk memungkinkan interaktivitas dengan yang dikembalikanHTML.
Setiap elemen dalam dikembalikan HTML dapat ditandai dengan konfigurasi khusus dalam
<cwdb-action>
tag, yang dapat menampilkan informasi dalam pop-up, meminta konfirmasi pada klik, dan memanggil fungsi Lambda ketika elemen itu dipilih. Misalnya, Anda dapat menentukan tombol yang memanggil apa pun AWS API menggunakan fungsi Lambda. Yang dikembalikan HTML dapat diatur untuk menggantikan konten widget Lambda yang ada, atau ditampilkan di dalam modal.Yang dikembalikan HTML dapat mencakup tautan yang membuka konsol baru, membuka halaman pelanggan lain, atau memuat dasbor lain.
HTMLDapat menyertakan
title
atribut untuk elemen, yang memberikan informasi tambahan jika pengguna mengarahkan kursor ke elemen itu.Elemen dapat mencakup CSS penyeleksi, seperti
:hover
, yang dapat memanggil animasi atau efek lainnya. CSS Anda juga dapat menampilkan atau menyembunyikan elemen di halaman.
Definisi dan penggunaan <cwdb-action>
Elemen <cwdb-action>
mendefinisikan perilaku pada elemen sebelumnya. Konten <cwdb-action>
adalah HTML untuk menampilkan atau JSON blok parameter untuk diteruskan ke fungsi Lambda.
Berikut ini adalah contoh dari elemen <cwdb-action>
.
<cwdb-action action="
call
|html
" confirmation="message
" display="popup
|widget
" endpoint="<lambda ARN>" event="click
|dblclick
|mouseenter
"> html | params in JSON </cwdb-action>
tindakan - Nilai yang valid adalah
call
, yang memanggil fungsi Lambda, danhtml
, yang menampilkan apa pun yang HTML terkandung di dalamnya.<cwdb-action>
Default-nya adalahhtml
.konfirmasi— Menampilkan sebuah pesan konfirmasi yang harus diakui sebelum tindakan diambil, memungkinkan pelanggan untuk membatalkan tindakan.
display— Nilai yang valid adalah
popup
danwidget
, yang akan menggantikan konten dari widget itu sendiri. Default-nya adalahwidget
.endpoint — Nama Sumber Daya Amazon (ARN) dari fungsi Lambda untuk dipanggil. Ini diperlukan jika
action
adalahcall
.event— Menentukan peristiwa pada elemen sebelumnya yang akan menginvokasi tindakan. Nilai yang valid adalah
click
,dblclick
, danmouseenter
. Peristiwamouseenter
ini hanya dapat digunakan bila dikombinasikan dengan tindakanhtml
. Default-nya adalahclick
.
Contoh
Berikut ini adalah contoh cara menggunakan <cwdb-action>
tag untuk membuat tombol yang me-reboot EC2 instance Amazon menggunakan panggilan fungsi Lambda. Ia akan menampilkan keberhasilan atau kegagalan panggilan dengan sebuah pop-up.
<a class="btn">Reboot Instance</a> <cwdb-action action="call" endpoint="arn:aws:lambda:us-east-1:123456:function:rebootInstance" display="popup"> { "instanceId": "i-342389adbfef" } </cwdb-action>
Contoh berikutnya akan menampilkan informasi lebih banyak dengan sebuah pop-up.
<a>Click me for more info in popup</a> <cwdb-action display="popup"> <h1>Big title</h1> More info about <b>something important</b>. </cwdb-action>
Contoh ini adalah sebua tombol Berikutnya yang menggantikan konten dar sebuah widget dengan panggilan ke fungsi Lambda.
<a class="btn btn-primary">Next</a> <cwdb-action action="call" endpoint="arn:aws:lambda:us-east-1:123456:function:nextPage"> { "pageNum": 2 } </cwdb-action>