Now we have a local Ionic web app and a Linode VPS where we can run our web app remotely, so here I am going to upload the local web files to Linode VPS.
Here we are going to use FileZilla to upload our web files to our server. FileZilla is an FTP(stands for file transfer protocol) used to download/upload files from/to a server. It’s a free program and works on both Mac OS X and Windows.
Visit FileZilla website to download the FileZilla Client. Un-archive the .zip file after the downloading is done.
Clike to open FileZilla. Click the Site Manager icon in the upper left. Click New Site to add Linode VPS. Enter the information of your Linode server as shown below:
For Host enter your Linode IP address, and for Port enter 22. Protocol should be SFTP - SSH File Transfer Protocol. Logon Type is Normal and the User and Password are the same as you used to connect to your Linode server.
Click OK button after you entered all the information.
Select your new added
Linode site from upper left
My Sites list and click Connect button. For your first time connecting, you may get a warning about the server’s key. Check the box next to Always trust this host, and click OK.
If everthing is fine, you will see some connection dialog showing up in FileZilla’s top center window. When it’s done, you should see the final line say Directory listing successful. You’re now connected to your Linode server.
On the left side of FileZilla is your Local site. This panel shows all the files and folders on your local computer. On the right side of FileZilla, you should see a window labeled Remote site. Navigate to the location (you can also create a new directory) where you want to upload your web files, and just drag the file folder from left panel to right panel. Then FileZilla will do all the things left for you as shown in below video.
After I upload my Ionic APIDemo project files, now I am able to see Taylor Swift’s recent Instagram posts wherever has a browser and whenever I want.