Der Uurage -Szenario -Editor ist eine Webanwendungskomponente für die Bearbeitung von Kommunikationsszenarien.
Ein Serverstapel, der Php> = 7.4 enthält.
Für die Online -Verwendung sollte jedes kleine Webhosting -Paket dies tun. Linux -Umgebungen sind häufiger und besser unterstützt als Windows -Server. Bei Offline ist XAMPP eine angemessene Option.
Platzieren Sie alle Dateien in einem Verzeichnis und setzen Sie das public Unterverzeichnis als Webroot ( DocumentRoot in Apache). Wenn Sie das Web -Root nicht ändern können, aber Schreibzugriff auf das Verzeichnis haben, das das Webroot enthält , können Sie alle Dateien dort platzieren und den Inhalt der public in das Webroot verschieben.
Erstellen Sie eine Konfiguration XML -Datei basierend auf der Konfigurationssprache mit dem Namespace http://uurage.github.io/scenarioeditor/config/namespace und geben Sie sie mit der Dateiname config.xml in das public/editor Verzeichnis. Ein Tutorial ist ebenfalls verfügbar.
Der Zweck des NPM -Pakets besteht darin, Entwicklungsabhängigkeiten zu verwalten. Wir verwenden Technologien, die das Erstellen von Dateien (Transforming) (siehe unten) beinhalten. Mit dem NPM -Paket können Sie alles gleichzeitig erstellen und Dateien erstellen, die sich seit dem letzten Build bei jedem Speichern einer Datei geändert haben.
Installieren Sie node.js und führen Sie die folgenden Befehle aus, um die Entwicklungsabhängigkeiten zu installieren:
npm install -g gulp-cli
npm install
Zum Aufbau gulp build bauen. Um auf Dateiänderungen zu erstellen und zu beobachten, führen Sie gulp aus.
Der Szenario -Editor verfügt über eine Visual Studio -Code -Aufgabe für die Ausführung von Gulp. Nach der Installation der Abhängigkeiten kann diese Aufgabe im Code -Bearbeitungsfenster mit Ctrl+Shift+B ausgeführt werden.
Der Szenario -Editor verwendet eine Sammlung von SASS -Dateien für sein Styling. Es gibt verschiedene Möglichkeiten, Sass zu CSS zu kompilieren.
Siehe "NPM -Paket" oben. Führen Sie gulp sass aus, um einmal zu kompilieren.
Beim Kompilieren mit dem Standard -SASS -Compiler müssen Sie den Ordner public/editor/sass ansehen, um an public/editor/css zu kompilieren.
Sie können die Änderungen an Ihren Stylesheets in Ihrem Browser live laden, indem Sie gulp stream ausführen, der BrowserSync verwendet und localhost als Proxy-Hostname verwendet.