STOP USING FTP! - How to Deploy with Flightplan over SSH

LearnCode.academy · Beginner ·🛠️ AI Tools & Apps ·11y ago

Key Takeaways

Deploys a website with Flightplan over SSH

Full Transcript

So, if you are using FTP to as a way of getting your files into production for a website, uh, say you use Cyberduck or something, you drag your files in, there's a much better way. I know I recently did a video where I showed you how to sign up for hosting from HostGator, and I showed you how to use FTP to get the files over, but that's really an entrylevel way of getting in. If you learn just a couple more things, you can do this in a much more stable, much more much more trustworthy, and an easier, much faster way. Uh there's absolutely no reason this should take this long uh just to put a few files online when you make changes. So, we're going to stop this and close this. Yes, please stop. Get out of here. Uh let's go do this in a much better way. Uh so, what you're going to need, I have a gist here that I will put the link to online, and we're just going to step right through it so you can see how easy this is. Couple prerequisites. Let's make sure you install Node.js from node.js.org. Now, let's make sure you have git on your machine uh or GitHub as it's often called and uh make sure get that on your computer and then let's move forward. So, you're going to open up your terminal and you're going to run this command npm install-g. The -ash g is important the first time. Flight plan. The - g means we're going to install it globally, which means we're actually going to have access to the fly command. Now I can say fly. There's no target specified, but fly is on my machine. And then you're going to get into your folder that your project is in, which is wills awesomesite.com for me. And then I'm just going to run No, I'm not going to run Will's awesome site. I'm going to run npm install flight plan without the G. And that's going to actually install it into my project. So now you can see if I go to my project, I have node modules and flight plan is in there. So that's great. And next up, if your project is not currently a Git repository, you don't really have to know what that means, but you're going to need to run these three commands in your project. And that's get init. Let me uh clean this up here for you. Get init. There you go. Now, I'm my project is a Git repository. Get add- capital A and get commit- M. And then in quotes, you're going to do a commit message. first commit. There you go. Now all my files are in a GitHub repository. The only prerequisite to using flight plan is you have to keep your files in a GitHub repository. So now we're going to create our flight plan.js file. Let me copy this new file. Paste it in. Save it as flight plan.js. There we go. Now I have flight plan.js. The only thing you're going to want to change is your host to be your website and your username to be whatever your HostGator or whatever login is. Now, one of the reasons I recommend HostGator is they allow you to SSH in. That's something your host has to allow you to do in order to do this kind of deployment. U they rec this is for HostGator right here. When HostGator allows you to SSH in, you have to do it to port 2222. Some lots of web hosts don't allow you to SSH in at all. Some require you to use a different port. So that's something you're going to need to know if you're not using HostGator. And that's it. I've called this target production, which means if I hit fly production, it's going to copy all my files to production. Okay, so that's it. I've saved it and let's test it out. Let's just go fly production. Copying them all. It's going to ask for my password. And there you go. It did it. You're like, no way. There's no way it was that easy. Oh, really? Well, let's check it out. Let's go to index.html. And instead of learn code being really rocks, it's really rocks. Fly production. Ask for my password. There you go. And let's refresh our website. Learn code really rocks. No way. Why was that so fast? Because this uses arsync and rsync only pushes the files that changed. Uh, which is really nice. refresh. There you go. Learn code. Now it just really rocks. So there you are. That's how to do great deployments using flight plan for any kind of website. And if that if you want to make it if that password gets really annoying for you, I have an SSH video that will show you how to set up passwordless SSH. So you don't need to type that every time. So your computer is authorized to do that to the server without a password. Hope you enjoyed this video. Have a great day.

Original Description

If you deploy websites with FTP STOP! There are much better ways to deploy a website, much more stable, reliable ways, faster ways. In this tutorial, I'll show you how to deploy a website with one command with flightplan in just one quick lesson. Here's the Gist from this video: https://gist.github.com/learncodeacademy/393c8ec3ebaa92df9a29 I HAVE HOSTGATOR COUPONS!* (http://ow.ly/HgC52) drop25perc (25% off) drop10bucks ($10 off) What is Node.js?: https://www.youtube.com/watch?v=pU9Q6oiQNd0 What is GitHub?: https://www.youtube.com/watch?v=0fKg7e37bQE SSH Tutorial: https://www.youtube.com/watch?v=DbPDraCYju8 * I recommend Hostgator so often that I became an affiliate...if you don't like that idea, feel free to use hostgator without the coupons or use any other host you like...as long as they allow SSH! -~-~~-~~~-~~-~- Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device" https://www.youtube.com/watch?v=fgOO9YUFlGI -~-~~-~~~-~~-~-
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from LearnCode.academy · LearnCode.academy · 60 of 60

← Previous Next →
1 Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript
Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript
LearnCode.academy
2 Web Development Tutorial for Beginners (#2) - Basic CSS - How to build a website with HTML & CSS
Web Development Tutorial for Beginners (#2) - Basic CSS - How to build a website with HTML & CSS
LearnCode.academy
3 How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS
How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS
LearnCode.academy
4 Bootstrap Tutorial For Beginners - Responsive Design with Bootstrap 3 - Responsive HTML, CSS
Bootstrap Tutorial For Beginners - Responsive Design with Bootstrap 3 - Responsive HTML, CSS
LearnCode.academy
5 Angularjs Tutorial for Beginners - learn Angular.js using UI-Router
Angularjs Tutorial for Beginners - learn Angular.js using UI-Router
LearnCode.academy
6 CSS Tutorial - Web Development Tutorial for Beginners (#5)
CSS Tutorial - Web Development Tutorial for Beginners (#5)
LearnCode.academy
7 Node.js tutorial for beginners - an introduction to Node.js with Express.js
Node.js tutorial for beginners - an introduction to Node.js with Express.js
LearnCode.academy
8 Github Tutorial For Beginners - Github Basics for Mac or Windows & Source Control Basics
Github Tutorial For Beginners - Github Basics for Mac or Windows & Source Control Basics
LearnCode.academy
9 Javascript Tutorial - Programming Tutorial for Beginners Pt 1
Javascript Tutorial - Programming Tutorial for Beginners Pt 1
LearnCode.academy
10 Javascript Tutorial - jQuery Tutorial for Beginners Pt 2
Javascript Tutorial - jQuery Tutorial for Beginners Pt 2
LearnCode.academy
11 AngularJS Directives Tutorial - Part 1 - Demystifying Angular Directives
AngularJS Directives Tutorial - Part 1 - Demystifying Angular Directives
LearnCode.academy
12 WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice
WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice
LearnCode.academy
13 YEOMAN TUTORIAL - Master Front-End Workflow with Yeoman, Grunt and Bower
YEOMAN TUTORIAL - Master Front-End Workflow with Yeoman, Grunt and Bower
LearnCode.academy
14 BOWER! - Streamline Web Workflow with Bower Package Manager
BOWER! - Streamline Web Workflow with Bower Package Manager
LearnCode.academy
15 Chrome DevTools for CSS - Better CSS Coding & CSS Debugging with Developer Tools
Chrome DevTools for CSS - Better CSS Coding & CSS Debugging with Developer Tools
LearnCode.academy
16 GITHUB ATOM - Why Atom.io will be your favorite Text Editor!
GITHUB ATOM - Why Atom.io will be your favorite Text Editor!
LearnCode.academy
17 GITHUB PULL REQUEST, Branching, Merging & Team Workflow
GITHUB PULL REQUEST, Branching, Merging & Team Workflow
LearnCode.academy
18 Pimp that Terminal - Add shortcuts and functions to your .bash_profile to simplify routine tasks
Pimp that Terminal - Add shortcuts and functions to your .bash_profile to simplify routine tasks
LearnCode.academy
19 jQuery Tutorial #3 - Writing Smarter, Better Code - jQuery Tutorial for Beginners
jQuery Tutorial #3 - Writing Smarter, Better Code - jQuery Tutorial for Beginners
LearnCode.academy
20 jQuery Tutorial #2 - Event Binding - jQuery Tutorial for Beginners
jQuery Tutorial #2 - Event Binding - jQuery Tutorial for Beginners
LearnCode.academy
21 jQuery Tutorial #1 - jQuery Tutorial for Beginners
jQuery Tutorial #1 - jQuery Tutorial for Beginners
LearnCode.academy
22 Node.js MongoDB Tutorial using Mongoose
Node.js MongoDB Tutorial using Mongoose
LearnCode.academy
23 Node.js tutorial for beginners 2014 - an introduction to Node.js with Express.js
Node.js tutorial for beginners 2014 - an introduction to Node.js with Express.js
LearnCode.academy
24 WEB DEVELOPMENT - SECRETS TO STARTING A CAREER in the Web Development Industry
WEB DEVELOPMENT - SECRETS TO STARTING A CAREER in the Web Development Industry
LearnCode.academy
25 jQuery Tutorial #4 - DOM Traversal with jQuery
jQuery Tutorial #4 - DOM Traversal with jQuery
LearnCode.academy
26 jQuery Tutorial #5 - Building a jQuery Tab Panel Widget
jQuery Tutorial #5 - Building a jQuery Tab Panel Widget
LearnCode.academy
27 jQuery Tutorial #6 - Building a jQuery Image Slider
jQuery Tutorial #6 - Building a jQuery Image Slider
LearnCode.academy
28 jQuery Ajax Tutorial #1 - Using AJAX & API's (jQuery Tutorial #7)
jQuery Ajax Tutorial #1 - Using AJAX & API's (jQuery Tutorial #7)
LearnCode.academy
29 jQuery Ajax Tutorial #2 - Posting data to backend (jQuery tutorial #8)
jQuery Ajax Tutorial #2 - Posting data to backend (jQuery tutorial #8)
LearnCode.academy
30 jQuery Ajax Tutorial #3 - Delegating Events & Mustache.js Templating (jQuery tutorial #9)
jQuery Ajax Tutorial #3 - Delegating Events & Mustache.js Templating (jQuery tutorial #9)
LearnCode.academy
31 jQuery Ajax Tutorial #4 - "Edit" modes & Better Mustache.js Templating (jQuery tutorial #9)
jQuery Ajax Tutorial #4 - "Edit" modes & Better Mustache.js Templating (jQuery tutorial #9)
LearnCode.academy
32 How to put your website online - how to FTP to a domain & upload files to a webhost
How to put your website online - how to FTP to a domain & upload files to a webhost
LearnCode.academy
33 Basic Terminal Usage - Cheat Sheet to make the command line EASY
Basic Terminal Usage - Cheat Sheet to make the command line EASY
LearnCode.academy
34 SSH Tutorial - Basic server administration with SSH
SSH Tutorial - Basic server administration with SSH
LearnCode.academy
35 Vagrant Tutorial - Running a VM For Your Local Development Environment
Vagrant Tutorial - Running a VM For Your Local Development Environment
LearnCode.academy
36 Sublime Text Favorite Packages and Workflow
Sublime Text Favorite Packages and Workflow
LearnCode.academy
37 What Makes Javascript Weird...and AWESOME - Pt 1
What Makes Javascript Weird...and AWESOME - Pt 1
LearnCode.academy
38 Javascript is Event-Driven - What makes Javascript Weird...and Awesome Pt 2
Javascript is Event-Driven - What makes Javascript Weird...and Awesome Pt 2
LearnCode.academy
39 Javascript Closures Tutorial - What makes Javascript Weird...and Awesome Pt 3
Javascript Closures Tutorial - What makes Javascript Weird...and Awesome Pt 3
LearnCode.academy
40 FREE REST API - Practice Developing Javascript AJAX Apps with this API
FREE REST API - Practice Developing Javascript AJAX Apps with this API
LearnCode.academy
41 Javascript Scope Tutorial - What Makes Javascript Weird...and Awesome Pt 4
Javascript Scope Tutorial - What Makes Javascript Weird...and Awesome Pt 4
LearnCode.academy
42 Javascript Context Tutorial - What makes Javascript Weird...and Awesome Pt5
Javascript Context Tutorial - What makes Javascript Weird...and Awesome Pt5
LearnCode.academy
43 Nginx Tutorial - Proxy to Express Application, Load Balancer, Static Cache Files
Nginx Tutorial - Proxy to Express Application, Load Balancer, Static Cache Files
LearnCode.academy
44 Live Reload Sublime, Chrome, Anything - Fast and easy with Live-Server
Live Reload Sublime, Chrome, Anything - Fast and easy with Live-Server
LearnCode.academy
45 Are you bad, good, better or best with Async JS? JS Tutorial: Callbacks, Promises, Generators
Are you bad, good, better or best with Async JS? JS Tutorial: Callbacks, Promises, Generators
LearnCode.academy
46 Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators
Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators
LearnCode.academy
47 Web Development Advice - Interview with Dev Tips
Web Development Advice - Interview with Dev Tips
LearnCode.academy
48 How the Internet Works for Developers - Pt 2 - Servers & Scaling
How the Internet Works for Developers - Pt 2 - Servers & Scaling
LearnCode.academy
49 How the Internet Works for Developers - Pt 1 - Overview & Frontend
How the Internet Works for Developers - Pt 1 - Overview & Frontend
LearnCode.academy
50 HAPROXY vs NGINX - 10,000 requests while killing servers
HAPROXY vs NGINX - 10,000 requests while killing servers
LearnCode.academy
51 Node.js Cluster - Boost Node App Performance & Stability with Clustering
Node.js Cluster - Boost Node App Performance & Stability with Clustering
LearnCode.academy
52 Web Dev Training with Treehouse
Web Dev Training with Treehouse
LearnCode.academy
53 What is Node.js Exactly? - a beginners introduction to Nodejs
What is Node.js Exactly? - a beginners introduction to Nodejs
LearnCode.academy
54 How to deploy node.js applications #1 - spin up a server
How to deploy node.js applications #1 - spin up a server
LearnCode.academy
55 Deploying node.js applications #2 - provision server & setup flightplan
Deploying node.js applications #2 - provision server & setup flightplan
LearnCode.academy
56 Deploying Node.js Applications - Deploy Node the right way - as an Upstart Service
Deploying Node.js Applications - Deploy Node the right way - as an Upstart Service
LearnCode.academy
57 Mobile Web Design - Coding Workflow For Mobile Websites
Mobile Web Design - Coding Workflow For Mobile Websites
LearnCode.academy
58 WHY YOU NEED A BUILD SYSTEM LIKE GRUNT, GULP, BRUNCH FOR YOUR WEBSITE
WHY YOU NEED A BUILD SYSTEM LIKE GRUNT, GULP, BRUNCH FOR YOUR WEBSITE
LearnCode.academy
59 GRUNT TUTORIAL - Grunt makes your web development better!
GRUNT TUTORIAL - Grunt makes your web development better!
LearnCode.academy
STOP USING FTP!  - How to Deploy with Flightplan over SSH
STOP USING FTP! - How to Deploy with Flightplan over SSH
LearnCode.academy

Related Reads

📰
AI Background Music as a Product: Building and Selling Custom Sound Libraries for Creators and SaaS Teams
Learn how to build and sell custom AI background music libraries as a product for creators and SaaS teams, solving concrete problems and generating revenue through reusable sound infrastructure
Dev.to AI
📰
The ChatGPT Workflow That Saves Me 10 Hours Every Week
Optimize your workflow with ChatGPT to save time and increase productivity
Medium · AI
📰
Why Developers Don’t Search Google Like They Used To
Developers' search habits are changing with new workflows, learning in a smarter order
Medium · AI
📰
What looks like AI slop from the outside is my accessibility tool
Discover how AI can be a powerful accessibility tool for individuals with ADHD, helping to structure and organize writing
Dev.to AI
Up next
The Difference Between Review Capacity and Review Control | ARDEM Incorporated
ARDEM Incorporated
Watch →