Distribuir uma aplicação Windows a partir de uma aplicação web do Azure

Advertência

O ms-appinstaller: protocolo URI utilizado nestes tutoriais de instalação web está desativado por defeito desde dezembro de 2023. Os utilizadores na maioria dos dispositivos não poderão usar o fluxo de instalação acionado pelo navegador com um clique. Para uma distribuição ampla, publicar para o Microsoft Store em vez disso. Para dispositivos geridos pela empresa onde o TI pode reativar o protocolo via Group Policy, consulte Instalação de aplicações Windows a partir de uma página web.

A aplicação App Installer permite que programadores e profissionais de TI distribuam aplicações Windows alojando-as na sua própria Content Delivery Network (CDN). Isto é útil para empresas que não querem ou não precisam de publicar as suas aplicações na Microsoft Store, mas que ainda assim querem tirar partido da plataforma de empacotamento e implementação do Windows.

Este tópico descreve os passos para configurar um Azure Web Server para alojar pacotes de aplicações Windows e como usar a aplicação App Installer para instalar os pacotes de aplicações.

Neste tutorial, abordaremos a configuração de um servidor IIS para verificar localmente se seu aplicativo Web pode hospedar corretamente os pacotes de aplicativos e invocar e usar o aplicativo App Installer de forma eficaz. Também teremos tutoriais para alojar corretamente as suas aplicações web nos serviços web cloud populares no terreno (Azure e AWS) para garantir que cumprem os requisitos de instalação web do App Installer. Este tutorial passo-a-passo não requer nenhum conhecimento e é muito fácil de seguir.

Configuração

Para seguir este tutorial com sucesso, você precisará do seguinte:

  1. a subscrição do Microsoft Azure
  2. Pacote de aplicações Windows 10 - O pacote de aplicações que irá distribuir

Opcional: Starter Project no GitHub. Isso é útil se você não tiver um pacote de aplicativo ou página da Web para trabalhar, mas ainda assim quiser aprender a usar esse recurso.

Passo 1 - Obtenha uma subscrição do Azure

Para obter uma subscrição Azure, visite a página da conta Azure. Para os fins deste tutorial, você pode usar uma associação gratuita.

Passo 2 - Criar uma Aplicação Web do Azure

Na página do portal Azure, clique no botão + Criar um Recurso e depois selecione Web App

Captura de ecrã da criação de uma aplicação Azure

Crie um nome de aplicativo exclusivo e deixe o restante dos campos como padrão. Clique em Criar para concluir o assistente de criação de Aplicativo Web.

Captura de ecrã a mostrar a criação de uma aplicação Web

Etapa 3 - Hospedar o pacote do aplicativo e a página da Web

Depois de criada a aplicação web, pode aceder a ela a partir do painel no portal do Azure. Neste passo, vamos criar uma página web simples com a interface gráfica do portal do Azure.

Depois de selecionar o aplicativo Web recém-criado no painel, use o campo de pesquisa para localizar e abrir o Editor do Serviço de Aplicativo.

No editor, há um arquivo padrão hostingstart.html . Clique com o botão direito do mouse no espaço vazio do painel do explorador de arquivos e selecione Carregar arquivos para começar a carregar os pacotes do aplicativo.

Observação

Pode usar o pacote de aplicações que faz parte do repositório Starter Project fornecido no GitHub se não tiver um pacote de aplicações disponível. O certificado (MySampleApp.cer) com que o pacote foi assinado também tem o exemplo em GitHub. Você deve ter o certificado instalado no seu dispositivo antes de instalar o aplicativo.

Captura de ecrã do carregamento de pacotes

Clique com o botão direito do mouse no espaço vazio do painel do explorador de arquivos e selecione Novos arquivos para criar um novo arquivo. Nomeie o arquivo: default.html.

Se estiver a usar o pacote de aplicação fornecido no Starter Project, copie o seguinte código HTML para a página web recém-criada default.html. Se estiveres a usar o teu próprio pacote de aplicação, modifica a URL do serviço de aplicação (a URL depois de source=). Pode obter o URL do serviço da aplicação na página de visão geral da sua aplicação no 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>

Etapa 4 - Configurar o aplicativo Web para tipos MIME do pacote do aplicativo

Adicione um novo arquivo ao aplicativo Web nomeado: Web.config. Abra o Web.config ficheiro a partir do explorador e adicione as seguintes linhas.

<?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>

Passo 5 - Executar e testar

Para abrir a página web que criou, utilize o URL do passo 3 no browser seguido por /default.html.

Captura de ecrã a mostrar a instalação da aplicação a partir da página Web

Clique em "Install My Sample App" para iniciar o App Installer e instalar o pacote do aplicativo.

Solução de problemas

Falha na instalação do aplicativo App Installer

A instalação do aplicativo falhará se o certificado com o qual o pacote do aplicativo está assinado não estiver instalado no dispositivo. Para corrigir isso, você precisará instalar o certificado antes da instalação do aplicativo. Se você estiver hospedando um pacote de aplicativo para distribuição pública, recomendamos assinar seu pacote de aplicativo com um certificado de uma autoridade de certificação.

Captura de ecrã da falha na certificação

Certifique-se de que a aplicação App Installer está instalada. Vá para Configurações ->Apps & Recursos e encontre o App Installer na lista de aplicativos instalados.

  • Last updated on