Share via

Hosting aplikasi web di Azure

  • Artikel

Pelajari cara mengatur konfigurasi umum untuk aplikasi web Anda. Jika pengaturan umum hilang, buka masalah pada umpan balik dan beri tahu kami tentang hal itu.

Setiap pengaturan yang diperlukan diminta saat Anda membuat sumber daya. Jika pengaturan tidak diminta pada saat itu, pengaturan tersebut memiliki nilai default, yang dapat Anda ubah setelah pembuatan sumber daya.

Apa itu aplikasi web?

Aplikasi web adalah apa pun yang dicapai dengan URL Internet. Ada banyak layanan Azure yang dapat dianggap sebagai aplikasi web. Layanan teratas yang biasanya digunakan untuk aplikasi web adalah:

Cara mengonfigurasi pengaturan aplikasi web

Sebagian besar layanan Azure menyediakan empat cara untuk mengonfigurasi pengaturan:

Banyak pengaturan juga dapat dikonfigurasi dalam Visual Studio Code dengan ekstensi.

Menggunakan nama domain default yang disediakan oleh Azure

Sebagian besar layanan Azure menyediakan URL untuk sumber daya Anda. Nama layanan menentukan subdomain dengan sisa domain berasal dari Azure.

Contohnya:

  • Azure Functions- https://my-function-app.azurewebsites.net
  • Aplikasi Web Azure- https://my-web-app.azurewebsites.net
  • Blob Azure Storage- https://mystorage.blob.core.windows.net/

Beberapa layanan, seperti aplikasi Web Statis, menyediakan Anda dengan subdomain yang relatif unik, memungkinkan Anda untuk segera menggunakannya dalam produksi:

  • Aplikasi Azure Static Web = https://gentle-tree-0b08aaf12.azurestaticapps.net

Mengonfigurasi nama domain Kustom

Setiap layanan menyediakan mekanismenya sendiri untuk menambahkan domain kustom.

Mengonfigurasi penerusan port

Anda perlu memetakan nomor port aplikasi jika bukan port default. Ini memungkinkan layanan Aplikasi meneruskan permintaan ke port yang benar.

// 3000 is an example port
const port = process.env.PORT || 3000

Mengonfigurasi browser untuk CORS agar terhubung dengan server

Jika Anda perlu terhubung ke server Anda sendiri, dan perlu mengabaikan keamanan CORS saat menjalankan dan debugging dengan klien secara lokal, solusi yang disarankan adalah mengonfigurasi pengaturan ini di file debug Visual Studio Code, launch.json, untuk meneruskan pengaturan ke browser untuk menonaktifkan keamanan.

Karena file ini hanya digunakan untuk meluncurkan sesi debugging, file itu aman untuk memeriksa ke dalam kontrol sumber Anda.

Mengonfigurasi browser Edge untuk menonaktifkan CORS untuk debugging

File launch.json berikut mengonfigurasi pengaturan perambah Edge untuk mematikan keamanan CORS untuk sesi debug: --disable-web-security.

{
    // Debug client, with requests to server, w/o 
    // changes to client or server
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Edge against localhost",
            "request": "launch",
            "type": "pwa-msedge",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "runtimeArgs": [
                "--disable-web-security"
            ],
        },
    ]
}

Mengonfigurasi browser Chrome untuk menonaktifkan CORS untuk debugging

File launch.json berikut mengonfigurasi pengaturan perambah Chrome untuk mematikan keamanan CORS untuk sesi debug: --disable-web-security.

{
    // Debug client, with requests to server, w/o 
    // changes to client or server
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "runtimeArgs": [
                "--disable-web-security"
            ],
        }
    ]
}

Mengonfigurasikan sertifikat

Jika aplikasi Anda memerlukan sertifikat segera, Anda memiliki beberapa pilihan tentang cara memberikan sertifikat:

  • Unggah sertifikat Anda sendiri
  • Mengelola sertifikat dalam layanan Aplikasi
  • Mengimpor sertifikat dari brankas Azure Key
  • Memberikan sertifikat dalam kode

Mengonfigurasi rahasia

Rahasia biasanya disediakan dengan cara berikut:

  • Azure Key Vault - Buat sumber daya untuk layanan ini, yang menyediakan rahasia aplikasi.
  • Pengaturan aplikasi - Jika Anda mencari solusi yang lebih ringan, Anda dapat memberikan rahasia sebagai pengaturan Aplikasi, dan mereferensikannya menggunakan variabel lingkungan yang khas, process.env.VARNAME.

Menyimpan pengaturan, setelan, dan bendera fitur

Gunakan Azure App Configuration untuk menyimpan pengaturan, dan bendera fitur. Anda dapat menautkan rahasia Key Vault ke sumber daya Azure App Configuration, lalu menarik rahasia.

Azure App Configuration memiliki beberapa fitur yang maju di luar pasangan nama / nilai yang biasa dari pengaturan dan bendera fitur:

Mengonfigurasi pengelogan

Pencatatan meliputi:

  • pembuatan log platform - apa yang terjadi di luar aplikasi
  • pencatatan aplikasi - apa yang terjadi di dalam aplikasi

Log platform disediakan untuk Anda:

  • Untuk memahami kesehatan lingkungan.
  • Memungkinkan Anda mengatur skala ke tingkat harga yang berbeda, atau di seluruh wilayah.

Log aplikasi bisa disediakan untuk Anda jika Anda menggunakan fungsi pencatatan default.

Mengonfigurasi database dan penyimpanan

Biasanya, koneksi ke database atau penyimpanan data dimulai dengan string koneksi.

Pertimbangan untuk koneksi data:

  • Bawa koneksi Anda saat ini
  • Penyimpanan data baru - Jika aplikasi Anda memerlukan mekanisme penyimpanan baru, Azure menyediakan banyak pilihan database yang berbeda. Koneksi memang perlu disimpan dengan aman.

Melewatkan sesuatu?

Jika ada sesuatu yang hilang dari daftar ini, silakan isi umpan balik untuk memberi tahu kami tentang hal tersebut.

Langkah berikutnya