Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

Gulp | Guia Definitivo – Automatizando tarefas de build e deploy de um Web App – Mão na Massa – Processo de Deploy

Gulp | Guia Definitivo – Automatizando tarefas de build e deploy de um Web App – Mão na Massa – Processo de Deploy

Olá a todos. Sejam bem vindos aos Canal e Blog SW9 (http://blog.sw9.com.br)

No vídeo de hoje, sexto vídeo da série, vou continuar o processo de desenvolvimento de tarefas seguindo o workflow proposto no vídeo 2.

Agora será a vez de explicar passo a passo a criação de uma tarefa de deploy.

O Gulp, devido a infinidade de plugins, nos permite criar atividades de deploy para subir os arquivos para uma conta Ftp, sincronizar o nosso WeApp via conexão SSH, publicar nosso WebApp para a nuvem Amazon ou subir os fontes para Git, e muitas outras formas de deploy.

No nosso caso, vamos abordar um processo de deploy que envolve subir um servidor HTTP Local e publicar nosso WebApp nele.

A nossa tarefa de deploy se chamará [webserver]

[Tarefa – webServer]

O nome do plugin que vamos usar é [gulp-webserver]. Em primeiro lugar vamos instalar o plugin, em seguida fazer referência no arquivo gulpfile.js e por último construir a nossa tarefa de deploy.

O plugin [gulp-webserver] possui uma infinidade de recursos, deixarei o link no final da descrição

para vocês conhecerem todos os recursos e aplicá-los da melhor forma em suas aplicações web.

Para concluir, vou adicionar estas tarefas na tarefa principal chamada [run], desta forma, com um simples comando conseguimos executar todas as tarefas.

Comando que deve ser utilizado: npm run build

Aprenda HTML 5 e CSS 3

Comece a criar Sites Com o Melhor do HTML 5 e CSS 3
Curso Relacionado

Bom, por hoje é só. Aproveitem o vídeo e bons estudos.

Fiquem antenados que no próximo vídeo vou mostrar passo a passo como utilizar o método [watch], que faz parte da ferramenta Gulp.

Dica: Deixarei na descrição do vídeo o link para a área de plugins do Gulp. Conforme comentei, a ferramenta possui mais de 3.000 plugins disponíveis para facilitar nosso processo de automatização de tarefas.

Como de costume, deixarei um link no final da descrição para baixarem o código fonte parcial. O processo é bem simples, basta acessar o link, informar um e-mail válido e dentro de instantes receberá o link para acesso irrestrito em minha área de downloads.

O que estão esperando? Baixem agora mesmo o código fonte e bons estudos. :-)

Nome do arquivo disponível na área de Downloads: Gulp – Video – 6.zip

Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.

Fiquem com Deus e até o próximo vídeo.

Links úteis:

Plugins Gulp: http://gulpjs.com/plugins/

Plugin Gulp-Webserver: https://www.npmjs.com/package/gulp-webserver

Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/

Meu Blog: http://blog.sw9.com.br

Meu GitHub: https://sw9brl.github.io/MyGitHubPage

Canal youtube: https://youtube.com/+sw9brl

Link do vídeo: https://youtu.be/JoYRQB8C73o

Playlist sobre Gulp: https://www.youtube.com/playlist?list=PLtluGZbI5EShPP

Parceria: https://www.tubebuddy.com/pricing?a=sw9brl

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

Tópicos Relacionados

Deixe um comentário

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?