Academia WordPress

Como usar HTTPS (simulando um certificado SSL) no XAMPP Localhost

Existem algumas aplicações que exigem comunicações seguras para integrações em API’s ou simplesmente para criar seu site localhost e não precisar alterar o banco de dados do seu conteúdo após subir em uma URL que tenha SSL. Eu achei uns tutoriais muito ruins e outros que quebram o galho. O texto abaixo é do que menos complicado possível!

PREPARANDO O XAMPP

(caso você não tenha, né? Mas dai esse artigo não é para você.)

Esse tutorial foi escrito utilizando a versão 7.1.10, que inclui a mesma versão do PHP. Após a inicialização, verifique se tudo está funcionando bem, acessando o localhost após iniciar o Apache. O Módulo Apache precisa estar verde, conforme a imagem.

Certificado SSL em Localhost utiliando Xampp e Google Chrome 58

Agora você precisará criar um arquivo com o nome v3.ext dentro da pasta apache no diretório onde você instalou o Xampp (se você não alterou o caminho de instalação, deverá criar esse arquivo dentro de c:\xampp\apache\). Abra o arquivo e digite e cole o código a seguir:

authorityKeyIdentifier=keyid,issuer
basicConstraints=CA:FALSE
keyUsage = digitalSignature, nonRepudiation, keyEncipherment, dataEncipherment
subjectAltName = @alt_names
 
[alt_names]
DNS.1 = localhost

Dentro dessa mesma pasta existe um arquivo chamado makecert.bat. Você precisará edita-lo (clique com o botão direito e ABRIR COMO, depois selecione algum editor de texto da sua máquina). Troque as informações contidas na linha 9 desse arquivo pela seguinte:

bin\openssl x509 -in server.csr -out server.crt -req -signkey server.key -days 500 -sha256 -extfile v3.ext

Salve e feche o arquivo.

Gerando o Certificado

Depois de termos preparado o Apache para ler e reconhecer o certificado, agora você precisará gerar ele. De dois cliques no arquivo makecert.bat.

Será solicitado uma senha e depois a confirmação dessa mesma senha. Você pode colocar qualquer senha que quiser, porém não coloque nada que vá esquecer depois, você ainda precisará dela para concluir a geração do certificado. A seguir serão solicitadas outras informações, as quais você pode preencher apenas o Country Name com BR. Os demais dados podem ser deixados em branco, até o Organizational Unit Name.

ATENÇÃO No Common Name coloque localhost.

Country Name: BR
State or Province Name: [EM BRANCO]
Locality Name: [EM BRANCO]
Organization Name: [EM BRANCO]
Organizational Unit Name: [EM BRANCO]
Common Name: localhost
Email Address: [EM BRANCO]
A challenge Password: [EM BRANCO]
An Optional Company Name: [EM BRANCO]

 

Agora será pedida a senha que você criou lá em cima. Se por acaso você esqueceu, terá que começar outra vez esse processo. Pronto, o certificado já foi gerado.

Validando seu novo certificado no Windows

Por fim, você terá que adicionar o seu novo certificado SSL aos certificados confiáveis no Windows e faremos isso com o programa certmgr.msc, que é o software que faz o gerenciamento dos certificados neste SO. Digite certmgr.msc na barrra de busca do windows (se você está no Windows 10) e clique sobre o programa, ou abra a janela Executar (Tecla do Windows + R), digite certmgr.msc e depois clique em OK.

No Gerenciador de Certificados clique em Autoridades de Certificação Raiz Confiáveis, percebe que na parte direita da janela teremos uma aba com o título Tipo de Objeto. Clique com o botão direito do mouse em Certificados, selecione Todas as tarefas, e depois clique em Importar.

Certificado SSL em Localhost utiliando Xampp e Google Chrome 58

Se abrirá agora um assistente de importação de certificados. Siga os passos a seguir para importar o certificado que acabamos de criar. Abra a primeira tela, Clique em Avançar. Na próxima tela, você deverá buscar o local do certificado.

Clique em Procurar e selecione o arquivo server.crt no caminho C:\xampp\apache\conf\ssl.crt. (no caso dentro da pasta apache da sua instalação XAMPP). Clique em Abrir e depois clique em Avançar.

Certificado SSL em Localhost utiliando Xampp e Google Chrome 58

Deixe marcado a opção padrão, conforme imagem acima, e clique novamente em avançar. Você verá a tela abaixo e pode clicar em Concluir.

Certificado SSL em Localhost utiliando Xampp e Google Chrome 58

Confirme também o Aviso de Segurança que será mostrado, clicando em Sim. E por fim clique em OK. Pronto, o certificado SSL para o seu localhost já está configurado.

Finalizando a Configuração

Primeiro reinicie os serviços do seu Xampp e depois faça um teste acessando https://localhost.

BLING
Daniel Leal

Daniel Leal

Eu escrevo para facilitar o aprendizado de outros daquilo que eu tivesse dificuldade em aprender. WordPress, WooCommerce e desenvolvimento de novas tecnologias são meus focos principais, mas marketing de conteúdo, negócios digitais e (mais recentemente) fintechs também ocupam uma parcela das minhas ideias e projetos.

Add comment

Digital Ocean

Send this to a friend