Abordagens alternativas para auto-hospedar o portal do desenvolvedor

Artigo
12/03/2024

Existem várias abordagens alternativas que você pode explorar ao auto-hospedar um portal do desenvolvedor:

Use compilações de produção do designer e do publicador.
Use um aplicativo de funções do Azure para publicar o portal.
Encabece os arquivos do portal com uma CDN (rede de distribuição de conteúdo) para reduzir os tempos de carregamento da página.

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

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

Compilar para produção

Se você quiser hospedar o ambiente de desenvolvimento do portal online para fins de colaboração, use compilações de produção do designer e do publicador. As compilações de produção agrupam os arquivos, excluem mapas de origem etc.

Crie um pacote no diretório ./dist/designer 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 do armazenamento de blobs do Azure.

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

npm run build-publisher

Usar o aplicativo de funções para publicar o portal

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

Para implementar a publicação com um aplicativo de funções do Azure, você precisa dos seguintes pré-requisitos:

Crie uma função do Azure. A função precisa ser uma função de linguagem JavaScript.

Instalar o Azure Functions Core Tools:

npm install –g azure-function-core-tools

Etapa 1: configurar o armazenamento de saída

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

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

Etapa 2: criar e implantar o aplicativo de funções

Existe uma função de gatilho HTTP de exemplo na pasta ./examples. Para compilá-la e colocá-la em ./dist/function, execute o seguinte comando:

npm run build-function

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

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

Depois de implantada, você pode invocá-la com uma chamada HTTP:

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

Hospedagem e CDN

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

Você também pode encabeçar os arquivos com uma CDN (rede de distribuição de conteúdo) para reduzir os tempos de carregamento da página. É recomendável usar a CDN do Azure.

Próximas etapas

Saiba mais sobre o portal do desenvolvedor:

Visão Geral do portal do desenvolvedor do Gerenciamento de API do Azure

Compartilhar via