Prepare o Ubuntu (ou outra distro) para desenvolvimento web

Além dos mitos, crenças ou a opinião de que GNU / Linux é complicado de usar, considero que é um excelente Sistema Operacional para quem é desenvolvedor, principalmente desenvolvedores web.

Tive a oportunidade de conversar com muitas pessoas que preferem OS X e ainda Windows para desenvolver, como se costuma dizer, pela sua facilidade e suas ferramentas, e embora seja uma opinião muito individual de cada pessoa, acredito que qualquer distribuição GNU / Linux ou pelo menos as mais populares, oferecem tudo o que você precisa para instalar e funcionar.

[quote] As distribuições mais populares oferecem todos os pacotes necessários em seus repositórios para um desenvolvedor web. [/ quote]

Agora, na questão do desenvolvimento, há um dilema, é uma distribuição muito atualizada como Antergos ou aquele que mantém um equilíbrio entre estável e atualizado como Ubuntu?

Eu coloquei um exemplo muito simples, enquanto em Ubuntu confiável a última versão de Netbeans é 7.0.1, em ArchLinux a versão 8.0.2 está disponível. A mesma coisa acontece com NodeJS e outros pacotes que veremos abaixo que são amplamente usados ​​por A parte dianteira.

De qualquer forma, cabe a cada um escolher a distribuição de sua preferência de acordo com o trabalho a ser realizado. Para este artigo, começaremos a partir de uma instalação do Ubuntu e, como é voltada para novos usuários, mostraremos o processo passo a passo.

Instale o Ubuntu 14.04

A primeira coisa que faremos é baixar a imagem de instalação do Ubuntu de seu site oficial. O link a seguir permitirá que você escolha se deseja fazer o download de um iso de 32 ou 64 bits.

Baixe o Ubuntu

Depois de baixá-lo, devemos "gravar" um DVD com o iso baixado ou preparar uma memória Flash para inicializar e instalar a partir dele. No Windows, podemos fazer isso seguindo este guia e no Mac Este outro. Feito isso, reiniciamos o PC e iniciamos com a memória ou o DVD.

Etapas de instalação do Ubuntu 14.04

Se você não tem certeza de como instalar o Ubuntu sem perder seus dados, você pode instalá-lo usando uma máquina virtual no VirtualBox ou fazer backup de todos os seus dados em um local seguro, se possível, em um disco externo

A primeira coisa é selecionar o idioma com o qual queremos instalar o Ubuntu:

Desenvolvedores Ubuntu

Mais tarde veremos se temos todos os requisitos necessários para a instalação:

Ubuntu_Development2

Mais tarde, iremos particionar o disco rígido. Se você não tiver experiência com isso, é preferível deixar tudo como padrão depois de fazer o backup de seus dados.

Ubuntu_Development3

Nós escolhemos o fuso horário:

Ubuntu_Development4

Nós escolhemos o idioma do nosso teclado:

Ubuntu_Development5

Definimos nosso nome de usuário, o nome do nosso computador, nossa senha:

Ubuntu_Development6

E esperamos que termine:

Ubuntu_Development7

Assim que o instalador terminar, reiniciamos o computador e entramos em nossa sessão. Podemos executar o Update Manager ou abrir um terminal e colocar:

$ sudo apt update && sudo apt upgrade

E se não houver nada para atualizar, podemos começar.

Preparando nosso espaço de trabalho para teste

Portanto, como somos desenvolvedores, queremos nos concentrar apenas no que sabemos fazer: desenvolver. Não temos interesse em saber como configurar um servidor web ou como funciona um banco de dados, queremos apenas algo que funcione e seja fácil de implementar para começar a escrever código.

Se tivéssemos que escrever apenas em HTML, CSS, JS tudo seria mais simples, mas às vezes devemos ter um servidor de teste para código em PHP, Ruby, DJango, etc. Portanto, é recomendado configurar nosso próprio servidor web. Felizmente para nós, temos essa facilidade de duas maneiras diferentes:

  1. Usando o instalador XAMPP o que nos fornece apache.
  2. Utilização LÂMPADA Bitnami.

Instalando o Bitnami

A instalação do LAMP via Bitnami nós já vimos isso em um artigo anterior, portanto, não será necessário tratá-lo neste artigo. Assim que o Bitnami estiver instalado, podemos gerenciar nosso servidor de teste por meio do navegador da web.

BitNami

Toda a documentação necessária sobre como o Bitnami funciona pode ser encontrada em o wiki dele.

Instalação XAMPP

O instalador do XAMPP também vem do Bitnami, mas o processo de instalação é um pouco diferente, por isso iremos passo a passo. A primeira coisa com certeza é baixar o arquivo que nos interessa de acordo com a arquitetura do nosso processador:

XAMPP 32 bits
XAMPP 64 bits

Depois de baixado, abrimos um terminal e acessamos a pasta onde está o arquivo, à qual daremos permissões de execução. No caso do arquivo de 64 bits, seria:

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

Agora no mesmo terminal o executamos:

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

E seguimos os seguintes passos.

É aconselhável aceitar tudo como vem por defeito, para isso só temos que dar o Entrar

XAMPP

Na imagem anterior perguntou-nos se queríamos instalar os arquivos para os desenvolvedores e na última, se concordamos com a seleção que escolhemos.

xampp1

Agora ele nos pergunta o caminho onde queremos instalar (por padrão é em / opt / lampp) e, embora possamos alterá-lo, recomendo deixá-lo como está.

xampp2

Mais uma etapa de verificação antes de começar a instalar

xampp3

Instalando o XAMPP

xampp5

Instalação completa.

xampp6

Agora, para iniciar o XAMPP, só precisamos executar:

$ sudo / opt / lampp / lampp start Iniciando XAMPP para Linux 5.5.19-0 ... XAMPP: Iniciando Apache ... ok. XAMPP: Iniciando o MySQL ... ok. XAMPP: Iniciando ProFTPD ... ok.

E desta forma já temos nosso servidor Apache + MySQL + PHP + Perl rodando. Se você tiver um problema, eu recomendo que você visite o FAQ.

DNS personalizado e host virtual com XAMPP

Supondo que em nosso servidor de teste temos vários sites hospedados, podemos definir cada um deles para ser visto localmente no arquivo / Etc / hosts. Vamos dar um exemplo, digamos que temos o site dev.tests.com, o que fazemos é abrir o arquivo / Etc / hosts com nosso editor de texto favorito (e como root) e adicione-o da seguinte maneira:

$ sudo vim /etc/hosts

e adicionamos a linha:

127.0.0.1   dev.prueba.com

Mas é claro que isso não é suficiente, porque temos que dizer ao Apache que quando alguém faz uma solicitação para dev.test.com Para 127.0.0.1, você deve retornar ao nosso site de teste.

Nós editamos o arquivo /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

e descomente (removendo o sinal de libra) a linha que diz:

# Include etc/extra/httpd-vhosts.conf

e deixamos assim:

Include etc/extra/httpd-vhosts.conf

Agora vamos ao arquivo /opt/lampp/etc/extra/httpd-vhosts.conf que deve ter algo assim:

# use apenas hosts virtuais baseados em nomes para que o servidor não precise se preocupar com # endereços IP. Isso é indicado pelos asteriscos nas diretivas abaixo. # # Consulte a documentação em # # para obter mais detalhes antes de tentar configurar hosts virtuais. # # Você pode usar a opção de linha de comando '-S' para verificar sua configuração de # host virtual. # # Exemplo de VirtualHost: # Quase qualquer diretiva Apache pode ir para um contêiner VirtualHost. # A primeira seção VirtualHost é usada para todas as solicitações que # não correspondem a um ServerName ou ServerAlias ​​em nenhum bloco. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" ServerName dummy-host.example.com ServerAlias ​​www.dummy-host.example.com ErrorLog "logs / dummy -host.example.com-error_log "CustomLog" logs / dummy-host.example.com-access_log "comum ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log" CustomLog "logs / dummy-host2.example.com-access_log" comum

Nós o modificamos e deixamos assim:

# use apenas hosts virtuais baseados em nomes para que o servidor não precise se preocupar com # endereços IP. Isso é indicado pelos asteriscos nas diretivas abaixo. # # Consulte a documentação em # # para obter mais detalhes antes de tentar configurar hosts virtuais. # # Você pode usar a opção de linha de comando '-S' para verificar sua configuração de # host virtual. # # Exemplo de VirtualHost: # Quase qualquer diretiva Apache pode ir para um contêiner VirtualHost. # A primeira seção VirtualHost é usada para todas as solicitações que # não correspondem a um ServerName ou ServerAlias ​​em nenhum bloco. # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Requer tudo concedido

Como é lógico, o caminho para a pasta do nosso projeto deve ser especificado ao substituir "/ Home / caminho / pasta / projeto /".

Instalação manual da LAMP

Agora, embora possa não parecer, acho que é mais complicado fazer a instalação da maneira anterior do que instalar os pacotes diretamente de nossos repositórios. Para ter a mesma pilha em nosso PC, basta abrir um terminal e colocar:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Com esses 3 pacotes apenas, as dependências necessárias serão instaladas para começar a trabalhar com o mínimo exigido durante o desenvolvimento.

DNS personalizado e host virtual com LAMP

Por parte do DNS (Domain Name Server) mantemos tudo igual, ou seja, adicionamos os nomes dos nossos sites de teste no arquivo / Etc / hosts. Agora, no caso do Apache, o caminho do VHost (Virtual Hosts) é diferente.

Normalmente, o que é feito é colocar o que colocamos no arquivo /opt/lampp/etc/extra/httpd-vhosts.conf na rota /etc/apache2/sites-available/vhostname.conf, e então um link simbólico é criado para esse arquivo na pasta / etc / apache2 / sites-enabled / mas não vamos complicar. Colocaremos o arquivo diretamente em / etc / apache2 / sites-enabled / com a seguinte configuração:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Requer tudo concedido

Acho que é válido esclarecer que quando instalamos manualmente, o caminho padrão das pastas do site é / var / www / http /.

Instalando NodeJS e Ruby

Se nós usarmos NodeJS o Ruby (em vez de PHP e Perl), podemos instalar manualmente os pacotes executando no console:

$ sudo apt install nodejs ruby

E se precisarem de mais pacotes, basta procurá-los executando o gerenciador de pacotes ou no console:

$ sudo apt search paquete a buscar

Até esta parte, já temos a parte do lado do servidor pronta para nosso sandbox, agora vamos ver alguns dos aplicativos que podemos usar.

Ferramentas de desenvolvimento web

Nos repositórios temos algumas aplicações que nos permitirão trabalhar confortavelmente quando se trata de HTML, CSS, JS e outros. Entre eles temos:

  • Anchova
  • Geany
  • Gedit
  • Kate

Sendo Anchova (na minha opinião) o mais completo quando se trata de trabalho A parte dianteira, mas recomendo a instalação de aplicativos de terceiros que nos oferecem muito mais funcionalidade. Temos por exemplo Suportes, Texto sublime o Komodo-Editar. Todos esses aplicativos têm seu próprio pacote de instalação para o Ubuntu, exceto o Komodo-Edit, que só precisa ser descompactado e um arquivo .sh executado.

(… em processo …)