กลับไปหน้ารวมไฟล์
portable-web-debugger-for-all-platforms-f0675c-en.md

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 for the Web Debugger Option Post Upload

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

EXPANDED TECHNICAL DETAILS

Cross-Platform Remote Diagnostics Tool

This advanced project transforms an Arduino into a "Wireless Diagnostic Bridge," allowing developers to debug their hardware using any device with a web browser.

  • Visual Micro Integration: Created using the Visual Micro extension for Visual Studio, allowing for "Professional Grade" C++ development and high-speed firmware optimization.
  • HTTP/WebSocket Debugging Stream: The Arduino (ESP8266/ESP32) acts as a local access point. It harvests serial logs from a target device and streams them to a beautiful, browser-based terminal dashboard.

Performance

  • Zero-Lag Telemetry: Optimized to provide a real-time view of variables and memory usage, helping developers identify bugs in the field without needing a dedicated PC or physical debugger cables.

ข้อมูล Frontmatter ดั้งเดิม 

title: "Portable Web Debugger for All Platforms"
description: "Serial Web Debugging can be used with shared sessions, breaks, watches and charting, you can share your project anywhere with one solution.."
author: "arduinocc"
category: ""
tags:
  - "debugging tools"
  - "internet of things"
  - "visual micro"
views: 4958
likes: 2
price: 299
difficulty: "Easy"
components:
  - "1x Arduino UNO"
tools: []
apps:
  - "1x Visual Micro"
  - "1x Visual Studio 2017"
  - "1x Arduino IDE"
downloadableFiles:
  - "https://projects.arduinocontent.cc/070d49ca-81bd-460e-a61d-cb1d595657cd.ino"
  - "https://projects.arduinocontent.cc/cf25359b-f976-4874-af89-6c6423bfe228.ino"
  - "https://projects.arduinocontent.cc/070d49ca-81bd-460e-a61d-cb1d595657cd.ino"
documentationLinks: []
passwordHash: "5af77277a614f37525032256444e31b111e52a65d5afdc6f3d57668b1c7ff70e"
encryptedPayload: "U2FsdGVkX1+M0UQ2c0tbKOwD5tTAtHsrBPzv3tSBeTv36FVZ48qz3cjUIERW+27SQWEqhSXQsS4Y31y0baGgYlbIckVkiETQ6DXXUMOtf4KMI8CA3b6lvkDeUqudoknMOiTRFiIPWEZvAUHjiBlhoQ=="
seoDescription: "Portable Web Debugger for Serial Web Debugging with shared sessions, breaks, and charts. Share your project on any platform."
videoLinks:
  - "https://www.youtube.com/embed/axNZlcCpt0U"
heroImage: "https://cdn.jsdelivr.net/gh/bigboxthailand/arduino-assets@main/images/projects/portable-web-debugger-for-all-platforms-f0675c_cover.jpg"
lang: "en"