Develop Locally: Developer Dashboard
The Developer Dashboard is a web GUI that allows you to create and manage local projects. This includes starting and stopping projects, checking project logs, and switching between Layers.
Starting the Developer Dashboard
On Mac and Linux, go to the command line. Run the moov start command in your working directory:
sudo moov start
On Windows, a shortcut icon will have been placed on your Desktop when you installed the SDK. Right-click on the icon and select “Run as administrator” to start.
moov start creates a new directory named Moovweb Projects and opens the Developer Dashboard in your preferred browser at http://127.0.0.1:4002.
Navigating the Developer Dashboard
The first time you launch the Developer Dashboard, it will not have any projects in it. To generate a new project, click the “Generate New Project” button to bring up the Project Generator.
You can also import any previously deployed projects you may have downloaded from the Control Center by clicking “Load Existing Project .zip”. Or, just drag-and-drop a Moovweb project into the directory specified by the “Local Workspace”.
To start a particular project, just hit the play icon button in the Start/Stop column, and when the project is ready it will switch to a stop button to indicate that it is running. Click the project name to see your development copy of the website running in a local browser window. Note that only one project can be running at a time.
To stop the project, just hit the “Stop” button.
If a project has Layers, you can access these from the dropdown menu:
When a project is running you will see some buttons on the right. These controls provide a variety of powerful tools for your currently running project.
The logging panel improves Moovweb terminal messages by adding syntax highlighting and filtering capabilities.
This allows you to quickly see what files are being imported, relevant error messages, and generally useful log messages.
You can also view color-coded differences between request and response headers to see exactly how your upstream and downstream headers are being modified by Moovweb.
Replay Mode allows you to replay a previous response without going back upstream.
For example, if you submit a form and you just want to see the exact same HTML response but you don’t want to have to fill out the form again or go through the flow to get there, you can use Replay Mode.
Once you have enabled it, any new link you visit (or any time you refresh the current page), a cached copy of the response will be delivered (if available). In the logs, you will see a message telling you a previous response is being used.
To learn more, check out our in-depth replay mode documentation.