Abordagens alternativas para o portal do desenvolvedor de host próprio

Artigo
11/24/2024

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

Use compilaçõ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

Se você quiser hospedar o ambiente de desenvolvimento do portal on-line para fins de colaboração, use compilaçõ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

Há um exemplo de função de gatilho ./examples HTTP na pasta. 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-host de um portal do desenvolvedor, sugerimos usar uma conta de armazenamento do Azure para hospedar 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.

Próximos passos

Saiba mais sobre o portal do desenvolvedor:

Descrição geral do portal do programador da Gestão de API do Azure

Partilhar via