Skip to content

Instantly share code, notes, and snippets.

@ChaseC99
Last active March 15, 2022 05:45
Show Gist options
  • Save ChaseC99/51fdc04e4a752d1ebad9ff1469945062 to your computer and use it in GitHub Desktop.
Save ChaseC99/51fdc04e4a752d1ebad9ff1469945062 to your computer and use it in GitHub Desktop.
How to create a website on UCI's ICS Openlab

Creating a website on Openlab

Building out a webpage on the ics domain is super cool!

Examples

Here are two sites that I built on it:

Prerequisites

Steps

Step 1: Connect to OpenLab

If you have SSH into openlab before, you know what you’re doing and can move onto Step 2 👍

If you haven’t set up ssh keys with OpenLab before, you will need to do the following:

  • Connect to the UCI VPN
  • Open up your terminal
  • Type ssh ucinetid@openlab.ics.uci.edu (swap out “ucinetid” for yours)
    *** It will ask for your password. This is your ICS Password, not your regular UCI password.

Here's a complete guide on How to Connect to UCI ICS Openlab.

If your prompt looks something like this, you’re in!

ccarnaro@circinus-30 22:42:38 ~ 
$ 

Step 2: Create Web Page

In this step, you will get your /public_html folder setup along with a simple webpage!

  • Run the following command in your terminal: /pkg/ics/bin/make_my_web
  • Follow the prompts and answer the program’s questions. It will use this information to construct a simple personal site, like mine.
  • At the end it should give you the url for your ICS webpage! Go check it out

Step 3: Create a Custom Page

Now that you’re set up, let’s go ahead and make a new custom page.

  • Go into the /public_html directory: cd public_html/
  • Use either nano or vim to create a new file for your page: nano test.html <- You can name it whatever you want!
  • Create a simple html file <html>Hello World</html>
  • Save the file

Once you have added the new file, we need to make it viewable to the public.

  • Run the following command in the terminal: chmod 644 test.html
  • Note: If you have any directories, like a js folder, you can make it public by running: chmod 755 folderName

Finally, view your new page and verify that “Hello World” shows up!
The url should be something like this: www.ics.uci.edu/~ccarnaro/test.html

Conclusion

Congratulations, you’ve set up a webpage on Openlab 🎉 🎉

@imliuyzh
Copy link

Does this only work for a static website or also works for a dynamic website of the MERN stack.

@ChaseC99
Copy link
Author

This is meant for static sites. So you could host your React site here but your backend server and database would need to hosted somewhere else.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment