Como configurar certificado SSL (HTTPS) no Xampp e Google Chrome

Como configurar certificado SSL (HTTPS) no Xampp e Google Chrome

Este é um dos primeiros tutorias do meu canal do Youtube. Neste tutorial você vai aprender como configurar um ambiente de desenvolvimento PHP localhost seguro no Windows usando Xampp com HTTPS - SSL.

Instalando e configurando ambiente de desenvolvimento PHP

O XAMPP é uma solução de software livre que inclui um servidor web Apache, banco de dados MySQL e interpretador de linguagem de script PHP, além de outras ferramentas. Aqui estão os passos para instalar e configurar o XAMPP em um sistema Windows:

Faça o download do XAMPP

Acesse o site oficial do XAMPP (https://www.apachefriends.org/pt_br/index.html) e baixe a versão mais recente do XAMPP compatível com seu sistema operacional.

Execute o instalador:

Execute o arquivo de instalação do XAMPP e siga as instruções na tela para concluir a instalação. Você pode aceitar as configurações padrão, mas certifique-se de que o Apache e o MySQL estejam selecionados para instalação.

Inicie o XAMPP Control Panel

Após a instalação, abra o XAMPP Control Panel a partir do menu Iniciar do Windows ou procurando o arquivo "xampp-control.exe" na pasta de instalação do XAMPP.

Inicie os serviços do Apache e MySQL

No XAMPP Control Panel, clique nos botões "Start" ao lado dos serviços do Apache e MySQL para iniciar os servidores.

Teste a instalação

Abra um navegador web e acesse a página http://localhost/ ou http://127.0.0.1/ para verificar se o servidor web está funcionando corretamente. Se tudo estiver funcionando, você verá a página de boas-vindas do XAMPP.

Configure o banco de dados MySQL

Para usar o banco de dados MySQL, abra o phpMyAdmin no XAMPP Control Panel ou acesse a página http://localhost/phpmyadmin/ em um navegador web. A partir daí, você pode criar bancos de dados, tabelas e usuários do MySQL conforme necessário.

Depois de seguir esses passos, o XAMPP estará instalado e configurado em seu sistema Windows, permitindo que você desenvolva aplicativos da web que utilizem o Apache, MySQL e PHP.

Como gerar e instalar o certificado SSL 

Vá até a pasta onde está o apache do seu XAMPP, geralmente ele é instalado em "C:\xampp\apache" e crie um arquivo chamado v3.ext com as configurações abaixo:

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

Muita atenção para extensão do arquivo, pois ele pode ficar assim "v3.ext.txt" e o correto seria "v3.ext" e dentro da pasta apache do seu XAMPP.

Depois edite o arquivo makecert.bat que está na mesma pasta, inserindo no final da linha bin\openssl x509 o seguinte código:

-sha256 -extfile v3.ext
Copiar

Salve o arquivo.

Gerando certificado SSL

No Prompt de comando ou CMD use o comando CD e navegue até o diretório C:\xampp\apache.

cd \
cd xampp\apache
Copiar

Inicie o comando makecert para gerar a chave privada do certificado:

C:\xampp\apache>makecert
Copiar

O comando te pedirá uma senha. Insira uma senha qualquer como por exemplo 123456 e repita a ação.

Em Country Name preencha com: BR

Em Organization Name preencha com o nome da sua empresa ou organização.

Em Common Name preencha com: localhost

Defina a senha novamente e pronto seu certificado está gerado.

Instalando certificado SSL

Navegue até o diretório: C:\xampp\apache\conf\ss.crt e instale o certificado com o nome "server"

Ao abrir o Assistente para importação de Certificados selecione Usuário Atual

Em Repositório de certificados selecione Colocar todos os certificados no repositório a seguir Repositório  de Certificados e procure Autoridade certificação Raiz Confiável.

Clique em avançar e concluir para importar o certificado. O sistema gerará um aviso de segurança perguntando se você deseja instalar o certificado. Clique em sim.

Abra o XAMPP Control Panel e reinicie o Apache. Agora sim você pode testar em https://localhost para ver se está funcionado.