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 …)


32 comentários, deixe o seu

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   caçador dito

    Alguém mais vê um morcego fantasma na imagem da cabra desta versão do ubuntu?

    1.    elav. dito

      Hahaha é verdade .. olhando só a barba laranja e as concavidades do focinho 😀

    2.    Ivan Barra dito

      Agora que você mencionou ... isso se chama "Pareidolia".

      Sobre quais distros escolher quando a programação for bastante complicada. "Anteriormente" ele foi desenvolvido para alguns navegadores e voila, porque o desenvolvimento era muito mais lento. Hoje, há uma infinidade de navegadores e plataformas para desenvolver aplicativos WEB, chame de ASP.Net, PHP, JAVA, etc. onde as aplicações são muito mais transversais, quero dizer com isto, que não são apenas acedidas desde os típicos desktops ou portáteis, mas já o são (e se pretende a mesma funcionalidade) desde um tablet, telemóvel, etc.

      Acredito que hoje é preciso estar na vanguarda, salvaguardando antes de tudo a estabilidade e segurança das aplicações, nesse sentido sou paranóico, ainda me custa muito fazer, por exemplo, uma transação bancária de outro aparelho que não seja meu , muitas vezes espero chegar à segurança de minha casa para fazer isso, mesmo que pareça ilógico.

      O outro. Sejamos honestos: é sabido que a maioria dos programadores (pelo menos os que conheço), sejam eles web, JAVA, BB.DD, etc., pelo menos 80% utilizam uma plataforma Unix para programar. Pessoas que sem todas as ferramentas que são oferecidas na plataforma, de forma aberta e gratuita, ficariam muito complicadas ao seguir em frente. Além disso, posso afirmar com certeza que quase toda a plataforma WEB, ou BB.DD. ele é montado em um servidor Unix, portanto, não seria lógico que a outra parte funcione da mesma forma?

      Obrigado por compartilhar e saudações.

    3.    homem Morcego dito

      Cale a boca ... eu sou o Batman!

    4.    Neysonv dito

      Parece uma coruja para mim lol

      1.    elav. dito

        Isso mesmo .. aqui pensamos o mesmo depois de olhar novamente

  2.   Hugo santos dito

    Sou desenvolvedor web principalmente PHP, uso Debian como ambiente de trabalho há vários anos, como dizem no post, a decisão de qual distro usar depende de cada pessoa, e da área de desenvolvimento Linux se oferece um grande número de ferramentas que tornam a vida mais fácil.

    Apenas como um comentário, eu vi em muitos lugares que alguns desenvolvedores instalam XAMPP, LAMP e / ou semelhantes, no Linux não é necessário fazer isso, pois lembramos que o apache é nativo do Linux, por exemplo, eu só instalo apache2 e php5 no meu Debian com o típico (aptitude install apache2 php5) e voila, eu não tenho mais que fazer nada além de colocar meus projetos em / var / www

    1.    elav. dito

      Isso mesmo, o que acontece eu tentei fazer "fácil", embora no post mencione os dois métodos 😉

    2.    Tecno-Integra Automation dito

      Saudações. Parece bom para mim que você instale o apache2 e o php5, mas acho que você precisaria colocar o mysql e também Como você configura o phpmyadmin? Obrigado.

  3.   Marcos_tux dito

    Sejamos honestos, apesar do esforço do Dreamweaver para aprovar todos esses programas, é uma pena, mas no Linux não temos algo no auge desse programa Adobe.

    1.    eliotime3000 dito

      Sim, existe (bem, em parte), é chamado de colchetes e também considera Vim e Emacs. : v

    2.    Aquela lixeira chamada Dreamweaver dito

      Colocando lixo no código, é claro que o Dreamweaver passa por todos

    3.    Hernán dito

      O Dreamweaver é mais para designers do que para programadores; para pessoas que trabalham com código, ele é muito pesado e lento. É muito mais confortável usar um programa como texto sublime, colchetes ou webStorm / phpStorm. As vezes que usei o Dreamweaver tive problemas, depois de deixar meu código pronto, fui para o modo design, onde se colocasse um ponto ou movesse alguma coisa, o Dreamweaver se encarregaria de desmontar completamente o meu código que eu deixei tão arrumado. Não quer dizer que seja pagamento. Tenho amigos designers e para eles isso é fantástico, já que podem fazer uma página sem escrever uma única linha de código.

      1.    Educar dito

        Breamweaver Hahaha Eu nunca vou aprender com isso se você aprender a cortar

    4.    KZKG ^ Gaara dito

      Dreamwho? ... Baff, amigo, Artisteer, Dreamweaver, tudo isso é pura besteira, desculpe dizer isso, mas é a verdade.

      Eles colocam setecentas linhas de código inútil, muitas tags ou metas desnecessárias, etc etc etc.

      Brackets, Sublime, com qualquer um desses é mais do que suficiente para fazer qualquer trabalho CSS.

    5.    kdexneo dito

      Aptana Studio 3 muito melhor que o Dreamweaver.

    6.    elav. dito

      Que você disse? Dreamweaver? E tããão queee essss?

    7.    sherpa90 dito

      Espero que você veja todo o código de lixo que gera você ... dreamweaver é para NÃO PROFISSIONAIS, ponto final!

  4.   hazama dito

    Postagem sensacional, realmente
    Parabéns

    1.    elav. dito

      Obrigado 😉

  5.   Petercheco dito

    Sua informação é muito útil ... Obrigado. Você está voltando para as águas do Ubuntu / Debian?

    1.    KZKG ^ Gaara dito

      HAHA ele sempre guarda um espaço no coração para o Debian, mas ... Ubuntu acho que não hehehe

      1.    Petercheco dito

        Você nunca sabe 😀 😀

    2.    elav. dito

      Embora nunca deva ser dito NUNCA, eu realmente não acho que voltarei ao Debian por muito, muito, muito tempo.

  6.   Celsius dito

    Pobre gato, ninguém quer.

    1.    elav. dito

      Quem quer Java? 😛

  7.   Gabriel dito

    Acho que os temas estão ficando confusos (de novo), existem vocês que são apenas designers, outros que são apenas programadores, existem os dois, existem aqueles que vêem o winbug "fácil" porque eles instalam a seguir e "tudo pronto" ( implicando que eles podem ou não estar trabalhando com software proprietário e / ou licenciado), existem aqueles que são um pouco mais avançados (e "corajosos") e também sabem sobre o Linux e normalmente trabalham com as ferramentas que encontram no meio, e assim um longo etc, como estamos compartilhando neste blog a ideia é que se desenvolva em gnu-línux seja qual for a distro e, portanto, ferramentas de código aberto são usadas, a questão subjacente (eu acho) é que depende de cada pessoa, existem ferramentas que nem sabemos mas quando queremos aprender temos que investir algumas horas até o darmos, e se nos sentirmos bem (independentemente do que os outros pensem) seremos felizes !! (:

    1.    rlsalgueiro dito

      você também pode baixar a versão para php5.6.3
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-x64-5.6.3-0-installer.run
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-5.6.3-0-installer.run
      Depende do que você está desenvolvendo ou da compatibilidade que você precisa, para manter a versão 5.5 eu simplesmente instalo os pacotes que estão no repo e pronto, tenho o apache 2.4, php5.5.13 etc. também as outras bibliotecas como phpcs são fáceis de instalar, é claro que gosto do shell e prefiro instalar e configurar tudo que posso.

      1.    rlsalgueiro dito

        Você já viu este projeto wpn-xm.org, seria interessante conseguir algo assim para linux digo integrado porque uso algumas dessas ferramentas, e lamento dizer que apesar de seu grande número de bibliotecas e que os hostings são quase todos montados em apache eu tenho alterado para nginx. Descobri que o wpn-xm procurando alternativas para o LAMP e o XAMPP e bom para a máquina de trabalho é, sem dúvida, uma boa alternativa. a propósito, desculpe pelo meu comentário anterior sobre W $ + chrome

  8.   Raúl Casari dito

    Sua contribuição é muito interessante, continue desenvolvendo, é muito importante

  9.   Miguel Cardoza dito

    Olá sou novo no Ubuntu, sempre usei windows mas estou querendo migrar para um ambiente linux usando Ubuntu mas quando quero criar pastas ou colocar arquivos nos htdocs como no windows não me permite ou há algumas coisas que por costume no windows eu poderia fazer mas no Ubuntu Não consigo bloquear muito ou não permite fazer modificações, se eu usar o sublime para criar arquivos em htdocs também não permite, se puderem me ajudar, eu agradeceria.

  10.   Mont dito

    Alguém pode me ajudar?
    Há muitos anos fiz um pequeno curso de webdesign e adorei, e embora me tenham dado os programas para windows, nunca me deixaram instalá-los.
    Há alguns meses, finalmente consegui mudar para o Linux Ubuntu e não consigo encontrar nenhum programa
    Lembro que no curso vi três programas
    Dreamweaver, Flash MX e outro que era para retocar fotos mas não me lembro o nome.
    Você poderia indicar sites de download ou rotas para instalar o equivalente ao que vi no curso?
    Uma saudação
    Obrigado.