使用乐鑫 Web IDE 助力物联网开发

这篇具有很好参考价值的文章主要介绍了使用乐鑫 Web IDE 助力物联网开发。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

乐鑫 Web IDE 是基于 Eclipse Theia 的框架,支持 ESP-IDF VS Code 插件同时具备多项辅助工具。您可以观看我们在 Espressif DevCon22 上的演示视频​​​​​​​,了解它的实际应用。

【乐鑫开发者大会-21】搭载 ESP-IDF Visual Studio Code 插件的乐鑫 Web IDE


若您此前没有接触过 Eclipse Theia,它是一个开源框架,为开发人员提供了一个平台,可以使用 TypeScript 编程语言构建云和桌面集成开发环境(IDE)工具。Eclipse Theia 的用户界面基于流行的 Visual Studio Code。此外,开发人员可以利用 VS Code 提供的扩展插件,或者使用 OpenVSX 注册表中的扩展插件。

乐鑫 Web IDE 不仅支持 ESP-IDF VS Code 插件的大部分功能,还针对芯片串口连接开发了特定指令。为此,我们研发了两款附加实用工具:

  1. ESP-IWIDC (Espressif IDF Web Desktop Companion)  支持通过 websocket 连接 Web IDE 与计算机上连接的串口设备。此工具基于 Python 开发,提供设备烧录和串口监视功能。  ​​​​​​​
  2. esptool-js 作为 ESP-IDF esptool 的 TypeScript 实现,支持使用 WebSerial API 与芯片通信。此工具以 NPM 包形式发布,可在任何 JS 工程中使用。  

为了您能便捷地使用上述工具,Web IDE 提供了下列可用选项:

对于 ESP-IWIDC,您可以在 Remote(远程)菜单下,选择 Remote Flash (远程烧录)或Remote Monitor(远程监控)。对于 esptool-js,您可以在 Remote(远程)菜单下,选择 Flash with Webserial (Webserial 烧录)或 Monitor with Webserial (Webserial 监控)。请在进行烧录或监控前指定对应的串口设备。

乐鑫 Web IDE 支持以下两种运行方式

  • 直接从源代码编译运行;
  • 使用附带的 Dockerfile 构建一个 Docker 容器
  1. 编译源码运行(需使用 NodeJS 和 yarn 编译工程)
git clone https://github.com/espressif/idf-web-ide.git 
cd idf-web-ide 
yarn 
cd browser-app 
yarn run start — port=8080 

在浏览器中打开 127.0.0.1:8080(推荐使用 Chrome 浏览器)

2. 使用 Docker 运行

拉取最新的 docker 镜像,命令如下:

docker pull espbignacio/idf-web-ide 

或从 IDF-Web-IDE 仓库构建 docker 镜像,命令如下:

docker run -d -e IWI_PORT=8080 -p 8080:8080 --platform linux/amd64 -v ${PWD}:/home/projects espressif/idf-web-ide 

在浏览器中打开127.0.0.1:8080(推荐使用 Chrome 浏览器)

如需使用 ESP-IWIDC,请点此获取 Windows 的可执行文件,或使用仓库中的 Python 脚本。

运行可执行文件,启动 ESP-IWIDC:

.\dist\main.exe — port PORT 

查看可用端口

.\dist\main.exe 

如果希望直接使用 ESP-IWIDC 的 Python 脚本,请确保已安装所需的 Python 软件包,安装命令如下:

pip3 install -r ${ESP-IWIDC}/requirements.txt
python3 main.py
python3 main.py - port [SERIAL_PORT_OF_ESP_32]

使用 esptool-js 命令则无需额外安装任何内容。

使用 Docker 容器的优势在于,容器中已配置 ESP-IDF 及支持 ESP32 的 QEMU 分支,无需额外为 IDE 配置ESP-IDF。打开任意 ESP-IDF 工程即可开始开发!

Clang OpenVSX 插件为 Espressif Web IDE 提供 C/C++ 语言支持。该插件通过 build/compile_commands.json 文件实现 Go to declaration 功能以及提供对其他语言的支持。

小结

欢迎使用乐鑫 Web IDE,您可以随时联系我们提出改进意见!您还可以浏览我们之前的博客,了解更多有关ESP-IDF VS Code 插件的信息。

相关链接:文章来源地址https://www.toymoban.com/news/detail-445399.html

  1. ESP-IDF Web IDE
  2. Eclipse Theia
  3. ESP-IDF VS Code 插件
  4. ESP-IWIDC (Espressif IDF Web Desktop Companion)
  5. esptool-js
  6. OpenVSX 注册表
  7. Clang OpenVSX 插件

到了这里,关于使用乐鑫 Web IDE 助力物联网开发的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • eclipse创建一个基于maven的web项目

    web程序运行,需要tomcat环境。提前安装好tomcat 点击 windows -preference ,在弹出窗口的左侧选中 server - Runtime enviroment 。 点击Add ,根据安装的tomcat版本选择 tomcat的类型后,点击finish 按钮      3.配置tomcat server 点击链接创建tomcat服务器     将web程序添加到右侧列表      1)点击

    2024年02月03日
    浏览(46)
  • 【代码分享】ESP32接入华为云物联网平台完成属性定时上报(Arduino IDE开发)

    更多相关:华为云IOT物联网 论坛  之前带着大家写过使用esp8266接入华为云物联网平台的教程,有小伙伴后台私信,在ESP32接入华为云时遇到了问题,ESP32和ESP8266的代码几乎差不多的,ESP8266代码中用了“ESP8266.h”开发;ESP32可以直接用“WIFI.h”开发,教程基本和esp8266的那期教

    2024年02月13日
    浏览(53)
  • 5G 技术、云原生开发和机器学习是推动物联网解决方案的重要助力

    作者:Arm高级副总裁兼物联网事业部总经理 Paul Williamson 每次谈及物联网 (IoT),行业就会明显出现两大阵营:乐观派和悲观派。后者将物联网认定为“尚属未来”的技术。而我个人是坚定的乐观派:对于物联网解决方案有望带来的变革性创新,我既感到无比振奋,同时又保持

    2024年02月07日
    浏览(38)
  • 如何在Eclipse IDE中安装TestNG插件

    目录 使用Eclipse Marketplace安装TestNG插件 通过输入URL安装TestNG 1.点击安装新软件 2.输入URL以安装TestNG 3.遵循正常的安装过程 4.重新启动Eclipse 在Eclipse中安装TestNG插件的视频 在这篇文章中,我们将介绍如何在Eclipse IDE中安装TestNG插件,我们还在文章末尾放置 了一个视频 ,解释如

    2024年01月19日
    浏览(35)
  • Eclipse IDE 2023-06 新特性说明及下载地址

    Eclipse IDE 2023-06 新特性说明: 支持最新的 JAVA 安装JDK 17以上,支持 Java 20 并提供必要的开发工具 经过验证的可扩展性 具有种类繁多的平台插件,可简化新功能的添加 改进的平台 安全功能,例如强制使用 https 协议、PGP 密钥撤销处理、跟踪受信任的主机和不受信任的工件处理

    2024年02月11日
    浏览(43)
  • 蓝桥杯软件类Java语言IDE(Eclipse)安装

    平时都在用idea搞工程类项目,正好报了下学期的蓝桥杯算法比赛,看到官网要求用eclipse编码,之前也参加过ccf-csp的比赛,学校机房用的eclipse,每次去比赛前还要熟悉一下环境,调整一些相关的配置,比如说代码智能提示,快捷键,字体等等各种方便我们比赛时专心编码的一

    2023年04月09日
    浏览(51)
  • 【基于eclipse创建通用arm开发环境】

    File-New-Project 如果不使用C++进行编程,建议选择C Project,工程中不会存在C++相关配置,看起来更简洁(降低阅读成本) 追求简洁的工程,当然选择Empty Project,Toolchains选择Arm Cross GCC 默认生成debug和release配置 没测出来xPack GNU Arm Embedded GCC (arm-none-eabi-gcc)和GNU Tools for ARM Embedded Proc

    2024年04月09日
    浏览(52)
  • 基于XML的Web服务Java接口(JAX-WS)、Jakarta XML Web Services Eclipse 实现

    JAX-WS(Java API for XML-Based Web Services),是创建web服务的Java编程接口,特别是SOAP服务。是Java XML编程接口之一,是Java SE 和Java EE 平台的一部分。 JAX-WS 2.0 规范是代替JAX-RPC 1.0的下一代Web服务API。JAX-RPC(The Java API for XML Based RPC)是基于XML的RPC(远程过程调用)的Java API。 JAX-WS 2

    2024年02月08日
    浏览(46)
  • 10.Eclipse配置Tomcat详细教程、如何使用Eclipse+tomcat创建并运行web项目

    一、Tomcat的下载官网  -  进入官网显示如图所示的界面,在下下载的是Tomcat9.0版本,你可以自己选一款 点击然后进入下面这个界面   最好是在你的D盘建立一个文件夹,把它解压在里面,文件夹名自己来吧,自己能知道里面装的是什么就行。在下的解压文件大概如图所示:

    2024年02月13日
    浏览(40)
  • Eclipse、IntelliJ IDEA、PyCharm三种IDE的区别

    Eclipse、IntelliJ IDEA和PyCharm是三种流行的集成开发环境(IDE),每个都有其特性和优点。 1.Eclipse:Eclipse是一款开源的Java IDE,由Eclipse基金会开发。它具有许多功能,包括代码自动完成、调试、源代码控制等。另外,Eclipse有许多插件可以安装,以扩展其功能。它的优点包括免费

    2024年01月22日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包