L'éditeur de scénario UURAGE est un composant d'application Web pour modifier les scénarios de communication.
Une pile de serveurs qui inclut PHP> = 7.4.
Pour une utilisation en ligne, tout petit package d'hébergement Web devrait faire; Les environnements Linux sont plus courants et mieux pris en charge que les serveurs Windows. Pour une utilisation locale hors ligne sur Windows, XAMPP est une option raisonnable.
Placez tous les fichiers dans un répertoire et définissez le sous-répertoire public comme Root Web ( DocumentRoot dans Apache). Si vous ne pouvez pas modifier la racine du Web, mais que vous avez un accès en écriture au répertoire qui contient la racine Web, vous pouvez y placer tous les fichiers et déplacer le contenu du public dans la racine Web.
Créez un fichier XML de configuration basé sur le langage de configuration avec l'espace de noms http://uurage.github.io/scenarioeditor/config/namespace et mettez-le dans le répertoire public/editor avec le nom de fichier config.xml . Un tutoriel est également disponible.
Le but du package NPM est de gérer les dépendances de développement. Nous utilisons des technologies qui impliquent la construction de fichiers (transformants) (voir ci-dessous). Le package NPM vous permet de tout construire en même temps et de créer des fichiers qui ont changé depuis la dernière version à chaque fois que vous enregistrez un fichier.
Installez Node.js et exécutez les commandes suivantes pour installer les dépendances de développement:
npm install -g gulp-cli
npm install
Pour construire, exécutez gulp build . Pour construire et surveiller les modifications de fichiers, exécutez gulp .
L'éditeur de scénario a une tâche de code Visual Studio pour exécuter Gulp. Après avoir installé les dépendances, cette tâche peut être exécutée avec Ctrl+Shift+B dans la fenêtre d'édition de code.
L'éditeur de scénario utilise une collection de fichiers SASS pour son style. Il existe plusieurs façons de compiler les SASS à CSS.
Voir "Package NPM" ci-dessus. Exécutez gulp sass pour compiler une fois.
Lors de la compilation à l'aide du compilateur SASS standard, vous devez regarder le dossier public/editor/sass pour compiler avec public/editor/css .
Vous pouvez relocaliser en direct les modifications apportées à vos styles de style dans votre navigateur en exécutant gulp stream , qui utilise BrowSersync et utilise localhost comme nom d'hôte proxy.