Partilhar via

Abordagens alternativas para portal de desenvolvedor autogerido

APLICA-SE A: Developer | Básico | Básico v2 | Padrão | Padrão v2 | Prémio | Premium v2

Há várias abordagens alternativas que você pode explorar ao hospedar automaticamente um portal do desenvolvedor:

  • Utilize as versões de produção do designer e do editor.

  • Use um Aplicativo de Função do Azure para publicar seu portal.

  • Alinhe os arquivos do seu portal com uma Rede de Distribuição de Conteúdo (CDN) para reduzir os tempos de carregamento da página.

Este artigo fornece informações sobre cada uma dessas abordagens.

Se ainda não tiver feito isso, configure um ambiente local para a versão mais recente do portal do desenvolvedor.

Construir para produção

Caso desejes hospedar o ambiente de desenvolvimento do portal online para fins de colaboração, utiliza versões de produção do designer e do editor. As compilações de produção agrupam os arquivos, excluem mapas de origem, etc.

Crie um pacote no ./dist/designer diretório executando o comando:

npm run build-designer

O resultado é um aplicativo de página única, portanto, você ainda pode implantá-lo em um host da Web estático, como o Site Estático de Armazenamento de Blob do Azure.

Da mesma forma, coloque um editor compilado e otimizado na ./dist/publisher pasta:

npm run build-publisher

Use o aplicativo Function para publicar o portal

Execute a etapa de publicação na nuvem como uma alternativa para executá-la localmente.

Para implementar a publicação com um Aplicativo de Função do Azure, você precisa dos seguintes pré-requisitos:

  • Crie uma função do Azure. A função precisa ser uma função da linguagem JavaScript.
  • Instale as Ferramentas Principais do Azure Functions: 
    npm install –g azure-function-core-tools

Etapa 1: Configurar o armazenamento de saída

Carregar o conteúdo diretamente para o site de hospedagem (contêiner "$web" de armazenamento de saída), em vez de uma pasta local. Configure esta alteração no ./src/config.publish.json arquivo:

{
   ...
   "outputBlobStorageContainer": "$web",
   "outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
   ...
}

Etapa 2: Criar e implantar o aplicativo de função

Existe um exemplo de função HTTP Trigger na pasta ./examples. Para compilá-lo e colocá-lo no ./dist/function, execute o seguinte comando:

npm run build-function

Em seguida, entre na CLI do Azure e implante-a:

az login
cd ./dist/function
func azure functionapp publish <function app name>

Depois de implantado, você pode invocá-lo com uma chamada HTTP:

curl -X POST https://<function app name>.azurewebsites.net/api/publish

Alojamento e CDN

No auto-hospedar um portal de um desenvolvedor, sugerimos usar uma conta de armazenamento do Azure para hospedar o seu site. No entanto, você pode publicar os arquivos através de qualquer solução, incluindo serviços de provedores de hospedagem.

Você também pode frontar os arquivos com uma Rede de Distribuição de Conteúdo (CDN) para reduzir os tempos de carregamento da página. Recomendamos o uso da CDN do Azure.

Conteúdo relacionado

Saiba mais sobre o portal do desenvolvedor:

  • Last updated on