Share via

Mendistribusikan aplikasi Windows 10 dari aplikasi web Azure

  • Artikel

Aplikasi Penginstal Aplikasi memungkinkan pengembang dan PROFESIONAL TI untuk mendistribusikan aplikasi Windows 10 dengan menghostingnya di Content Delivery Network (CDN) mereka sendiri. Ini berguna untuk perusahaan yang tidak ingin atau perlu menerbitkan aplikasi mereka ke Microsoft Store, tetapi masih ingin memanfaatkan platform pengemasan dan penyebaran Windows 10.

Topik ini menguraikan langkah-langkah untuk mengonfigurasi Azure Web Server untuk menghosting paket aplikasi Windows 10, dan cara menggunakan aplikasi Penginstal Aplikasi untuk menginstal paket aplikasi.

Dalam tutorial ini, kita akan membahas pengaturan server IIS untuk memverifikasi secara lokal bahwa aplikasi web Anda dapat menghosting paket aplikasi dengan benar dan memanggil dan menggunakan aplikasi Penginstal Aplikasi secara efektif. Kami juga akan memiliki tutorial untuk menghosting aplikasi web Anda dengan benar di layanan web cloud populer di bidang (Azure dan AWS) untuk memastikan bahwa mereka memenuhi persyaratan penginstal web Penginstal Aplikasi. Tutorial langkah demi langkah ini tidak memerlukan keahlian apa pun dan sangat mudah diikuti.

Penyiapan

Agar berhasil mengikuti tutorial ini, Anda memerlukan hal berikut:

  1. Langganan Microsoft Azure
  2. Paket aplikasi Windows 10 - Paket aplikasi yang akan Anda distribusikan

Opsional: Proyek Starter di GitHub. Ini berguna jika Anda tidak menggunakan paket aplikasi atau halaman web untuk bekerja, tetapi masih ingin mempelajari cara menggunakan fitur ini.

Langkah 1 - Mendapatkan langganan Azure

Untuk mendapatkan langganan Azure, kunjungi halaman akun Azure. Untuk tujuan tutorial ini, Anda dapat menggunakan keanggotaan gratis.

Langkah 2 - Membuat Azure Web App

Di halaman portal Azure, klik tombol + Buat Sumber Daya lalu pilih Aplikasi Web

Screenshot of creating an Azure app

Buat Nama aplikasi yang unik dan biarkan bidang lainnya sebagai default. Klik Buat untuk menyelesaikan wizard pembuatan Aplikasi Web.

Screenshot of creating a web app

Langkah 3 - Hosting paket aplikasi dan halaman web

Setelah aplikasi web dibuat, Anda dapat mengaksesnya dari dasbor di portal Azure. Dalam langkah ini, kita akan membuat halaman web sederhana dengan GUI portal Azure.

Setelah memilih aplikasi web yang baru dibuat dari dasbor, gunakan bidang pencarian untuk menemukan dan membuka Editor App Service.

Di editor, ada file default hostingstart.html . Klik kanan di ruang kosong panel penjelajah file dan pilih Unggah File untuk mulai mengunggah paket aplikasi Anda.

Catatan

Anda dapat menggunakan paket aplikasi yang merupakan bagian dari repositori Proyek Pemula yang disediakan di GitHub jika Anda tidak memiliki paket aplikasi yang tersedia. Sertifikat (MySampleApp.cer) yang ditandatangani paket juga dengan sampel di GitHub. Anda harus menginstal sertifikat ke perangkat Anda sebelum menginstal aplikasi.

Screenshot of uploading packages

Klik kanan di ruang kosong panel penjelajah file dan pilih File Baru untuk membuat file baru. Beri nama file: default.html.

Jika Anda menggunakan paket aplikasi yang disediakan di Proyek Pemula, salin kode HTML berikut ke halaman default.htmlweb yang baru dibuat . Jika Anda menggunakan paket aplikasi Anda sendiri, ubah URL layanan aplikasi (URL setelah source=). Anda bisa mendapatkan URL layanan aplikasi dari halaman gambaran umum aplikasi Anda di portal Azure.

<html>
<head>
    <meta charset="utf-8" />
    <title> Install My Sample App</title>
</head>
<body>
    <a href="ms-appinstaller:?source=https://appinstaller-azure-demo.azurewebsites.net/MySampleApp.msixbundle"> Install My Sample App</a>
</body>
</html>

Langkah 4 - Mengonfigurasi aplikasi web untuk jenis MIME paket aplikasi

Tambahkan file baru ke aplikasi web bernama: Web.config. Web.config Buka file dari penjelajah dan tambahkan baris berikut.

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <!--This is to allow the web server to serve resources with the appropriate file extension-->
    <staticContent>
      <mimeMap fileExtension=".appx" mimeType="application/appx" />
      <mimeMap fileExtension=".msix" mimeType="application/msix" />
      <mimeMap fileExtension=".appxbundle" mimeType="application/appxbundle" />
      <mimeMap fileExtension=".msixbundle" mimeType="application/msixbundle" />
      <mimeMap fileExtension=".appinstaller" mimeType="application/appinstaller" />
    </staticContent>
  </system.webServer>
</configuration>

Langkah 5 - Jalankan dan uji

Untuk meluncurkan halaman web yang Anda buat, gunakan URL dari langkah 3 ke browser diikuti oleh /default.html.

Screenshot of installing app from Web page

Klik "Instal Aplikasi Sampel Saya" untuk meluncurkan Penginstal Aplikasi dan menginstal paket aplikasi Anda.

Pemecahan Masalah

Aplikasi Penginstal Aplikasi gagal diinstal

Penginstalan aplikasi akan gagal jika sertifikat yang ditandatangani paket aplikasi tidak diinstal pada perangkat. Untuk memperbaikinya, Anda harus menginstal sertifikat sebelum penginstalan aplikasi. Jika Anda menghosting paket aplikasi untuk distribusi publik, sebaiknya tandatangani paket aplikasi Anda dengan sertifikat dari otoritas sertifikat.

Screenshot of certification failure

Pastikan bahwa aplikasi Penginstal Aplikasi diinstal. Buka Pengaturan ->Apps & Features dan temukan Penginstal Aplikasi di daftar aplikasi yang diinstal.