O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Ambiente de desenvolvimento para
aplicações em WordPress com
Vagrant, Composer e Git.
Edison Costa
Edison Pereira da Costa
- CEO da AgiusCloud.
- Professor e Programador com 30 anos de experiência.
Email: edison@agiusclou...
WORDCAMP - SÃO PAULO - 2015
Cenários
WORDCAMP - SÃO PAULO - 2015
Solitário
Equipe Remota
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
Equipe Local
WORDCAMP - SÃO PAULO - 2015
PREPARANDO O AMBIENTE
WORDCAMP - SÃO PAULO - 2015
Oracle VirtualBox
Instalação:
• Windows - (Versão 5.0.6)
• OSX - (Versão 4.3.34)
• Ubuntu 14.0...
WORDCAMP - SÃO PAULO - 2015
Vagrant
Instalação:
• Windows
• OSX
• Debian/Ubuntu
• CentOS
WORDCAMP - SÃO PAULO - 2015
Exemplos de Estrutura
Máquinas Virtuais:
E:/vagrant/debian8
E:/vagrant/home
C:/server/ubuntu14...
WORDCAMP - SÃO PAULO - 2015
INICIANDO OS TRABALHOS
WORDCAMP - SÃO PAULO - 2015
Acessar o prompt de comando (terminal) como Administrador:
Criar as pastas da Máquina Virtual ...
WORDCAMP - SÃO PAULO - 2015
Box
• Máquina Virtual base, que já tem o Hardware e o Sistema Operacional definidos.
Add: Vagr...
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
Inicializar o diretório atual para ser um ambiente Vagrant e criar o arquivo Vagrantfile.
E:se...
WORDCAMP - SÃO PAULO - 2015
Arquivo installserver.sh
WORDCAMP - SÃO PAULO - 2015
Halt: Desligar sua VM
E:serverdebian8>vagrant halt
Reload: Reiniciar sua VM
E:serverdebian8>va...
WORDCAMP - SÃO PAULO - 2015
Acessar sua Máquina Virtual utilizando o Putty.
User: root
IP: 127.0.0.1
Port: 2222
Linux/OSX ...
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
Instalando o site
ee site create dev.agiuscloud.com --user=agiuscloud --pass=muda123 --wpfc --...
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
Composer
Composer é uma ferramenta para gerenciamento de dependências.
WORDCAMP - SÃO PAULO - 2015
• Criar o arquivo composer.json
• Salvar na pasta de trabalho/htdocs
• E:Jobsagiusclouddev.agi...
WORDCAMP - SÃO PAULO - 2015
• Acessar sua VM com o PuTTY.
• Acessar o diretório: cd /var/www/dev.agiuscloud.com/htdocs
• E...
WORDCAMP - SÃO PAULO - 2015
Git / Revisr
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
WORDCAMP - SÃO PAULO - 2015
Repositório Remoto (BitBucket)
WORDCAMP - SÃO PAULO - 2015
Deploy
WORDCAMP - SÃO PAULO - 2015
1 – Criar o VPS em sua hosting de preferência.
2 – Acessar sua VPS com o PuTTY.
3 – Instalar o...
WORDCAMP - SÃO PAULO - 2015
9 – Fazer o Pull das alterações.
10 – Fazer o Push das alterações.
Atualizar as alterações sem...
WORDCAMP - SÃO PAULO - 2015
Resultado Final
WORDCAMP - SÃO PAULO - 2015
Resultado Final
WORDCAMP - SÃO PAULO - 2015
Muito Obrigado.
Dúvidas?
Próximos SlideShares
Carregando em…5
×

Ambiente de desenvolvimento para aplicações em WordPress com Vagrant, Composer e Git/Revisr.

2.892 visualizações

Publicada em

- Instalação do Virtual Box e Vagrant.
- Criação, personalização e gerenciamento de Boxes.
- Utilização do Composer, Git e Revisr.
- Utilização do GitHub, BitBucket.
- Deploy final da aplicação.

Publicada em: Tecnologia

Ambiente de desenvolvimento para aplicações em WordPress com Vagrant, Composer e Git/Revisr.

  1. 1. Ambiente de desenvolvimento para aplicações em WordPress com Vagrant, Composer e Git. Edison Costa
  2. 2. Edison Pereira da Costa - CEO da AgiusCloud. - Professor e Programador com 30 anos de experiência. Email: edison@agiuscloud.com Github: edisoncosta Facebook: edisonpcosta WORDCAMP - SÃO PAULO - 2015 github.com/edisoncosta/wordcampsp2015
  3. 3. WORDCAMP - SÃO PAULO - 2015 Cenários
  4. 4. WORDCAMP - SÃO PAULO - 2015 Solitário
  5. 5. Equipe Remota WORDCAMP - SÃO PAULO - 2015
  6. 6. WORDCAMP - SÃO PAULO - 2015 Equipe Local
  7. 7. WORDCAMP - SÃO PAULO - 2015 PREPARANDO O AMBIENTE
  8. 8. WORDCAMP - SÃO PAULO - 2015 Oracle VirtualBox Instalação: • Windows - (Versão 5.0.6) • OSX - (Versão 4.3.34) • Ubuntu 14.04 - (Versão 4.3.34)
  9. 9. WORDCAMP - SÃO PAULO - 2015 Vagrant Instalação: • Windows • OSX • Debian/Ubuntu • CentOS
  10. 10. WORDCAMP - SÃO PAULO - 2015 Exemplos de Estrutura Máquinas Virtuais: E:/vagrant/debian8 E:/vagrant/home C:/server/ubuntu14 C:/server/agencia Projetos: E:/projetos/projeto1 E:/projetos/projeto2 C:/jobs/clienteA C:/jobs/clienteB
  11. 11. WORDCAMP - SÃO PAULO - 2015 INICIANDO OS TRABALHOS
  12. 12. WORDCAMP - SÃO PAULO - 2015 Acessar o prompt de comando (terminal) como Administrador: Criar as pastas da Máquina Virtual e de trabalho. Pasta da Máquina Virtual E:>cd server E:server>md debian8 E:server>cd debian8 E:serverdebian8> Pasta de Trabalho (App) E:>cd jobs E:jobs>md agiuscloud E:jobs>cd agiuscloud E:jobsagiuscloud>
  13. 13. WORDCAMP - SÃO PAULO - 2015 Box • Máquina Virtual base, que já tem o Hardware e o Sistema Operacional definidos. Add: Vagrant add box ADDRESS E:serverdebian8>vagrant add box debian/jessie64 List: Vagrant box list E:serverdebian8>vagrant box list Remove: Vagrant box remove NAME E:serverdebian8>vagrant box remove debian/jessie64
  14. 14. WORDCAMP - SÃO PAULO - 2015
  15. 15. WORDCAMP - SÃO PAULO - 2015 Inicializar o diretório atual para ser um ambiente Vagrant e criar o arquivo Vagrantfile. E:serverdebian8>vagrant init Editar o arquivo Vagrantfile.
  16. 16. WORDCAMP - SÃO PAULO - 2015 Arquivo installserver.sh
  17. 17. WORDCAMP - SÃO PAULO - 2015 Halt: Desligar sua VM E:serverdebian8>vagrant halt Reload: Reiniciar sua VM E:serverdebian8>vagrant reload Suspend: Suspende sua VM E:serverdebian8>vagrant suspend destroy: Remove sua VM E:serverdebian8>vagrant destroy Up: Iniciar sua VM E:serverdebian8>vagrant up Gerenciar a Máquina Virtual
  18. 18. WORDCAMP - SÃO PAULO - 2015 Acessar sua Máquina Virtual utilizando o Putty. User: root IP: 127.0.0.1 Port: 2222 Linux/OSX acessar com o comando: vagrant ssh
  19. 19. WORDCAMP - SÃO PAULO - 2015
  20. 20. WORDCAMP - SÃO PAULO - 2015 Instalando o site ee site create dev.agiuscloud.com --user=agiuscloud --pass=muda123 --wpfc --hhvm --pagespeed
  21. 21. WORDCAMP - SÃO PAULO - 2015
  22. 22. WORDCAMP - SÃO PAULO - 2015 Composer Composer é uma ferramenta para gerenciamento de dependências.
  23. 23. WORDCAMP - SÃO PAULO - 2015 • Criar o arquivo composer.json • Salvar na pasta de trabalho/htdocs • E:Jobsagiusclouddev.agiuscloud.comhtdocs
  24. 24. WORDCAMP - SÃO PAULO - 2015 • Acessar sua VM com o PuTTY. • Acessar o diretório: cd /var/www/dev.agiuscloud.com/htdocs • Executar composer: composer update
  25. 25. WORDCAMP - SÃO PAULO - 2015 Git / Revisr
  26. 26. WORDCAMP - SÃO PAULO - 2015
  27. 27. WORDCAMP - SÃO PAULO - 2015
  28. 28. WORDCAMP - SÃO PAULO - 2015
  29. 29. WORDCAMP - SÃO PAULO - 2015
  30. 30. WORDCAMP - SÃO PAULO - 2015
  31. 31. WORDCAMP - SÃO PAULO - 2015
  32. 32. WORDCAMP - SÃO PAULO - 2015
  33. 33. WORDCAMP - SÃO PAULO - 2015 Repositório Remoto (BitBucket)
  34. 34. WORDCAMP - SÃO PAULO - 2015 Deploy
  35. 35. WORDCAMP - SÃO PAULO - 2015 1 – Criar o VPS em sua hosting de preferência. 2 – Acessar sua VPS com o PuTTY. 3 – Instalar os Servidores/Serviços com EasyEngine $ sudo wget -qO ac git.io/vB81d && sudo bash ac 4 – Instalar o domínio com WP. $ ee site create lojaplus.com.br --user=agiuscloud --pass=muda123 --wpfc --hhvm --pagespeed 5 – Acessar o WP-Admin e excluir todos os plugins. 6 – Instalar o plugin Revisr. 7 – Configurar o plugin Revisr conforme slides anteriores. (exatamente) 8 – Fazer o primeiro commit.
  36. 36. WORDCAMP - SÃO PAULO - 2015 9 – Fazer o Pull das alterações. 10 – Fazer o Push das alterações. Atualizar as alterações sempre nesta ordem: 1º PULL – 2º PUSH
  37. 37. WORDCAMP - SÃO PAULO - 2015 Resultado Final
  38. 38. WORDCAMP - SÃO PAULO - 2015 Resultado Final
  39. 39. WORDCAMP - SÃO PAULO - 2015 Muito Obrigado. Dúvidas?

×