Project showcase
Portable Web Debugger for All Platforms

Portable Web Debugger for All Platforms © GPL3+

Serial Web Debugging can be used with shared sessions, breaks, watches and charting, you can share your project anywhere with one solution..

  • 932 views
  • 0 comments
  • 0 respects

Components and supplies

Ph a000066 iso (1) ztbmubhmho
Arduino UNO
** Or ANY board with a Serial Interface **
×1

Apps and online services

About this project

When you need to see what is happening on your project, but may not be able to stay by the PC waiting for the event you need to see, you need the Web Debugging interface detailed below...

Just set up the Serial Debugger, and run the portable application to allow your board to be accessed via any Web Enabled device, locally or remotely, by more than one person if desired.

You can also take the board and application to another PC, so you can share your project with friends, or show your findings to colleagues in the office, as well as allowing remote access to your machine if you are working remotely.

Setup

The setup is the same as the Serial Debugger from a code perspective, and for build / upload.

Additionally: Enable the vMicro > Debugging > Export Web Debugger (Experimental) option

Build and upload your code to your board as normal

Additional links will be shown in the output, allowing further customisation of the debugger ports and addresses to serve on.

Run the script to kick off the web server, and launch a copy in a browser on your PC.

An Example Video is below, and more detailed instructions can be found on the Visual Micro Website here.

Youtube: Guide to the Web Based Debugger

Going Further

This tool is constantly being amended and updated, and new versions will update to Visual Micro customers as soon as they are available.

New Features such as custom dashboards, charts, and more will all be available shortly, so check back for further updates here and on our site:

Export Web Debugger (Experimental)

Visual Micro Website

Visual Micro COVID-19 Update & Free Trial Information

Code

SerialDebuggerExample.inoArduino
Main Sketch - just code to use with the Serial Debugging Tool in the examples shown
double currentSinVal = 0.0;
double currentCosVal = 0.0;
int randomVal = 0;

void setup() {
	Serial.begin(115200);
	randomSeed(millis());
	pinMode(13, OUTPUT);
}

void loop() {
	currentSinVal = getSinValue(millis());
	currentCosVal = getCosValue(millis());
	randomVal += random(0, 100);	
	Serial.print(F("Random:"));
	Serial.print(randomVal);
	delay(100);   
}
Calcs.inoArduino
Secondary INO file for use in the examples
// Calculations kept in seperate ino 

double getSinValue(unsigned long millis) {
	double newSin = 1+ sin(millis / 200);
	return newSin * 90;
}

double getCosValue(unsigned long millis) {
	double newCos = cos(millis / 200);
	return newCos * 90;
}

Schematics

No Additional Wiring for Serial Debug
Just to show how nothing is needed beyond the USB lead to the PC from your board.
Debug help uno usbonly pdjyvc9l8j

Comments

Similar projects you might like

Arduino Uno Debugging

Project tutorial by visualmicro

  • 1,467 views
  • 0 comments
  • 5 respects

AiouLinux

Project showcase by CESARMASSARI

  • 5,859 views
  • 1 comment
  • 32 respects

Portable Temperature Station V2: IOT Edition

Project tutorial by Isaac100

  • 3,646 views
  • 0 comments
  • 8 respects

Arduino Nano 33 IoT Debugging

Project tutorial by visualmicro

  • 3,253 views
  • 3 comments
  • 12 respects

Arduino Nano 33 BLE/IoT Custom Debugging

Project tutorial by visualmicro

  • 1,040 views
  • 0 comments
  • 4 respects
Add projectSign up / Login