How to develop on hosting?

Question

Web development

Actually the essence is this - there is a folder with a project in which 2 folders are one for development and the other where everything is going, until this moment I did everything locally with browsersync, that is, all development went to localhost: 9000 and when you need to show the result to the customer, you need to open FTP manager and handles fill in the folder and then drag the link and show it and such a carousel until all the edits are done. And the second way is SFTP for gallp, which allows you to merge the folder where everything is going to the server, but this also takes time and the task needs to be interrupted (you can, of course, throw it into the default gallp task and constantly deploy to hosting, but it takes a lot of time)
Actually, the question arose : And how to develop directly on the hosting? to go to www.somesite.com for exampleand everyone could watch in real time how the change is going, which saves us from the FTP problem in general, it remains only to change the hosting address in the gallop on a new project. Is it realistic to implement this? And I want to ask senior comrades how do you do it all, do you live with sftp?

Answer 1

discover Docker
already possible

Answer 2

And how to develop directly on the hosting?

Bad idea, really. For development - use an environment that is as similar as possible to the prod.
For pouring - it all depends on the technology stack to which you are limited. But as an option - build a directory on the server with git, and then upload it to the working directory via rsync. It is possible through docker. It is possible through tar archives,...
But diploma and manual editing of the code should be independent. Otherwise, 99.99% shoot your own balls at the right time.
Didn't realize why? Make a release -> everyone sees the changes /
Development under Vagrant . All edits are committed to a common repository. At hour H on the sale of pull and reassembly.

Answer 3

Why such perversions? Browsersync is able to give an external link by which you can show the work to anyone.

gulp.task('browser-sync', function() {
    browserSync.init({      
        tunnel: true
    });
});