Abordagens alternativas para auto-hospedar o portal do desenvolvedor
APLICA-SE A: Desenvolvedor | Básico | Básico v2 | Standard | Standard v2 | Premium
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: