Installable Windows App like Codeanywhere?
-
@stacksofplates said in Installable Windows App like Codeanywhere?:
I just feel it's a little inconvenient to open up PuTTY, connect to the server, 'cd' to where I want to go, open up the files in vi or nano, edit, etc, etc, etc.
It is, which is why automation is what you should be striving for. Directly editing files on systems should be as minimal as possible, unless it's a dev system that you're learning something on.
How do you automate me wanting to make a change to a page on my personal website?
I would prefer to edit directly on my web server. It's all just HTML, and it does change history. So if I f up, I can go back to the last edit. -
@guyinpv said in Installable Windows App like Codeanywhere?:
WinSCP is fairly standard.
Enter all the sites, storing credentials and keys as you see fit. Then configure whatever you like as the text editor of choice. Notepad++, Sublime, VSC, et al. You can make it so that double-clicking any file goes strait to your editor of choice. Or create multiple editors that handle different file types.
A nice thing about WinSCP is that it's scriptable and has a command line executable for using however needed. I use it, for example, to automatically connect to a server and download backups to my local machine as a scheduled task in Windows.
Another handy feature is that you can save any given login as a Windows shortcut icon so simply double-click the icon and it opens up that connection. I use this by saving a shortcut in each project folder for different sites I work on. So I open my working folder and can double-click strait into the files.
Let's see, what else? You can tell it to synchronize local and remote folders to compare differences and sync up. You can tell it to keep a remote folder up to date so that every save of a local file will automatically upload to remote. You can open multiple sessions to different connections at the same time and even copy files between different sessions on completely different connections (tabbed interface). It can store multiple open sessions as a single state so that you can with a click open a WinSCP session that automatically opens multiple connections at the same time, such as if you commonly work on multiple servers at once.
If you connect with SSH, you can even bring up and run terminal commands.All that said, it's a bit more powerful than typical tools like FileZilla and CyberDuck, but still has a few quirks. It's pretty much a standard though.
Using WinSCP the way you described... am I able to open/edit/save directly from the server without downloading a copy first, editing, saving, then uploading? (that's what I'm trying to avoid, and why codeanywhere is nice)
-
@tim_g
Technically no. If you click to edit a file, it will download a temp copy since you would be editing it with a local text editor.
As soon as you close WinSCP these temp copies are destroyed. In fact if you just close the text editor the temp copy is destroyed. So it only downloads the specific file you want while it is in use, unless you do the whole synchronize thing.The only way to edit the file "directly" on the server is connect with SSH and use the terminal. Or if you have something like cPanel, use the built-in file explorer and edit the files with the built-in text editor.
Or use a cloud based IDE such as https://c9.io/ which can connect over SSH to your own server.
Regarding editing HTML files or Wordpress template files, these are tiny files, so the fact that it has to download a temp copy while you edit isn't a big deal.
A last option is to host your own IDE connected to your project, something like this: http://codiad.com/
It will provide a web-based IDE connected directly to your files on the server. -
@tim_g
Reading your question again, maybe yes. You don't have to manually do downloading and uploading yourself.
In fact you can configure WinSCP to automatically upload on save so every time you save the file, it just uploads immediately.This also applies to the feature for keeping a remote directory up to date. It can "watch" an entire local folder and will automatically upload any saved changes in any file.
I combine this feature with a feature in Visual Studio Code to automatically save my file on loss of focus. So what this means is, when I open a file in WinSCP and VSC, I can make edits and simply click over to my browser. In the meantime, VSC looses focus and auto-saves my file, and then WinSCP auto-uploads it. So by the time I click over to the browser, 1 or 2 seconds later I can refresh to see changes.
-
@guyinpv said in Installable Windows App like Codeanywhere?:
@tim_g
Reading your question again, maybe yes. You don't have to manually do downloading and uploading yourself.
In fact you can configure WinSCP to automatically upload on save so every time you save the file, it just uploads immediately.This also applies to the feature for keeping a remote directory up to date. It can "watch" an entire local folder and will automatically upload any saved changes in any file.
I combine this feature with a feature in Visual Studio Code to automatically save my file on loss of focus. So what this means is, when I open a file in WinSCP and VSC, I can make edits and simply click over to my browser. In the meantime, VSC looses focus and auto-saves my file, and then WinSCP auto-uploads it. So by the time I click over to the browser, 1 or 2 seconds later I can refresh to see changes.
This is what I'm looking for. If it's all automatic, then I'm happy. Temp copies are fine as you described.
I tried setting it up in VSC, but it wasn't working. I ran out of time at home trying to set it up so I gave up and haven't yet had time to try again.
Could you guide me through getting it set up in VSC?
I tried doing it via SFTP, becuase those are the only addins I could find that would do it. Perhaps WinSCP and Notepad++ is the way to go.
I'm going to give Atom a try also, to see what I can do in there.
In the end, what I'd like is this:
- Open up program.
- See a live server tree on the left.
- Clicking on a file from the tree on the left, opens it on the right side (like in Codeanywhere or VSC), or opens it in text editor like Notepad++.
- Saving the file automatically uploads and overwrites file on server.
This needs to be done via SSH and needs to work with PuTTY or Openssh key files.
-
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
I just feel it's a little inconvenient to open up PuTTY, connect to the server, 'cd' to where I want to go, open up the files in vi or nano, edit, etc, etc, etc.
It is, which is why automation is what you should be striving for. Directly editing files on systems should be as minimal as possible, unless it's a dev system that you're learning something on.
How do you automate me wanting to make a change to a page on my personal website?
I would prefer to edit directly on my web server. It's all just HTML, and it does change history. So if I f up, I can go back to the last edit.With Git and an automation tool. This is a 101 use case for automation. I don't understand how it wouldn't work?
-
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
I just feel it's a little inconvenient to open up PuTTY, connect to the server, 'cd' to where I want to go, open up the files in vi or nano, edit, etc, etc, etc.
It is, which is why automation is what you should be striving for. Directly editing files on systems should be as minimal as possible, unless it's a dev system that you're learning something on.
How do you automate me wanting to make a change to a page on my personal website?
I would prefer to edit directly on my web server. It's all just HTML, and it does change history. So if I f up, I can go back to the last edit.This is the bread and butter use case for normal version control systems. This is the expected common example case.
Other than it not being a personal site, this is what we use GIT for all over.
-
@stacksofplates said in Installable Windows App like Codeanywhere?:
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
I just feel it's a little inconvenient to open up PuTTY, connect to the server, 'cd' to where I want to go, open up the files in vi or nano, edit, etc, etc, etc.
It is, which is why automation is what you should be striving for. Directly editing files on systems should be as minimal as possible, unless it's a dev system that you're learning something on.
How do you automate me wanting to make a change to a page on my personal website?
I would prefer to edit directly on my web server. It's all just HTML, and it does change history. So if I f up, I can go back to the last edit.With Git and an automation tool. This is a 101 use case for automation. I don't understand how it wouldn't work?
So if you had a simple HTML5 website that only consists of a single index.html page, you would set up GIT on your personal computer, and try to set up gitlab on another server, and sync it to your webhost or whatever (in my case, Dreamhost)?
Sounds like a lot of work if I want to alter a sentence on my website. I really don't feel like I need version control or automation. I just need a program that connects to my webhost, that allows me to edit files as needed, that saves them back to the server. I'm looking for convenience and efficiency, not to over-complicate things and make a simple webpage edit takes hours. And I want to be able to do it on my phone, or computer, or anywhere. The paid version of Codeanywhere seems nice due to the built in "revision history". That's all I need. The free version keeps the last revision, which is good enough for my uses.
What exactly would be "automated"? I don't understand what you would automate, or what automation tool would fit in to this? How could an automation tool know what I want to edit and do it for me?
-
I'd prefer to use Atom or VS code and avoid the whole middle man thing. It doesn't seem to be the most secure way to do it. I wouldn't for business purposes.
But I don't see an alternative for Android, and couldn't figure out how to set it up in VSCode or Atom yet. I've still yet to try WinSCP and Notepad++ for Windows.
-
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
I just feel it's a little inconvenient to open up PuTTY, connect to the server, 'cd' to where I want to go, open up the files in vi or nano, edit, etc, etc, etc.
It is, which is why automation is what you should be striving for. Directly editing files on systems should be as minimal as possible, unless it's a dev system that you're learning something on.
How do you automate me wanting to make a change to a page on my personal website?
I would prefer to edit directly on my web server. It's all just HTML, and it does change history. So if I f up, I can go back to the last edit.With Git and an automation tool. This is a 101 use case for automation. I don't understand how it wouldn't work?
So if you had a simple HTML5 website that only consists of a single index.html page, you would set up GIT on your personal computer, and try to set up gitlab on another server, and sync it to your webhost or whatever (in my case, Dreamhost)?
Sounds like a lot of work if I want to alter a sentence on my website. I really don't feel like I need version control or automation. I just need a program that connects to my webhost, that allows me to edit files as needed, that saves them back to the server. I'm looking for convenience and efficiency, not to over-complicate things and make a simple webpage edit takes hours. And I want to be able to do it on my phone, or computer, or anywhere. The paid version of Codeanywhere seems nice due to the built in "revision history". That's all I need. The free version keeps the last revision, which is good enough for my uses.
What exactly would be "automated"? I don't understand what you would automate, or what automation tool would fit in to this? How could an automation tool know what I want to edit and do it for me?
Yes I would use Git. Because A) Version control outside of that app B) You don't have to "set up" a server for this. Just use hosted Gitlab or Github C) It can be set up to auto sync from the hosting provider D) You may have one HTML page at this point, but you will have more almost guaranteed.
Editing in VS Code, saving your commit message, and typing ctrl+p to push to the repo seems much easier than what you are doing currently.
What exactly would be "automated"? I don't understand what you would automate, or what automation tool would fit in to this? How could an automation tool know what I want to edit and do it for me?
Literally everything after you type ctrl+p. A super simple way would be have a cron job on the host that polls Git for changes and pulls them in. Or just literally use Dreamhost as your git repo.
-
@stacksofplates said in Installable Windows App like Codeanywhere?:
Editing in VS Code, saving your commit message, and typing ctrl+p to push to the repo seems much easier than what you are doing currently.
What I'm doing currently is opening up the Codeanywhere App (or website depending on what platform I'm on), then clicking on the file to edit, edit it, save. Done.
If mess up, I have the last revision available.
Honestly, that's all I need.
I really don't feel like setting up a personal Gitlab server or pay for a Github (private) account, syncing, pushing, etc all for a single index.html page.
-
@stacksofplates said in Installable Windows App like Codeanywhere?:
D) You may have one HTML page at this point, but you will have more almost guaranteed.
There will never be more than a single index.html. That's how the site works. And never a lot of content... well, no more than like 1100 lines.
If I ever change that (the template), I will want the same style (single index.html).
-
@stacksofplates said in Installable Windows App like Codeanywhere?:
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
I just feel it's a little inconvenient to open up PuTTY, connect to the server, 'cd' to where I want to go, open up the files in vi or nano, edit, etc, etc, etc.
It is, which is why automation is what you should be striving for. Directly editing files on systems should be as minimal as possible, unless it's a dev system that you're learning something on.
How do you automate me wanting to make a change to a page on my personal website?
I would prefer to edit directly on my web server. It's all just HTML, and it does change history. So if I f up, I can go back to the last edit.With Git and an automation tool. This is a 101 use case for automation. I don't understand how it wouldn't work?
So if you had a simple HTML5 website that only consists of a single index.html page, you would set up GIT on your personal computer, and try to set up gitlab on another server, and sync it to your webhost or whatever (in my case, Dreamhost)?
Sounds like a lot of work if I want to alter a sentence on my website. I really don't feel like I need version control or automation. I just need a program that connects to my webhost, that allows me to edit files as needed, that saves them back to the server. I'm looking for convenience and efficiency, not to over-complicate things and make a simple webpage edit takes hours. And I want to be able to do it on my phone, or computer, or anywhere. The paid version of Codeanywhere seems nice due to the built in "revision history". That's all I need. The free version keeps the last revision, which is good enough for my uses.
What exactly would be "automated"? I don't understand what you would automate, or what automation tool would fit in to this? How could an automation tool know what I want to edit and do it for me?
Yes I would use Git. Because A) Version control outside of that app B) You don't have to "set up" a server for this. Just use hosted Gitlab or Github C) It can be set up to auto sync from the hosting provider D) You may have one HTML page at this point, but you will have more almost guaranteed.
Editing in VS Code, saving your commit message, and typing ctrl+p to push to the repo seems much easier than what you are doing currently.
What exactly would be "automated"? I don't understand what you would automate, or what automation tool would fit in to this? How could an automation tool know what I want to edit and do it for me?
Literally everything after you type ctrl+p. A super simple way would be have a cron job on the host that polls Git for changes and pulls them in. Or just literally use Dreamhost as your git repo.
I just don't want to use Git for this, or anything like it.
I want something like Codeanywhere, but on my computer/phone, so I don't have a man-in-the-middle.
-
@tim_g said in Installable Windows App like Codeanywhere?:
@stacksofplates said in Installable Windows App like Codeanywhere?:
Editing in VS Code, saving your commit message, and typing ctrl+p to push to the repo seems much easier than what you are doing currently.
What I'm doing currently is opening up the Codeanywhere App (or website depending on what platform I'm on), then clicking on the file to edit, edit it, save. Done.
If mess up, I have the last revision available.
Honestly, that's all I need.
I really don't feel like setting up a personal Gitlab server or pay for a Github (private) account, syncing, pushing, etc all for a single index.html page.
Ok. I wouldn’t trust that app having access to even my shared hosting, but that’s just me.
Again, just so there isn’t any misinformation, you don’t need to set anything up. The hosted Gitlab is free for private repos.
-
@stacksofplates said in Installable Windows App like Codeanywhere?:
Again, just so there isn’t any misinformation, you don’t need to set anything up. The hosted Gitlab is free for private repos.
Oh, I didn't know that!
