

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

# Menyiapkan CloudFront integrasi dasar dengan MediaTailor
<a name="cloudfront-basic-setup"></a>

AWS Elemental MediaTailor integrasi dengan Amazon CloudFront meningkatkan kinerja pengiriman konten untuk pemirsa Anda. Topik ini memandu Anda melalui pengaturan CloudFront distribusi dasar untuk MediaTailor. Dengan integrasi ini, pemirsa Anda dapat mengakses konten yang dipersonalisasi melalui CloudFront jaringan. Anda juga akan belajar cara mengonfigurasi caching yang tepat untuk berbagai jenis konten.

Untuk informasi tentang meneruskan parameter kueri melalui CloudFront otorisasi dan perutean, lihat. [MediaTailor parameter kueri manifes](manifest-query-parameters.md) Untuk perutean lanjutan menggunakan variabel dinamis, lihat[MediaTailor variabel domain untuk beberapa sumber konten](variables-domains.md).

## Prasyarat
<a name="cf-basic-prerequisites"></a>

Sebelum mengonfigurasi CloudFront dengan MediaTailor, pastikan Anda memiliki yang berikut:
+  AWS Akun aktif dengan izin untuk membuat dan mengelola distribusi CloudFront
+ Konfigurasi MediaTailor pemutaran yang dikonfigurasi (lihat[Menggunakan AWS Elemental MediaTailor untuk menyisipkan iklan](configurations.md))
+ Server asal konten Anda diatur dan diakses dengan benar
+ Pemahaman dasar konsep streaming video (HLS/DASH)

## Mengkonfigurasi distribusi CloudFront
<a name="cf-basic-configuration"></a>

Ikuti langkah-langkah berikut untuk membuat dan mengonfigurasi CloudFront distribusi untuk MediaTailor:

**Untuk membuat CloudFront distribusi untuk MediaTailor**

1. Masuk ke Konsol AWS Manajemen dan buka CloudFront konsol di [https://console.aws.amazon.com/cloudfront/v3/home](https://console.aws.amazon.com/cloudfront/v3/home).

1. Pilih **Buat Distribusi**.

1. Untuk **domain Origin**, masukkan URL MediaTailor titik akhir Anda (misalnya,`a1b2c3d4.mediatailor.us-west-2.amazonaws.com`).

1. Untuk **Protokol**, pilih **HTTPS saja**.

1. Untuk **Nama**, masukkan nama yang membantu Anda mengidentifikasi asal ini (misalnya,`mediatailor-origin`).

1. Konfigurasikan pengaturan perilaku cache default:

   1. Untuk **pola Path**, gunakan nilai default (`*`).

   1. Untuk **Kompres objek secara otomatis**, pilih **Ya**.

   1. Untuk **kebijakan protokol Viewer**, pilih **Redirect HTTP ke HTTPS**.

   1. Untuk **metode HTTP yang Diizinkan**, pilih **GET, HEAD**.

   1. Untuk **kebijakan Cache**, pilih **CachingDisabled**.

   1. Untuk **kebijakan permintaan Origin**, pilih **AllViewer**untuk meneruskan semua header untuk perilaku default.
**catatan**  
Perilaku default digunakan AllViewer untuk menangani konten apa pun yang tidak cocok dengan pola jalur tertentu dengan aman. Perilaku cache khusus untuk manifes dan segmen akan dikonfigurasi secara terpisah dengan kebijakan yang sesuai.

1. Konfigurasikan pengaturan distribusi:

   1. Untuk **kelas Harga**, pilih opsi yang paling cocok dengan lokasi audiens Anda.

   1. Untuk **ACL AWS WAF web**, pilih ACL web yang ada atau biarkan sebagai **Jangan aktifkan perlindungan keamanan**.

   1. Untuk **objek root Default**, biarkan kosong.

   1. **Untuk **Pencatatan standar**, pilih Aktif untuk mengaktifkan logging.**

1. Pilih **Buat Distribusi**.

## Mengkonfigurasi perilaku cache
<a name="cf-cache-behaviors"></a>

Setelah membuat distribusi, Anda perlu mengonfigurasi perilaku cache tambahan untuk menangani berbagai jenis konten dengan tepat. Bagian ini mencakup pengaturan perilaku cache dasar untuk CloudFront.

Untuk optimasi caching komprehensif termasuk pengaturan TTL lanjutan, konfigurasi kunci cache, dan penyetelan kinerja, lihat [Optimasi caching untuk CDN dan integrasi MediaTailor](cdn-optimize-caching.md) di panduan pengoptimalan CDN.

### Mengkonfigurasi perilaku cache manifes
<a name="cf-manifest-behavior"></a>

Jangan cache manifes karena berisi konten yang dipersonalisasi. Ikuti langkah-langkah ini untuk mengonfigurasi perilaku cache:

**Untuk mengkonfigurasi perilaku cache manifes**

1. Di CloudFront konsol, pilih distribusi Anda.

1. Pilih **Perilaku** tab.

1. Pilih **Buat perilaku**.

1. Untuk **pola Path**, masukkan `*.m3u8` untuk mencocokkan multivariant HLS dan playlist media.

1. Untuk **Origin**, pilih MediaTailor asal Anda.

1. Untuk **kebijakan Cache**, pilih **CachingDisabled**.

1. Untuk **kebijakan permintaan Origin**, pilih **AllViewer**untuk meneruskan semua header yang diperlukan untuk konten dinamis.

1. Pilih **Buat**.

1. Ulangi langkah-langkah ini untuk manifes DASH menggunakan pola jalur `*.mpd` yang cocok MPDs.

Konfigurasi ini memastikan bahwa setiap pemirsa menerima manifes yang dipersonalisasi dengan konten iklan spesifik mereka. CDN tidak menyimpan manifes ini dalam cache, jadi setiap permintaan langsung masuk ke MediaTailor.

### Mengkonfigurasi perilaku cache segmen
<a name="cf-segment-behavior"></a>

Konfigurasikan perilaku cache terpisah untuk segmen iklan dan segmen konten untuk mengoptimalkan kinerja dan memastikan penanganan CORS yang tepat.

#### Mengonfigurasi perilaku cache segmen iklan
<a name="cf-ad-segment-behavior"></a>

Segmen iklan yang ditayangkan melalui pola `/tm/*` jalur memerlukan konfigurasi khusus untuk menangani CORS dengan benar. Ikuti langkah-langkah ini:

**Untuk mengonfigurasi perilaku cache segmen iklan**

1. Di CloudFront konsol, pilih distribusi Anda.

1. Pilih **Perilaku** tab.

1. Pilih **Buat perilaku**.

1. Untuk **pola Path**, enter `/tm/*` agar sesuai dengan segmen iklan yang ditayangkan oleh MediaTailor.

1. Untuk **Origin**, pilih asal MediaTailor segmen Anda (menggunakan `segments.mediatailor.region.amazonaws.com` nama host).

1. Untuk **kebijakan Cache**, pilih **CachingOptimized**.

1. Untuk **kebijakan permintaan Asal**, pilih **Tidak Ada**.

1. Untuk **kebijakan header Response**, pilih **CORS- with-preflight-and - SecurityHeadersPolicy** untuk memastikan header CORS yang tepat disertakan dalam tanggapan.

1. Pilih **Buat**.

#### Mengkonfigurasi perilaku cache segmen konten
<a name="cf-content-segment-behavior"></a>

Segmen konten dapat menggunakan kebijakan caching standar untuk kinerja optimal. Konfigurasikan perilaku terpisah untuk format segmen yang berbeda:

**Untuk mengonfigurasi perilaku cache segmen konten**

1. Di CloudFront konsol, pilih distribusi Anda.

1. Pilih **Perilaku** tab.

1. Pilih **Buat perilaku**.

1. Untuk **pola Path**, masukkan `*.ts` untuk mencocokkan segmen konten HLS.

1. Untuk **Origin**, pilih asal konten Anda.

1. Untuk **kebijakan Cache**, pilih **CachingOptimized**.

1. Untuk **kebijakan permintaan Asal**, pilih **Tidak Ada**.

1. Untuk **kebijakan header Response**, pilih **CORS- with-preflight-and - SecurityHeadersPolicy** untuk memastikan penanganan CORS yang konsisten di semua jenis konten.

1. Pilih **Buat**.

1. Ulangi langkah-langkah ini untuk format segmen konten lainnya menggunakan pola jalur yang sesuai:
   + `*.mp4`untuk MP4 segmen
   + `*.m4s`untuk segmen DASH
   + `*.cmfv`dan `*.cmfa` untuk segmen CMAF

Konfigurasi ini memastikan bahwa segmen iklan dan segmen konten di-cache dengan tepat dengan penanganan CORS yang tepat. Segmen iklan menggunakan asal MediaTailor segmen dengan perlindungan CORS, sementara segmen konten menggunakan asal konten Anda dengan kebijakan caching yang dioptimalkan.

## Memperbarui MediaTailor konfigurasi
<a name="cf-mediatailor-config"></a>

Setelah menyiapkan CloudFront distribusi Anda, perbarui MediaTailor konfigurasi Anda untuk menggunakan CloudFront domain:

**Untuk memperbarui MediaTailor konfigurasi Anda**

1. Buka [konsol MediaTailor](https://console.aws.amazon.com/mediatailor/home).

1. Pilih konfigurasi yang ingin Anda perbarui.

1. Di bagian **konfigurasi CDN**, masukkan nama domain CloudFront distribusi Anda (misalnya,`d1234abcdef.cloudfront.net`) di bidang **awalan segmen konten CDN**.

1. Simpan perubahan Anda.

Dengan konfigurasi ini, MediaTailor hasilkan manifes dengan titik URLs itu ke CloudFront distribusi Anda alih-alih langsung ke asal.

## Menguji integrasi Anda
<a name="cf-basic-testing"></a>

Setelah mengonfigurasi CloudFront distribusi Anda dan memperbarui MediaTailor konfigurasi Anda, uji integrasi:

**Untuk menguji CloudFront dan MediaTailor integrasi Anda**

1. Minta manifes melalui CloudFront distribusi Anda (misalnya,`https://d1234abcdef.cloudfront.net/v1/master/12345/my-config/index.m3u8`).

1. Verifikasi bahwa manifes berisi segmen URLs yang mengarah ke CloudFront domain Anda.

1. Putar konten melalui pemutar video dan verifikasi bahwa konten dan iklan diputar dengan benar.

1. Periksa CloudFront log untuk memastikan permintaan dirutekan dengan benar.

## Contoh konfigurasi
<a name="cf-basic-example"></a>

Berikut adalah contoh konfigurasi CloudFront distribusi untuk MediaTailor dengan perilaku cache yang tepat:

**Example CloudFront contoh konfigurasi distribusi**  

```
{
  "DefaultCacheBehavior": {
    "TargetOriginId": "mediatailor-origin",
    "ViewerProtocolPolicy": "redirect-to-https",
    "AllowedMethods": {
      "Quantity": 2,
      "Items": ["GET", "HEAD"]
    },
    "CachePolicyId": "4135ea2d-6df8-44a3-9df3-4b5a84be39ad",
    "OriginRequestPolicyId": "59781a5b-3903-41f3-afcb-af62929ccde1",
    "Comment": "Default behavior with CachingDisabled and AllViewer"
  },
  "CacheBehaviors": [
    {
      "PathPattern": "*.m3u8",
      "TargetOriginId": "mediatailor-origin",
      "ViewerProtocolPolicy": "redirect-to-https",
      "CachePolicyId": "4135ea2d-6df8-44a3-9df3-4b5a84be39ad",
      "OriginRequestPolicyId": "59781a5b-3903-41f3-afcb-af62929ccde1",
      "Comment": "Manifest behavior with CachingDisabled and AllViewer"
    },
    {
      "PathPattern": "*.ts",
      "TargetOriginId": "mediatailor-origin", 
      "ViewerProtocolPolicy": "redirect-to-https",
      "CachePolicyId": "658327ea-f89d-4fab-a63d-7e88639e58f6",
      "OriginRequestPolicyId": "88a5eaf4-2fd4-4709-b370-b4c650ea3fcf",
      "Comment": "Segment behavior with CachingOptimized and HostHeaderOnly"
    }
  ]
}
```

Contoh ini menunjukkan:
+ **Perilaku default**: Menggunakan `CachingDisabled` dan `AllViewer` menangani konten apa pun yang tidak cocok dengan pola jalur tertentu dengan aman
+ **Perilaku manifes (\$1.m3u8)**: Penggunaan dan untuk konten dinamis `CachingDisabled` `AllViewer`
+ **Perilaku segmen (\$1.ts): Menggunakan** dan `CachingOptimized` `CORS-with-preflight-and-SecurityHeadersPolicy`

## Langkah selanjutnya
<a name="cf-basic-next-steps"></a>

Setelah menyiapkan CloudFront integrasi dasar Anda dengan MediaTailor, pertimbangkan langkah-langkah berikut:
+ Optimalkan kinerja dengan CloudFront fitur tambahan (lihat[Mengoptimalkan MediaTailor kinerja dengan fitur CloudFront](cloudfront-performance-optimization.md))
+ Menerapkan ketahanan Multi-wilayah dengan MQAR (lihat) [Menerapkan ketahanan Multi-wilayah untuk dengan MQAR MediaTailor](media-quality-resiliency.md)
+ Mengatur pemantauan dan pemecahan masalah (lihat) [Memantau dan memecahkan masalah Anda CloudFront dan integrasi MediaTailor](monitoring-and-troubleshooting.md)