Nota
O acesso a esta página requer autorização. Podes tentar iniciar sessão ou mudar de diretório.
O acesso a esta página requer autorização. Podes tentar mudar de diretório.
Há três maneiras mais comuns de personalizar o portal do desenvolvedor no Gerenciamento de API do Azure:
- Editar o conteúdo de páginas estáticas e elementos de layout de página
- Atualizar os estilos usados para elementos de página no portal do desenvolvedor (explicado neste guia)
- Modificar os modelos usados para páginas geradas pelo portal (por exemplo, documentos de API, produtos, autenticação de usuário)
Neste artigo, você aprenderá a personalizar o estilo dos elementos nas páginas do portal do desenvolvedor herdado e exibir suas alterações.
Observação
O conteúdo da documentação a seguir é sobre o portal do desenvolvedor preterido. Pode continuar a utilizá-lo, como de costume, até à descontinuação em outubro de 2023, altura em que será removido de todos os serviços de gestão de APIs. O portal preterido receberá apenas atualizações de segurança críticas. Veja os seguintes artigos para obter mais detalhes:
APLICA-SE A: Desenvolvedor | Básico | Padrão | Premium
Pré-requisitos
- Aprenda a terminologia do Gerenciamento de API do Azure.
- Conclua o seguinte guia de início rápido: Criar uma instância de Gerenciamento de API do Azure.
- Além disso, conclua o seguinte tutorial: Importe e publique sua primeira API.
Personalizar o portal do desenvolvedor
Selecione Visão geral.
Clique no botão Portal do desenvolvedor (legado) na parte superior da janela Visão geral .
No lado superior esquerdo da tela, você vê um ícone composto por dois pincéis. Passe o cursor sobre esse ícone para abrir o menu de personalização do portal.
Selecione Estilos no menu para abrir o painel de personalização de estilo.
Todos os elementos que você pode personalizar usando Estilos aparecem na página
Digite "headings-color" no campo Alterar valores de variáveis para personalizar a aparência do portal do desenvolvedor: .
O elemento @headings cores aparece na página. Esta variável controla a cor do texto.
Clique no campo para a variável @headings-color.
Abrir lista suspensa do seletor de cores.
No menu suspenso dos seletores de cores, selecione uma nova cor.
Sugestão
A pré-visualização em tempo real está disponível para todas as alterações. Um indicador de progresso aparece na parte superior do painel de personalização. Após alguns segundos, o texto do cabeçalho muda de cor para o recém-selecionado.
Selecione Publicar no canto inferior esquerdo do menu do painel de personalização.
Selecione Publicar personalizações para tornar as alterações disponíveis publicamente.
Ver a alteraçao
- Navegue até o portal do desenvolvedor.
- Você pode ver a alteração que você fez.
Próximos passos
Você também pode estar interessado em aprender como personalizar o portal do desenvolvedor do Gerenciamento de API do Azure usando modelos.