Удаленный доступ Remote Access

[RU]
Привет всем! Я снова здесь, чтобы удивлять. Ну, в первую очередь, наверное, саму себя — ведь я никогда заранее не знаю, какую задачку подкинет мне жизнь и какое безумное решение выдаст мой мозг. Единственное, что я делаю, когда пишу сюда, — сознательно сбавляю градус душной терминологии, чтобы объяснить сложнейшую архитектуру буквально на пальцах.

В общем, представьте ситуёвину: у вас есть изолированный сегмент сети. Он полностью отрезан от внешнего интернета (классический интранет). Из соображений безопасности на серверах этой сети нет вообще никаких привычных утилит удаленного доступа типа AnyDesk, TeamViewer или RDP. А администрировать систему нужно через веб-интерфейс, то есть вам кровь из носа нужен браузер внутри этой закрытой сети. Добраться туда со своего домашнего компа напрямую — нереально.

И прикиньте, что я закоммитила сегодня! Я закодила собственную админку, которая абсолютно безопасна и обходит любые сетевые барьеры.

Как это работает на пальцах:
Я запускаю специальный «безоконный» (headless) браузер прямо на удаленном сервере внутри той самой сети. А на своем компе я вывела лаконичный пульт управления. В нем есть всего несколько базовых функций — отправка нажатий Tab, Space (пробел), Enter и ввод текстовой строки. Больше для полноценной работы в браузере ничего и не нужно!

Когда я нажимаю кнопку на пульте, команда моментально улетает на сервер. Браузер в фоновом режиме её выполняет, делает скриншот страницы и присылает картинку мне обратно. Получается такой живой интерактивный комикс. А чтобы не блуждать вслепую, я придумала фичу: скрипт автоматически находит элемент, в котором сейчас стоит курсор, и подсвечивает его яркой неоновой рамкой. Теперь на каждом кадре сразу ясно, где фокус.

За всей этой штукой стоят очень серьезные серверные технологии. А реальная польза? Ну, например, уехали вы далеко-далеко, а вам нужно забрать показания приборов учета из локальной сети своего умного дома, куда из интернета ходу нет. Мой шлюз решает это в один клик.

[EN]

Hey everyone. I'm back, mostly to blow my own mind, because I never know what kind of logic puzzles life will throw at me or how my brain will respond with some wildly unconventional fix. The only rule I have when posting here is to tone down the hyper-specific jargon so I can explain heavy engineering concepts in plain English.

Picture this infrastructure bottleneck: you have a completely isolated network segment — a strict, secure intranet. For security reasons, there are zero remote desktop utilities deployed on the boxes. No AnyDesk, no RDP, no SSH tunnels. Nothing. But you absolutely need a browser context inside that closed loop to manage a local web dashboard, and you can’t reach it from your machine.

So, guess what I shipped today? I engineered a custom, zero-trust remote administration gateway that is insanely secure.

Here is the lowdown on the architecture:
Instead of fighting with port forwarding, I deploy a headless Chromium instance right on the target network's server using Playwright. To control it, I built a decoupled UI dashboard using ipywidgets inside a Jupyter environment.

My frontend control plane only needs to pipe bare-minimum keyboard events — Tab, Space, Enter, and raw string inputs — through an asynchronous, local file-bridge messaging loop (IPC). Honestly, that's all you need to drive any web interface.

The background thread polls for these commands, mirrors the physical keystrokes inside the headless Chrome context, captures a real-time page layout snapshot, and syncs the image back to my display. To solve the "blind navigation" issue, I injected a custom script that sniffs out document.activeElement across the DOM (even diving into nested iframes) and forces a hot-pink neon border around it.

The tech stack under the hood is heavy-duty, but the utility is pure gold. Imagine you're halfway across the world, and you need to scrape telemetry or power-grid metrics from your smart home's local intranet. This gateway does it asynchronously, with zero footprint, and without exposing a single port to the public web.


Stephaniia Bubnova (Стефания Бубнова) — Creative Developer, UI/UX Designer, WebGL Engineer.
https://stephaniia-bubnova.web.app/