COMO USAR HTTPS (SIMULANDO UM CERTIFICADO SSL) NO XAMPP LOCALHOST


 Daniel Lealjunho 6, 2019

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 = localhostCopy

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.extCopy

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.

Copy
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.

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.

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.

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.

https://googleads.g.doubleclick.net/pagead/ads?guci=2.2.0.0.2.2.0.0&client=ca-pub-1959951268665528&output=html&h=280&slotname=3632005291&adk=1609906115&adf=2980362134&pi=t.ma~as.3632005291&w=1080&fwrn=4&fwrnh=100&lmt=1604881198&rafmt=1&psa=0&format=1080×280&url=https%3A%2F%2Facademiawordpress.com.br%2Fusando-https-no-localhost%2F&flash=0&fwr=0&fwrattr=true&rpe=1&resp_fmts=3&wgl=1&adsid=ChEIgMue_QUQkujHuKXthJ66ARJMAHK4o4nNNk-wWNxjVPlf_a9zcJ8VQeDyGB0124CZ8KzLN31Yd7ct_Fqp2Vt8-0z89VdVUNXoQwcMHlI70d2xBnhI1RmMqkXy6nvnvg&tt_state=W3siaXNzdWVyT3JpZ2luIjoiaHR0cHM6Ly9hZHNlcnZpY2UuZ29vZ2xlLmNvbSIsInN0YXRlIjowfSx7Imlzc3Vlck9yaWdpbiI6Imh0dHBzOi8vYXR0ZXN0YXRpb24uYW5kcm9pZC5jb20iLCJzdGF0ZSI6MH1d&dt=1604881130251&bpp=13&bdt=71855&idt=8249&shv=r20201104&cbv=r20190131&ptt=9&saldr=aa&abxe=1&cookie=ID%3D72fe01759d125ad9-2273a2edc0b30020%3AT%3D1604843222%3ART%3D1604843222%3AS%3DALNI_MYvOmk2BWk48dqC7HPRoWEqn_0pvQ&prev_fmts=0x0&nras=1&correlator=806350340831&frm=20&pv=1&ga_vid=1597462468.1604843219&ga_sid=1604881139&ga_hid=1702729139&ga_fc=0&iag=0&icsg=9401682034687&dssz=33&mdo=0&mso=0&u_tz=-180&u_his=6&u_java=0&u_h=768&u_w=1366&u_ah=768&u_aw=1366&u_cd=24&u_nplug=4&u_nmime=33&adx=127&ady=5995&biw=1333&bih=559&scr_x=0&scr_y=3760&oid=3&pvsid=1013210371427907&pem=983&ref=https%3A%2F%2Fwww.google.com%2F&rx=0&eae=0&fc=896&brdim=0%2C89%2C0%2C89%2C1366%2C0%2C1366%2C679%2C1350%2C559&vis=1&rsz=%7C%7CeEbr%7C&abl=CS&pfx=0&fu=8320&bc=31&jar=2020-11-09-00&ifi=1&uci=a!1&btvi=1&fsb=1&xpc=Gytxwezk4l&p=https%3A//academiawordpress.com.br&dtd=68554apachehttphttpslocalhostmysqlPHPsslwindows 10xampp

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.VER TODOS OS POSTS

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 )

Foto do Google

Você está comentando utilizando sua conta Google. 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 )

Conectando a %s