基于 RT-Thread 在 STM32 上实现 USB 虚拟串口

最新推荐文章于 2025-06-03 10:38:29 发布
原创 最新推荐文章于 2025-06-03 10:38:29 发布 · 1.7k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#内核 #单片机 #嵌入式 #github #stm32

本文介绍了如何在RT-Thread操作系统上，基于STM32正点原子F429开发板实现USB虚拟串口。通过更新RT-Thread源码、配置BSP、启用USB驱动、配置硬件引脚和时钟，最终成功注册USB设备并在设备管理器中显示为USB串行设备。

作者：郭老师

之前由于工作需要，基于 RT-Thread 在 STM32 上实现了 USB 虚拟串口。为了方便大家，我在这里把在正点原子 F429 阿波罗开发板上实现 USB 虚拟串口的详细过程分享给大家，希望可以帮助到更多想要学习 USB 的人。

1、首先，需要更新了一下 RT-Thread 的源代码（因为 RT-Thread 的代码更新很快，短时间内就有可能有很多的代码更新，Github地址：https://github.com/RT-Thread/rt-thread  点star还能领10元柿饼派优惠券） 

2、然后进入 rt-thread\bsp\stm32目录下，找到正点原子 F429 阿波罗开发板对应的BSP stm32f429-atk-apollo ，打开此目录。

3、然后查看一下当前 BSP 支持不支持 USB 功能。在当前目录下打开 Env 工具，输入 menuconfig 命令查看，可以看到在硬件配置的片上外设的配置菜单中并没有配置 USB 的选项，看来这个 BSP 还不支持 USB 设备。

4、想到新的 STM32 BSP 所有的 BSP 都是用的同一份驱动，这样就可以根据有没有做好的 USB 驱动来判断有没有 BSP 支持 USB 功能了。打开rt-thread\bsp\stm32\libraries\HAL_Drivers目录。如下所示，可以看到里面果然有 usb 的驱动文件，叫做drv_usbd_fs.c。

5、然后根据同一目录下的 Sconscript 脚本文件，可以查看这个驱动的依赖关系，根据下面的图片可以看出，此驱动文件依赖于 BSP_USING_USBD_FS这个配置项。

6、全局搜索此 stm32 目录下所有的 BSP ，查看哪个 bsp 下有这个配置项。根据这个配置项可以判断出哪个

最低0.47元/天 解锁文章
Mobx 结合 TypeScript 实现 setState 类型推导
欢迎来到瑆箫博客，专为程序员和编程爱好者打造的技术博客。我们分享编程语言趋势、开发工具、编程哲学、职业发展等，助你掌握新技术，优化技能，激发编程热情。
11-17 701
在 mobx 中，使用 @observable 定义的 state，修改时需要借助 @action 包装才能修改，在变量比较多的情况下，十分不便，这时可以封装一个类似 React 里的 setState 方法，统一修改，在结合 TypeScript 类型推导，可以实现代码联想功能。
React Native测试驱动开发：Jest+Testing Library完整教程
小白菜的博客
06-03 1412
在React Native开发中，“写完代码再测试”的传统模式常导致bug隐藏、重构困难。本文聚焦测试驱动开发（TDD）组件渲染正确性验证用户点击/输入等交互测试异步逻辑（如API调用）测试状态管理（如Redux）集成测试本文从“为什么需要测试”入手，用生活案例解释TDD、Jest、Testing Library的核心概念；通过“待办事项列表”实战项目，演示从写测试到实现功能的完整流程；最后总结常见问题和未来趋势。TDD（测试驱动开发）
React-native学习-15-React Native State(状态)使用详解(转)
Green
09-01 606
目前的Component仍然在react框架中，也就是说React Native使用的Component是react框架中的组件，而Component有两大数据管理核心State和Props。也就是说即使你仅仅想用React Native开发APP，你也需要去了解React的相关知识，比如Component、State和Props，本文主要介绍State的使用。 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。
react中TS类组件的写法
前端帅小伙
06-25 2749
类组件最多的就是Typescript接口类型的应用，限制组件状态或者属性符合接口定义
Typescript + Taro Ts怎么在类组件中,定义state,props,以及hook中ts的简单实用
weixin_46662539的博客
11-11 2423
ts在taro类组件中怎么使用定义使用state，使用方式跟在js类组件中一样，直接使用this.state.属性名，使用方式一样， 定义state稍微有点区别，在js中我们是这样定义的： class Index extends Component { constructor(props) { super(props) this.state = { navList: [], Tjsp_flag: false, topbanner_data: [],
setState用法总结
dongwang的博客
12-21 4282
1. setState传参 setState中，第一个参数可以传入对象，也可以是函数，第二个为可选参数，参数为一个回调函数，那么什么场景下传入对象？什么场景下使用函数，什么场景下需要传入第二个参数呢？ 如果state的更新不依赖于之前的state中的值，使用对象 如果state的更新依赖之前state中的值，则第一个参数传入函数 如果state更新完成后立马需要使用state的值，则需要传入第二个参数 2. setState是同步还是异步 如果在react生命周期函数中使用setState或者直接在re
进击ReactNative-徐如林-React源码解析
11-15 1614
目录定目标传道（攻坚方法论）授业（懂算法）解惑（考考你）组件生命周期数据结构Virtual DOMDiff算法原理追过程学习运行（Playground）源码迷航微光大海航术用户态（浅水区）组件API生命周期内核态（深水区）初始渲染时间线用户点击渲染时间线小结简约伪代码方法调用图拿结果QA高性能实践问题定位利器方法钩子长歌结语参考 有的人可能会不理解，大前端平台化的战火为谁而燃，吾辈何以为战？专注于移动互联网大前端致富，一直是我们最崇高的理想，而ReactNative是横亘在中间的桥头堡。纵观行业风向，有作
react-intersection-observer 源码解析二连发
超悠閒的博客
11-04 773
react-intersection-observer 源码解析二连发 文章目录react-intersection-observer 源码解析二连发正文1. IntersectionObserver API2. @researchgate/react-intersection-observer@1.3.52.1 类型定义 types2.2 观察者封装 observer2.2.1 模块结构2.2.2 观察者实例缓存/记录2.2.3 查找观察目标2.2.4 创建观察者2.2.5 观察/取消观察方法2.3 ho
react点滴yan
weixin_42201346的博客
06-07 1027
掘金搜react https://juejin.im/search?query=React%20Developer%20Tools&type=all
React系列-03 React 项目实战与核心原理解析：从登录到购物车再到虚拟DOM实现
yangwei2048的博客
07-22 355
这篇React学习笔记主要介绍了两个核心内容：页面布局实现和用户登录认证。在页面布局部分，使用Ant Design的Layout、Menu等组件构建了包含页头、内容和页脚的三层结构，并展示了导航菜单的实现代码。用户登录认证部分详细讲解了如何利用ant-design-pro的Login组件构建登录页面，包括表单验证、登录接口mock（模拟用户名密码验证），以及通过Dva管理用户状态（保存token等信息到localStorage）。笔记还提供了404页面的实现方法，整体内容涵盖了React项目开发中常见的页面
react typescript 开发环境，setstate报错
daiqinge的博客
08-29 1789
一. 问题描述 一个页面，根据从不同的页面跳转过来的，显示 提示条，并实现其他不同的参数配置。结果代码中的setstate 会报错： Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDi...
setState的两种写法
韩旭不会敲代码吧的博客
12-10 4189
1、对象式的setState 1、语法：setState(stateChange, [callback]) （1）stateChange为状态改变对象(该对象可以体现出状态的更改) （2）callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 2、注意点 setState是一个同步的方法，但是setState引起React后续更新状态的动作是异步的 state = {count:0} this.setState({count:count + 1}) console.
react 中 setState( ) 的两种写法
热门推荐
冲锋
04-30 2万+
react 想要更新视图只能用 setState( ) 方法 关于 setState() 这里有三件事情需要知道 1. 不要直接更新状态， 而是使用 setState() 2. 状态更新可能是异步的 React 可以将多个setState() 调用合并成一个调用来提高性能。 3. this.props 和 this.state 都可能是异步更新的，你不应该依靠它们的值来计算下一个状态...
深入学习setState
weixin_43933771的博客
07-15 778
问题一：为什么要使用setState 开发中我们并不能通过直接修改state的值来让界面发生更新（数据值本身虽然已经发生了变化，但是界面并没有发生更新），因为当我们修改了state之后，react并没有实现类似于vue2中的object.defineProperty或者vue3中的proxy的方式去监听数据变化从而自动刷新界面，在react中我们必须通过setState去告知render函数数据已经发生了变化（这一点个人感觉vue3中的ref、reactiveAPI类似于setState）但是在react组
使用TypeScript编写React
hsany330的专栏
11-09 1万+
缘由 最近在业余学习React，本身接触的egret一年多了，接触TypeScript时间还算有段时间，非常喜欢TypeScript。学习了TypeScript 就再也不想写JavaScript了。看了找了好些教程都是直接用JavaScript来写React,比较痛苦。今天找到了一篇比较好的教程。于是就想翻译一下，这里是 原始博客链接 ，于是就有了这篇博客。 简单的介绍使用TypeSc
ts基础语法
qq_42451776的博客
08-11 568
文章目录数据类型案例一案例二类型别名类型断言字面量类型元组函数的重载类泛型案例一案例二接口案例一案例二 数据类型 案例一 let num1: number = 123; let str: string = "nj"; let bool: boolean = false; let arr: string[] = ["kkk"]; // 数组的存放类型是单一的 let info = { username: "wxj", age: 18, }; let isnull = null; let isund
tsconfig.json文件解析，以及react setState异步同步问题
lin_fightin的博客
04-08 514
用react的脚手架启动一个ts项目，会有一个tsconfig.json文件，这个是typescript的编译配置。 noImplicitAny,显示报错any，设为false后，当你的代码参数没有赋予类型时，也不会报any的错 target lib 全部放上去吧 ...
react中的setState是同步还是异步，以及setState之后都发生了什么
包磊磊的博客
02-14 1245
setState 只在合成事件和钩子函数中是“异步”的，在原生事件和 setTimeout 中都是同步的。 合成事件：就是react 在组件中的onClick等都是属于它自定义的合成事件 原生事件：比如通过addeventListener添加的，dom中的原生事件 setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，只是合成事件和钩子函数的调用顺序在...
this.setState 的正确写法
villen_t的博客
06-19 8005
React Native 的 this.setState 同微信小程序的 this.setData 很类似，但是呢，写法却不一样，注意别混淆了 写法一 import React, {Component} from 'react'; import { Platform, StyleSheet, View, Text, TextInput, ...
React / React Native 调用setState调用后发生了什么？
最新发布
07-25
在 React 和 React Native 中，`setState` 的调用会触发一系列内部机制来更新组件的状态和视图。尽管两者在机制上有很多相似之处，但也存在一些关键差异。 ### 更新状态对象 当调用 `setState` 方法时，React 和 React Native 都会将传入的新状态对象与当前的状态对象进行合并，生成一个新的状态对象。如果新的状态对象与旧的状态对象在浅比较下是相等的，那么框架会认为状态没有发生变化，并跳过后续的更新操作。如果状态确实发生了变化，那么新的状态对象会替换掉旧的状态对象，并触发组件的更新过程[^2]。 ### 虚拟 DOM 与 Diff 算法 在 React 中，状态更新后会触发组件的重新渲染，React 会根据新的状态重新计算组件的虚拟 DOM 树。然后，React 使用高效的 diff 算法将新的虚拟 DOM 树与旧的虚拟 DOM 树进行比较，找出两者之间的差异。这些差异会被高效地应用到真实的 DOM 上，实现最小化的 DOM 操作，从而提高性能[^2]。 React Native 的情况略有不同，因为它并不直接操作真实的 DOM，而是将更新应用到原生组件上。React Native 使用虚拟 DOM 来跟踪 UI 的变化，并通过 JavaScript 到原生的桥接机制将这些变化传递给平台相关的原生组件，如 Android 上的 View 或 iOS 上的 UIView。这种机制允许 React Native 在不同平台上提供一致的用户体验[^1]。 ### 异步更新与批量处理 React 和 React Native 都支持 `setState` 的异步更新，这意味着 `setState` 调用不会立即更新状态，而是将更新操作排队等待执行。这样的设计可以提高性能，因为它允许框架将多个状态更新合并成一次性的更新操作。如果在一次事件循环中多次调用 `setState`，后面的调用可能会覆盖前面的调用，因为它们会在同一批处理中被集中处理[^3]。 ### 获取更新后的状态 由于 `setState` 是异步的，因此不建议在调用 `setState` 后立即访问 `this.state` 来获取更新后的状态。如果需要在状态更新后执行某些操作，应该将这些操作放在 `setState` 方法的第二个参数中，这是一个可选的回调函数，在状态更新完成后会被调用。 ### 示例代码 下面是一个简单的示例，展示了如何在 `setState` 后执行回调函数： ```javascript this.setState({ count: this.state.count + 1 }, () => { console.log('State has been updated to:', this.state.count); }); ``` 在这个例子中，当状态 `count` 更新完成后，提供的回调函数会被执行，并打印出最新的状态值。 通过上述机制，React 和 React Native 提供了一种高效且灵活的方式来管理组件的状态和视图更新。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值