How to Upload Your Script on Your Domain

How do you upload your files to a web server?

This commodity shows y'all how to publish your site online using file transfer tools.

Summary

If you have built a elementary web page (see HTML basics for an case), you will probably want to put it online, on a web server. In this commodity we'll discuss how to do that, using various available options such every bit SFTP clients, RSync and GitHub.

SFTP

At that place are several SFTP clients out at that place. Our demo covers FileZilla, since it's gratuitous and available for Windows, macOS and Linux. To install FileZilla get to the FileZilla downloads page, click the big Download push button, and then install from the installer file in the usual way.

Note: Of form there are lots of other options. See Publishing tools for more information.

Open up the FileZilla application; you lot should see something similar this:

Logging in

For this example, we'll suppose that our hosting provider (the service that will host our HTTP spider web server) is a fictitious company "Example Hosting Provider" whose URLs look like this: mypersonalwebsite.examplehostingprovider.cyberspace.

We have merely opened an account and received this info from them:

Congratulations for opening an account at Example Hosting Provider.

Your business relationship is: demozilla

Your website volition be visible at demozilla.examplehostingprovider.net

To publish to this account, please connect through SFTP with the post-obit credentials:

• SFTP server: sftp://demozilla.examplehostingprovider.net
• Username: demozilla
• Password: quickbrownfox
• Port: 5548
• To publish on the web, put your files into the Public/htdocs directory.

Let's first look at http://demozilla.examplehostingprovider.net/ — as you can come across, so far there is nothing there:

Note: Depending on your hosting provider, most of the time yous'll see a page saying something like "This website is hosted by [Hosting Service]." when you commencement go to your web address.

To connect your SFTP client to the distant server, follow these steps:

1. Choose File > Site Director... from the primary menu.
2. In the Site Managing director window, printing the New Site button, and so make full in the site name as demozilla in the provided space.
3. Fill in the SFTP server your host provided in the Host: field.
4. In the Logon Type: drop down, choose Normal, so fill in your provided username and password in the relevant fields.
5. Fill in the right port and other information.

Your window should await something like this:

Now press Connect to connect to the SFTP server.

Annotation: Brand certain your hosting provider offers SFTP (Secure FTP) connexion to your hosting space. FTP is inherently insecure, and y'all shouldn't employ it.

Hither and there: local and remote view

In one case connected, your screen should look something like this (we've connected to an example of our ain to give yous an idea):

Let'south examine what y'all're seeing:

• On the center left pane, you see your local files. Navigate into the directory where you shop your website (e.g. mdn).
• On the eye right pane, yous see remote files. We are logged into our distant FTP root (in this instance, users/demozilla)
• You lot tin ignore the bottom and acme panes for now. Respectively, these are a log of messages showing the connection status between your calculator and the SFTP server, and a live log of every interaction between your SFTP client and the server.

Uploading to the server

Our case host instructions told the states "To publish on the spider web, put your files into the Public/htdocs directory." You lot demand to navigate to the specified directory in your right pane. This directory is effectively the root of your website — where your index.html file and other assets will go.

One time yous've found the correct remote directory to put your files in, to upload your files to the server you need to drag-and-driblet them from the left pane to the right pane.

Are they really online?

Then far, and then good, but are the files really online? You can double-check past going back to your website (e.g. http://demozilla.examplehostingprovider.net/) in your browser:

And our website is live!

Rsync

Rsync is a local-to-remote file synchronizing tool, which is generally available on most Unix-based systems (like macOS and Linux), merely Windows versions be as well.

It is seen as a more avant-garde tool than SFTP, because by default information technology is used on the command line. A bones control looks like this:

                                  rsync                  [-options]                  SOURCE user@x.10.x.x:DESTINATION                              

• -options is a dash followed past a one or more letters, for example -five for verbose fault messages, and -b to make backups. You can encounter the full listing at the rsync man page (search for "Options summary").
• SOURCE is the path to the local file or directory that you lot want to copy files over from.
• user@ is the credentials of the user on the remote server you want to re-create files over to.
• 10.x.10.x is the IP address of the remote server.
• DESTINATION is the path to the location you want to re-create your directory or files to on the remote server.

You'd need to go such details from your hosting provider.

For more information and further examples, see How to Use Rsync to Copy/Sync Files Between Servers.

Of form, it is a good idea to utilize a secure connection, equally with FTP. In the example of Rsync, you specify SSH details to brand the connexion over SSH, using the -e pick. For example:

                                  rsync                  [-options]                  -eastward                  "ssh [SSH DETAILS GO HERE]"                  SOURCE user@x.x.x.x:DESTINATION                              

Yous can find more details of what is needed at How To Re-create Files With Rsync Over SSH.

Rsync GUI tools

GUI tools are available for Rsync (for those who are not as comfortable with using the command line). Acrosync is one such tool, and it is available for Windows and macOS.

Again, yous would have to get the connection credentials from your hosting provider, but this manner y'all'd have a GUI to enter them in.

GitHub

Other methods to upload files

The FTP protocol is ane well-known method for publishing a website, but not the only one. Here are a few other possibilities:

• Web interfaces. An HTML interface acting every bit forepart-end for a remote file upload service. Provided by your hosting service.
• WebDAV. An extension of the HTTP protocol to let more advanced file management.

corleystideass.blogspot.com

Source: https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server

Share this post