System Designer

System Designer

  • Languages iconPortuguês (Brasil)
    • English
    • Ελληνικά
    • Svenska
    • 繁體中文
    • Help Translate
  • SUPPORT
  • GITHUB

›Guides

Introduction

  • What is System Designer?
  • O que é Design First?
  • Quick Start
  • Quick Start in videos

Guides

  • Installation
  • Create a System
  • Create a Schema
  • Edit a model
  • Create a Behavior
  • Create a Type
  • Create a Component
  • Run your System
  • Export a System
  • Import a System
  • Generate a diagram
  • Sync your systems with GitHub
  • Design a remote client system
  • Design a remote server system
  • Manage Extensions
  • Extend System Designer
  • Shortcuts

Tutorials

  • List of Examples
  • Bundle your CSS
  • Bundle your JavaScript
  • Bundle your HTML
  • Test a server-side application
  • Create a NPM module
  • Create a website
  • Listen to a model event
  • Listen to a data store event
  • Send messages
  • Send messages to other systems
  • Create an extension
  • Generate a model from a JSON file
  • Create a Graph system

Articles

  • Articles about the project

About

  • Quem está por trás do System Designer?
  • Privacy Policy
  • License
Translate

Design a remote server system

Version compatibility

This feature is only available on the Windows, macOS, Linux and PWA versions of System Designer.

With System Designer you can import a system of a running app on a remote server. You can then update the system from System Designer. All modifications to the system will be then send to the running system.

Enable design mode on your running system

To enable design mode on your application, just install the mode-admin-server extension in your server script and start it:

// require system runtime
const runtime = require('system-runtime');

// install mode-admin-server extension
runtime.install('node_modules/system-runtime/extensions/mode-admin-server.json');

// install and start your app
runtime.install('mysystem.json');

Set the url of the server

  • In System Designer, on the left toolbar, click on the 'configuration' icon. A configuration panel is then shown.
  • Click on Server-side as value for Type of debugging,
  • Set the url of the server you want to debug (example: http://localhost).

Image Alt

Design your system

  • Then on the left toolbar, click on the 'design' icon (the square with a pen icon). A message is then shown to inform you that a system has been found and it is ready to be imported.

Image Alt

  • Click on Import button. The system is then imported.

Image Alt

Now you can explore your system.

All modifications to the system in System Designer will impact the running system.

← Design a remote client systemManage Extensions →
  • Enable design mode on your running system
  • Set the url of the server
  • Design your system
System Designer is distributed under Apache License 2.0 - Copyright © 2024 Erwan Carriou