🖥 Code Server - Twoja platforma programowania na bramce AIS

Code Server na bramce AIS

:warning: Pakiet Code Server testujemy na wersji systemu Paweł, która to wersja jest obecnie na kanale ALFA. Prawdopodobnie zdecydujemy się na dodanie tego pakietu do finalnego wydania wersji Paweł. Poniższy opis powinien zadziałać też na starszych wersjach systemu ale nie sprawdzaliśmy tego.

W tym wpisie pokażę jak zainstalować aplikacje Code Server na bramce AIS. Code server pozwala na tworzenie kodów na bramce AIS za pomocą przeglądarki internetowej.

Cały proces instalacji można sprowadzić do uruchomienia jednej komendy (uruchomienie skryptu instalacyjnego), ale ja pokażę krok po kroku proces instalacji z wyjaśnieniem każdego etapu - może to być przydatne w przyszłości gdy będziemy chcieli zainstalować inną aplikację na bramce.

1. Instalacja nowego repozytorium pakietów TUR

TUR to nowe repozytorium pakietów w Termux, instalujemy je komendą:

apt update
apt -y install tur-repo
apt -y install nodejs
apt-y install libicu

2. Instalacja pakietu Code server

apt  -y install code-server

3. PM2 i skrypt startowy

Tworzymy skrypt startowy dla managera procesów PM2:

touch ~/AIS/ais-code-server.js
echo "const { execSync } = require('child_process');" > ~/AIS/ais-code-server.js
echo "execSync('code-server  --bind-addr 0.0.0.0:8080 --disable-telemetry --auth none',{stdio:['inherit','inherit','inherit']})" >> ~/AIS/ais-code-server.js

Uruchamiamy Code server jako proces PM2:

pm2 start ~/AIS/ais-code-server.js --name code-server --output NULL --error NULL --restart-delay=30000
pm2 save

4. Sprawdzenie działania aplikacji

W przeglądarce wchodzimy na adress:

http://[IP_BRAMKI]:8080

jeżeli coś nie działa to sprawdzamy logi

pm2 monit

5. Dodanie Code server jako panel w AIS

Na końcu pliku ~/AIS/configuration.yaml dopisujemy:

panel_iframe:
  vscode:
    title: Code
    icon: mdi:microsoft-visual-studio-code
    url: "http://[IP_BRAMKI]:8080"
    require_admin: true

Sprawdzamy konfiguracje:

i uruchamiamy ponownie Home Assistant:

6. Dostosowujemy wygląd aplikacji i kodujemy

7. W kolejnych wpisach pokażemy jak programować za pomocą Code server :slight_smile:

Opis na podstawie strony:

5 polubień

czy gdzieś zapisuje się lub da sie wyeksportować konfiguracje tej aplikacji np.: z kroku 6 ?