DEV Community: Douglas Silvestrini

Como utilizar o Apache2 - WSL2

Douglas Silvestrini — Wed, 15 May 2024 12:11:41 +0000

Olá, caro leitor. Neste post você vai aprender a como gerenciar o status do seu Apache2, como criar hosts virtuais e como ativá-los para acessar suas aplicações.

Como gerencio o status do Apache2 ?

Com os comandos abaixo você pode

verificar o status

sudo systemctl status apache2

parar o serviço

sudo systemctl stop apache2

iniciar o serviço

sudo systemctl start apache2

reiniciar o serviço

sudo systemctl restart apache2

recarregar o serviço

sudo systemctl reload apache2

desabilitar o serviço

sudo systemctl disable apache2

habilitar o serviço

sudo systemctl enable apache2

Hosts Virtuais

Em resumo, hosts virtuais são as configurações de qual projeto será iniciado a partir do dominio digitado no navegador. Essa configuracao é feita no diretório /etc/apache/sites-available. Então para cada projeto, você precisará de um virtual host.

Vamos acessar o diretório

cd /etc/apache2/sites-available && ls

Nesse diretório você encontrará um arquivo chamado 000-default.conf. Ele mantém um exemplo contendo uma breve explicação de como funciona um virtual host.

Para criar o seu próprio virtual host, você pode simplesmente copiá-lo e realizar as mudanças necessárias.

Primeiro vamos liberar algumas permissões para que possamos alterar os arquivos neste diretório.

sudo chmod -R 775 /etc/apache2/sites-available && sudo chown -R $USER:www-data /etc/apache2/sites-available

Ao acessar o localhost no navegador, você receberá a página inicial do apache2.

Criando um host virtual

Estando no diretório /etc/apache2/sites-available (você pode consultar com o comando pwd), vamos criar um novo arquivo.

nano app.localhost.conf

Cole esse código

<VirtualHost *:80>
    ServerName app.localhost
    DocumentRoot /var/www/app/index.html
    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

ServerName é o dominio que será digitado no navegador.
DocumentRoot é onde está o arquivo que deseja executar.

Após isso, é só salvar com Ctrl + O e Ctrl + X para sair

Ativar / Desativar um host virtual

Para ativar o virtual host que acabamos de criar e ele começar a funcionar

sudo a2ensite app.localhost.conf

Para desativar

sudo a2dissite app.localhost.conf

Após ativar ou desativar, recarregue as informações do Apache2

sudo systemctl reload apache2

DocumentRoot

Para visualizar a configuração realizada funcionando, vamos criar um arquivo no caminho que informamos no DocumentRoot e acessar o dominio app.localhost no navegador.

nano /var/www/app/index.html

Escreva algo e salve com Ctrl+O e Ctrl + X para sair. Agora acesse seu navegador e veja a mágica acontecer.

Pronto

Você aprendeu como configurar o seu apache2. Se chegou até aqui e ficou perdido, fique sabendo que esse é apenas um post de vários que fiz para quem está iniciando no desenvolvimento web, acesse todos os artigos clicando aqui

Como instalar o Lamp Server no Ubuntu 22.04 - WSL2

Douglas Silvestrini — Wed, 15 May 2024 12:10:18 +0000

Olá, caro leitor. Neste post você vai aprender a como instalar o PHP, Composer, MySql, Apache2 e Phpmyadmin. Essas ferramentas são essenciais para trabalhar com o desenvolvimentos de sites em Wordpress e/ou sistemas web com Laravel, entre outros...

Se ainda não leu o tutorial de Como instalar o WSL no Windows e melhorar o terminal com ZSH E Oh My ZSH, comece por lá. Sem mais demora, vamos ao tutorial, boa leitura!

Atualização dos pacotes

Como de praxe, vamos primeiro atualizar nossos pacotes.

sudo apt update -y && sudo apt upgrade -y

Lamp Server

O Lamp Server é um super pacote que vai nos poupar muito trabalho e instalar diversas ferramentas importantes para nós, como: PHP, MySql e o Apache2. Para facilitar ainda mais, instalaremos o Phpmyadmin junto para já ficar configurado com o MySql, então vamos lá.

Para instalar, execute o código:

sudo apt install lamp-server^ phpmyadmin -y

Escolha o Apache2

Ao ser questionado qual web server deseja usar para rodar o phpmyadmin, selecione Apache2
Ao ser questionado se deseja configurar uma database para o phpmyadmin, selecione YES
Ao ser questionado sobre uma senha para o phpmyadmin, adicione uma senha.

Configurar senha root do MySql

Para acessar o MySql no terminal, digite

sudo mysql

Para alterar a senha root:

ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'sua senha aqui dentro';

Configurar acesso phpmyadmin

Precisamos realizar um link simbolico das configurações de acesso do phpmyadmin para dentro do diretório de configurações do apache2. Execute o código a seguir

sudo ln -s /etc/phpmyadmin/apache.conf /etc/apache2/conf-available/phpmyadmin.conf
sudo a2enconf phpmyadmin.conf
sudo systemctl reload apache2.service

Nosso phpmyadmin já está pronto para ser acessado digitando localhost/phpmyadmin no navegador e acessando com o usuário root e senha configurada.

PHP

Nosso PHP já foi instalado, mas vamos melhorar adicionando mais dois pacotes

sudo apt install 7zip php8.3-sqlite3 -y

Nosso PHP já está pronto também.

Composer

Vamos instalar nosso gerenciador de pacotes PHP, para isso precisaremos executar alguns códigos que você pode obter na página oficial do Composer clicando aqui

php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php -r "if (hash_file('sha384', 'composer-setup.php') === 'dac665fdc30fdd8ec78b38b9800061b4150413ff2e3b6f88543c636f7cd84f6db9189d43a81e5503cda447da73c7e5b6') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
php composer-setup.php
php -r "unlink('composer-setup.php');"

Após isso, vamos deixá-lo instalado globalmente.

sudo mv composer.phar /usr/local/bin/composer

Pronto, nosso composer já pode ser acessado, mas antes reinicie o terminal.

NodeJS

Vamos instalar a última versão do NodeJS com o NVM, para isso:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.2/install.sh | bash

Recarregue seu terminal. Para verificar qual terminal está usando

echo $SHELL

Se estiver o utilizando o ZSH

source ~/.zshrc

Ou pelo bash

source ~/.bashrc

Instalando Node

nvm install --lts

Pronto, nosso node já está operante.

Como instalar ZSH e Oh My Zsh no WSL2

Douglas Silvestrini — Wed, 15 May 2024 12:07:21 +0000

Olá, caro leitor. Esse é o primeiro artigo de uma pequena série Como montar o seu ambiente para desenvolvimento web no Windows com WSL2. Sem mais enrolação, vamos ao que interessa, boa leitura!

Mas o que é esse tal de WSL?

Bom, em poucas palavras, o WSL (Windows Subsystem for Linux) é uma forma de rodar o kernel de uma distribuição Linux dentro do Windows 10/11 sem precisar de uma máquina virtual. Dessa forma, podemos chegar mais perto do ecossistema onde nossa aplicação será rodada em produção, visto que a maioria dos servidores de hospedagem são Linux. Você pode encontrar mais informações e um tutorial detalhado clicando aqui na própria documentação da Microsoft.

Instando o WSL 2 e Ubuntu 24.04

Vamos instalar a versão mais atual do Ubuntu, então execute o Windows Terminal como administrador e rode o código a seguir

wsl --install -d Ubuntu-24.04

Configure seu usuário e senha do Ubuntu

A senha não aparece enquando é digitada, isso é normal. Você pode ter mais detalhes clicando aqui

Atualizar pacotes

Agora que você já possui o Ubuntu instalado no WSL2, é hora de atualizar os pacotes, então rode esse código e informe sua senha root configurada no passo anterior.

sudo apt update -y && sudo apt upgrade -y

Instalando o terminal ZSH

Rode o código abaixo para instalar o ZSH

sudo apt install zsh -y

O shell padrão do Ubuntu é o Bash, e você pode consultar o terminal padrão por meio do código

echo $SHELL

Vamos alterá-lo para o zsh que acabamos de instalar

chsh --shell /usr/bin/zsh

Após isso, feche o terminal. Abra o Ubuntu 24.04 digitando no menu iniciar.

Surgirá um questionário de configuração padrão do ZSH, aperte 2 para a configuração ser criada no seu diretório home (~).

Pronto, agora que seu terminal ficou esquisito, vamos deixá-lo mais bonito instalando o Oh My Zsh

Instalando Oh My ZSH

Rode o comando para baixar e instalar o Oh My Zsh no terminal

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Adicionando plugins

Para facilitar a utilização do terminal, vamos baixar o zsh-autosuggestions que nos oferecerá uma ajuda para digitar comandos com base no histórico do shell.

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

Agora vamos adicioná-lo à configuração do ZSH

nano ~/.zshrc

Utilizando a seta para baixo, encontre a linha plugins, onde haverá o git. Vamos adicionar mais alguns...

Adicione separando por um espaço ou enter.

plugins(git colored-man-pages zsh-autosuggestions)

Você pode encontrar mais sobre os plugin que já vem instalados aqui ou listando-os no terminal

ls ~/.oh-my-zsh/plugins

Recarregue o terminal para começar a desfrutar dos plugins adicionados

source ~/.zshrc

Pronto!

Feito tudo isso, seu terminal está perfeito para começar a trabalhar no desenvolvimento web. Para acompanhar a instalação de outras ferramentas, acesse o artigo completo aqui