Langkah 4. Konfigurasikan Situs Web Anda untuk Integrasi dengan WorkSpaces Aplikasi Amazon - WorkSpaces Aplikasi Amazon
Impor File yang disematkan appstream JavaScript Inisialisasi dan Konfigurasikan Objek AppStream.Embed AntarmukaContoh untuk Menyembunyikan Item di Antarmuka Pengguna WorkSpaces Aplikasi

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Langkah 4. Konfigurasikan Situs Web Anda untuk Integrasi dengan WorkSpaces Aplikasi Amazon

Bagian berikut memberikan informasi tentang cara mengonfigurasi halaman web Anda untuk meng-host sesi streaming WorkSpaces Aplikasi yang disematkan.

Impor File yang disematkan appstream JavaScript

  1. Pada halaman web tempat Anda berencana untuk menyematkan sesi streaming WorkSpaces Aplikasi, impor file appstream-embed.js ke halaman web dengan menambahkan kode berikut:

    <script type="text/javascript" src="./appstream_embed.js"> </script>

  2. Selanjutnya, buat div kontainer kosong. ID div yang Anda atur diteruskan ke konstruktor embed WorkSpaces Applications. Ini kemudian digunakan untuk menyuntikkan iframe untuk sesi streaming. Untuk membuat div, tambahkan kode berikut:

    <div id="appstream-container"> </div>

Inisialisasi dan Konfigurasikan Objek AppStream.Embed Antarmuka

Untuk menginisialisasi objek AppStream.Embed antarmuka JavaScript, Anda harus menambahkan kode yang membuat AppStream.Embed objek dengan opsi untuk URL streaming dan konfigurasi antarmuka pengguna. Opsi ini, dan ID div yang Anda buat, disimpan dalam objek yang disebutappstreamOptions.

Kode contoh berikut menunjukkan bagaimana menginisialisasi objek AppStream.Embed antarmuka.

var appstreamOptions = {
     sessionURL: 'https://appstream2.region.aws.amazon.com/authenticate?parameters=authenticationcode...',
     userInterfaceConfig:{[AppStream.Embed.Options.HIDDEN_ELEMENTS]:[AppStream.Embed.Elements.TOOLBAR]}
 };
 appstreamEmbed = new AppStream.Embed("appstream-container", appstreamOptions);

Dalam kode, ganti sessionURL dan userInterfaceConfig dengan nilai Anda sendiri.

catatan

Nilai yang ditentukan untuk userInterfaceConfig menyembunyikan seluruh toolbar WorkSpaces Aplikasi. Nilai ini, yang disertakan sebagai contoh, adalah opsional.

sessionUrl

URL streaming yang Anda buat dengan menggunakan konsol WorkSpaces Aplikasi, tindakan API CreateStreamingURL, atau perintah create-streaming-url AWS CLI. Parameter ini peka huruf besar/kecil.

Tipe: String

Wajib: Ya

userInterfaceConfig

Konfigurasi yang menghasilkan keadaan awal elemen antarmuka pengguna. Konfigurasi adalah pasangan kunci-nilai.

KuncinyaAppStream.Embed.Options.HIDDEN_ELEMENTS,, menentukan objek antarmuka pengguna yang awalnya disembunyikan ketika sesi streaming WorkSpaces Aplikasi tertanam diinisialisasi. Kemudian, Anda dapat mengembalikan objek tersembunyi dan terlihat dengan menggunakan getInterfaceState parameter.

Nilainya adalah array konstanta (tombol toolbar). Untuk daftar konstanta yang dapat Anda gunakan, lihatBekerja dengan HIDDEN_ELEMENTS.

Jenis: Peta (key:value)

Wajib: Tidak

Contoh untuk Menyembunyikan Item di Antarmuka Pengguna WorkSpaces Aplikasi

Contoh di bagian ini menunjukkan cara menyembunyikan item di antarmuka pengguna WorkSpaces Aplikasi dari pengguna selama sesi streaming WorkSpaces Aplikasi yang disematkan.

Contoh 1: Sembunyikan seluruh toolbar WorkSpaces Aplikasi

Untuk mencegah pengguna mengakses tombol apa pun pada bilah alat WorkSpaces Aplikasi selama sesi streaming tertanam, gunakan konstanta. AppStream.Embed.Elements.TOOLBAR Konstanta ini memungkinkan Anda menyembunyikan semua tombol toolbar WorkSpaces Aplikasi.

var appstreamOptions = {
     sessionURL: 'https://appstream2.region.aws.amazon.com/authenticate?parameters=authenticationcode...',
     userInterfaceConfig:{[AppStream.Embed.Options.HIDDEN_ELEMENTS]:[AppStream.Embed.Elements.TOOLBAR]}
 };

Contoh 2: Sembunyikan tombol tertentu pada toolbar WorkSpaces Aplikasi

Anda dapat menampilkan toolbar WorkSpaces Aplikasi, sekaligus mencegah pengguna mengakses tombol toolbar tertentu selama sesi streaming tertanam. Untuk melakukannya, tentukan konstanta untuk tombol yang ingin Anda sembunyikan. Kode berikut menggunakan AppStream.Embed.Elements.FILES_BUTTON konstanta untuk menyembunyikan tombol File Saya. Ini mencegah pengguna mengakses opsi penyimpanan persisten selama sesi streaming tertanam.

var appstreamOptions = {
     sessionURL: 'https://appstream2.region.aws.amazon.com/authenticate?parameters=authenticationcode...',
     userInterfaceConfig:{[AppStream.Embed.Options.HIDDEN_ELEMENTS]:[AppStream.Embed.Elements.FILES_BUTTON]}
 };

Contoh 3: Sembunyikan beberapa tombol pada toolbar WorkSpaces Aplikasi

Anda dapat menampilkan toolbar WorkSpaces Aplikasi, sekaligus mencegah pengguna mengakses lebih dari satu tombol toolbar selama sesi streaming tertanam. Untuk melakukannya, tentukan konstanta untuk tombol yang ingin Anda sembunyikan. Kode berikut menggunakan AppStream.Embed.Elements.FULLSCREEN_BUTTON konstanta AppStream.Embed.Elements.END_SESSION_BUTTON dan untuk menyembunyikan tombol End Session dan Fullscreen.

catatan

Pisahkan setiap konstanta dengan koma, tanpa spasi sebelumnya atau berikutnya.

var appstreamOptions = {
     sessionURL: 'https://appstream2.region.aws.amazon.com/authenticate?parameters=authenticationcode... (https://appstream2.region.aws.amazon.com/#/)',
     userInterfaceConfig:{[AppStream.Embed.Options.HIDDEN_ELEMENTS]:[AppStream.Embed.Elements.END_SESSION_BUTTON,AppStream.Embed.Elements.FULLSCREEN_BUTTON]}
 };