Usando seu próprio domínio no Bluemix

Venho usando a plataforma Bluemix desde final de 2014 para o desenvolvimento, hosting, deploy e repositório de código (DevOps services).

Todas as aplicações no Bluemix podem ser acessadas gratuitamente pelo domínio fornecido mybluemix.net (exemplo: http://chh.mybluemix.net) porém sempre me intrigou a funcionalidade de poder usar um domínio customizado para as aplicações, mas nunca tive a curiosidade de gastar aquele tempinho para tentar configurar.

Eu tenho desde 2009 o domínio www.alanbraz.com.br devidamente registrado no registro.br e atualmente pago um provedor de hospedagem, mas apesar de outros arquivos, o site apenas redireciona para esse blog no wordpress.

Então, pensei, será que consigo fazer uma app simples no bluemix que redireciona para o blog e utilizar a URL http://www.alanbraz.com.br para acesá-lo? Sim, e foi mais fácil do que imaginava.

Os passos principais foram:

  1. Criar a app no Bluemix (escolho Node.js por preferência mas poderia ser HTML estática)
  2. Alterar o código da app para redirecionar para o blog
  3. Adicionar o domínio alanbraz.com.br
  4. Adicionar a rota http://www.alanbraz.com.br na app
  5. Configurar o CNAME no Registro.br para apontar para a rota *.mybluemix.net e esperar o DNS refletir!

Agora cada passo em detalhe

1. Criar a app no Bluemix

Entrar no bluemix.net, e fazer o login.

No Dashboard crie um nova app.

Selection_341

Escolha tipo web.

Selection_342

Escolha .js e clique em Continue

Selection_344

Dê um nome para sua app e escolha o domínio mybluemix.net

Selection_345

Clique em Finish e o Bluemix vai criar, instanciar e adicionar a rota na sua app. Assim que ver a mensagem abaixo, sua app já estará acessível.

Selection_348

Nesta caso, via http://alanbraz-wordpress.mybluemix.net

Selection_347

2. Alterar o código da app para redirecionar para o blog

Eu não quero ter que baixar nada na minha máquina, então vou deixar o Bluemix adicionar o código dessa app no seu próprio git.

Na página da app, clique em ADD GIT

Selection_349

Deixe a opção selecionada em CONTINUE, depois CLOSE.

Selection_350

Selection_351

Uma vez terminada a URL do git será adicionada na app.
Clique no botão EDIT CODE para abrir o DevOps services.

Selection_352

Neste caso, vou fazer o redirecionamento direto no app.js. Clique no nome do arquivo para abrir o editor.

Selection_353

Adicionando as linhas 18 a 20 para redirecionar todos os requests para a URL deste blog. Após a edição, o código deve ser enviado para o Git clicando no segundo ícone à direita.

Selection_360.png

Selecione o app.js e adicione uma mensagem para o commit, depois clique no botão Commit.

Selection_355

Agora é preciso dar um Push, clicando no botão.

Selection_356

O DevOps já configurou automaticamente um processo de Build e Deploy na app do Bluemix que é disparado assim que o código é atualizado no Git. Clique no botão BUILD & DEPLOY  para visualizar o andamento do processo.

Selection_357

Ele faz um passo de Build e outro de Deploy.

Selection_358

Ao final do passo de Deploy, a app estará atualizada.

Selection_359

Então agora acessando http://alanbraz-wordpress.mybluemix.net/ já será redirecionado para https://alanbraz.wordpress.com/ como esperado!

 

3. Adicionar o domínio alanbraz.com.br na Org do Bluemix

Vá para a tela principal da app e clique no ícone de lápis ao lado da rota atual.

Selection_361

Clique em Manage Domains

Selection_362

Depois em ADD DOMAIN, digite seu domínio e depois em SAVE.

Selection_363

4. Adicionar a rota http://www.alanbraz.com.br na app

Volte para a tela principal da app e clique no ícone de lápis ao lado da rota atual novamente.

Selection_361

Selection_364

Agora escolha o seu domínio e host, neste caso, meu host é www pois quero que essa app rode na url principal do meu domínio.

Selection_365

Clique SAVE e a nova URL já aparecerá na lista de rotas, porém ainda não está funcionando, pois o DNS do deu domínio precisa ter conhecimento do Bluemix!

Selection_366

 

5. Configurar o CNAME no Registro.br para apontar pro Bluemix

Acesse a página do seu domínio no registro.br (essas configurações podem mudar, mas normalmente os domínios brasileiros são registrados pelo registro.br).

Vá para a seção DNS.

No meu caso, como já tinha um provedor configurado, tive que clicar em ALTERAR SERVIDORES DNS.

Selection_368

E depois em UTILIZAR DNS DO REGISTRO.BR para desativar esse roteamento manual.

Selection_369

Voltando para tela principal, agora podemos clicar no EDITAR ZONA.

Selection_367

Escolha o MODO AVANÇADO.

Selection_370

Crie uma nova entrada.

Selection_371

E coloque as mesmas configurações da rota do app no Bluemix, ou seja, o host, no caso www, escolha CNAME na lista, e coloque a rota do bluemix no local do endereço IP, no caso a rota alanbraz-wordpress.mybluemix.net.

Selection_372

Clique em ADICIONAR e depois SALVAR.

Selection_373

Pronto!!! Agora basta esperar o DNS refletir (pode demotar de 2 a 24h) e acessar http://www.alanbraz.com.br que apontará para o app no bluemix alanbraz-wordpress.mybluemix.net que finalmente redirecionará para este blog!!!

Uma vez o domínio configurado e o DNS dinâmico, podemos criar várias apps no Bluemix, e apenas temos que adicionar mais outros roteamentos de CNAME no domínio.

Selection_374.png

Código-fonte: https://hub.jazz.net/project/alanbraz/alanbraz-wordpress/

Referências:

 

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s