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

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 Amazon AppStream 2.0

Bagian berikut memberikan informasi tentang cara mengonfigurasi halaman web Anda untuk meng-host sesi streaming AppStream 2.0 tertanam.

Impor File yang disematkan appstream JavaScript

  1. Pada halaman web tempat Anda berencana untuk menyematkan sesi streaming AppStream 2.0, 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 AppStream 2.0. 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 konfigurasi streaming URL dan 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 and userInterfaceConfig dengan nilai-nilai Anda sendiri.

catatan

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

sessionUrl

Streaming URL yang Anda buat dengan menggunakan konsol AppStream 2.0, CreateStreamingURLAPIaksi, atau create-streaming-url AWS CLIperintah. 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 AppStream 2.0 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 AppStream 2.0

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

Contoh 1: Sembunyikan seluruh toolbar AppStream 2.0

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

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 AppStream 2.0

Anda dapat menampilkan toolbar AppStream 2.0, 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 My Files. 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 AppStream 2.0

Anda dapat menampilkan toolbar AppStream 2.0, 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]}
 };