GitLab Create Editor Group, 21 Oct 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Remote Development MVC Update - 2022-10-21

Description

Eric Schurter, Sr. Product Manager for Create:Editor, demonstrates how you can connect the Web IDE to a remote development environment.

Documentation for configuring a remote environment: https://docs.gitlab.com/ee/user/project/remote_development/

A

Hi everyone, my name- is Eric Schroeder and I'm here. To give you a quick video demo of the progress we're making towards a MVC for a remote development offering so I want to cover a couple prerequisites. I want to show you where we're at and uh what's next now, uh as I mentioned prerequisites, the first and biggest one is the vs code base web IDE and that is available in production behind a feature flag, because there's some pretty large feature gaps that we're still working on.

A

It's defaulting to false, but I have the GDK running and I've changed this feature flag to true, so that you can see what that looks like when I open the web IDE now I get a notice that you are using something that's still in development, but I do have a web IDE based on vs code and I can make changes. I just can't save them and I can open up.

A

Multiple files and I can see as expected that if I open up a terminal, I don't have any runtime environment, there's no live feedback there and we'll refine this ux and I'll talk about that. In a minute, but if I wanted to connect this web IDE to a server runtime, we have now published some documentation that walks you through some steps and again I'll, highlight some prerequisites. First of all, you need a virtual machine somewhere on a cloud that you have root access to in this MVC.

A

We are not provisioning or configuring or hosting, or doing anything for you within gitlab. This is simply for connecting to an existing environment that you are managing outside of gitlab.

A

Once you have that environment, you also need a let's encrypt certificate to make sure that the connection is secure, and then you can follow these steps and install certbot download the package that we've hosted in our registry for the correct version of vs code server, and then you get a couple quick commands for starting and stopping your environment once you do all that, you can fetch your token and open up this URL that's generated for you with arguments on your domain. You get this page here.

A

I've got a demo server already set up and you can start the web. Ide I've switched the theme, but it's essentially the same thing here: I can go into my file tree and I can open up files, and now you can see, though I do have Source control and I have a live terminal, so I can do.

A

Pretty much anything I want and the live feedback happens in real time. You're directly, manipulating the the project on the server and I have access to extensions.

A

That I can install on the host and it's a full remote development environment.

A

Now, what's next, you may have noticed in the demo or in here that we have it hosted on gitlab.io.

A

This is just because we're still working on the uh the custom route for the remote development environment so that'll be next and then, as I mentioned, the ux here in the terminal view of the unconnected the client only Standalone web IDE we're working on building a message there with a call to action, that'll click through to the documentation and allow you to actually start up the environment and take you to this configuration screen right from the web IDE but say for those two sort of user experience housekeeping items.

A

The MVC is complete and if you follow the steps in the documentation, you should be able to get it up and running yourself. So let me know if you have any feedback and I will give you another another update as we progress on our journey to remote development. Thank you.