Oi Pessoal!

Nesse post vou mostrar como aplicar um domínio personalizado no Azure Static Web Apps.

Você precisa de:

• Uma assinatura no Azure
• Um Aplicativo Web Estático do Azure
• Um domínio personalizado, eu adquiri o meu no Registro.br

Você pode criar uma conta no azure e consumir os créditos para teste, mas nesse artigo os recursos que irei consumir são gratuítos.

Coaltime

O Coaltime, aplicação fictícia que apresentei em outros artigos, foi implantado no azure static web app, durante o processo foi gerada uma url aleatória, agora precisamos adicionar o domínio correto da aplicação.

O aplicativo está com essa url:
https://ambitious-field-0575b3f0f.azurestaticapps.net/

Mas ele será acessado por essa url:
https://www.silverio.dev.br/

Registro.br

Entre no site do Registro.br, acesse seu painel e selecione o domínio que você quer vincular ao app:

Vá até a sessão de DNS e clique em editar zona:

Adicione o servidor de email na entrada MX e a url do azure static web app no CNAME e clique em salvar:

Azure

Acesse seu Aplicativo Web Estático e clique em Domínios personalizados:

Clique em adicionar:

Preencha o nome do domínio, clique em avançar:

Selecione o tipo de registro CNAME e clique em adicionar:

Pronto! Em alguns instantes você já vai poder acessar o aplicativo pelo seu domínio!

Espero que isso te ajude!