Server Control Website

Hi there, how would I go about making a website (for private use) where I could control different servers or all servers?

Some examples,
Perhaps I want to edit a players data store,
Show a GUI message on every players screen in every (or selected) servers
Change a parts color
Or perhaps be able to read things from servers like maybe I want it to show me a list of current guis visible or chat logs or something
Maybe a player sends a report or some feedback so I can read it there.

What software would I need to use (would GitHub work)?
Is there something free that would do what I want (nobody wants to pay for something that might not be of use for long)
If it’s free, and I wanted to let somebody else use this website would I have to pay for some other plan?

If possible and easy enough, would someone be kind enough to create me a basic example? I’d find it easier to learn what to do if I had a small kind of template with some example thing

I am good at Roblox scripting but have never done anything to do with web apis or whatever. I could probably do this by creating a whole new game but would be better to use a proper kind of website thing.

Thanks!

You could try and make an express.js application for your server and use HttpService to perform requests. Keep in mind that you’d have to make some kind of authentication so nobody can abuse your system.

When it comes to software for backend I’d go for express.js, some free database provider (I use Turso, you can also host it on your own machine), and for the frontend: Axios for requests to the backend, React for UI, and js-cookie since you will most likely have to make authorization if you want to allow multiple people use it. All of it runs on node-js

Is it free? - If you host it on your own machine or find a good provider, yes

Would GitHub work? - Assuming you meant GitHub pages, it will not. GitHub pages is for static pages.

Here’s an example Express.js server that will log to the console when a player joins the game:

// index.ts

import express from "express";

const IP = "";      // your server's IP
const PORT = 3001;  // your server's port

const app = express(); // this is your server!

app.post("/player_joined", async (req, res) => { //when your app gets a POST request, the callback executes
    const { playerName } = req.body //we'll be providing the player's name in the request's body

    console.log(`Player joined! Name: ${playerName}`)
})  

app.listen(PORT, IP, () => { //starts the server on ip IP and port PORT and tell you when the server is ready
    console.log("Server ready and running!")
})

and now to tell your server that somebody joined, you’d make a POST request with the player’s name in the request body.

Any idea with how i’d do all that?

I’ve never worked with web stuff so I have no idea how i’d make a thing that has a password to login and some stuff that I can control

Vercel would be a good option, I’m using it for API’s/serverless functions, but I think it’d work the same

What do you use yours for? Would you be able to send a screenshot of how it looks?

image
I have my code deployed on Vercel using a GitHub repository. Vercel is mainly just used to host the code. What cloudy suggested you doing is pretty good, I’d just recommend using vercel to host it.

Like so could I make a website that looks like the Roblox webpage or something but with my own buttons and whatever, and have it talk to Roblox servers?

Also with this, could I give it my own link? Like www.servercontrolthing.com/ or something?

If you code it right yes because vercel is just to host the website 24/7. You would need a script in your game using HTTPService to receive/post data. Then you would handle the data on the website code with node-js and libraries like Axios and React. And to add a URL you would just go to the Vercel project settings and connect the domain there.

Do they provide templates? or could you help me with just the set up?