Qt+WebAssembly学习笔记(六)win10+Qt6.4.0rc1开发环境搭建

Qt中搭建WebAssembly Qt适合emsdk的版本,参考官网: Qt for WebAssembly | Qt 5.15 【踩过的坑】 1. Qt5.15.2的目录下已经包含了wasm编译所需要的库和环境,默认路径在 5.15.2/wasm_32下,但是wasm对应的emscripten版本是1.39.7,可以通过输入命令行(先cd到你的pro工程目录下)的方式来获取版本信息,所以你需要下载并安装emscripten1.39.7版本。下文有介绍安装方式。 D:\Qt\Qt5.15.2\5.15.2\wasm_32\bin\q. 阅读详情
AI摘要

本文介绍如何搭建Qt6.4.0 WebAssembly开发环境,包括安装Qt预编译库、Emscripten及配置Qt Creator等步骤,并提供注意事项。

 前言:

因项目的缘故,笔者有段时间没测试了,官方也修复了很问题,笔者今天记录下最新版本环境搭建

一、安装Qt预编译库

笔者只是测试下,所以就不自己编译了,直接使用官方的预编译库

 有兴趣的小伙伴要注意下,笔者使用的是未发布的Qt6.4.0候选版本(正式版预计9月底或10月初发布),所有建议将此版本用于正式项目中

二、安装Emscripten

下载地址:GitHub - emscripten-core/emsdk: Emscripten SDK

打开后,点tags

找到3.1.14,下载zip包

在此笔者强调下,一定要找对就的版本号,否则后面可能编译不通过,以下笔者测试过的版本号,供读者参考

  • Qt 6.2: 2.0.14
  • Qt 6.3: 3.0.8
  • Qt 6.4: 3.1.14
  • Qt 6.5: 3.1.25
  • Qt 6.6: 3.1.37
  • Qt 6.7: 3.1.50

将下载的压缩包解压到一个目录中,注意路径不要有中文或空格,笔者放在D:\emsdk\下

打开cmd,执行如下命令<

Qt6.8.2中JavaScript调用WebAssembly的js文件<3> 开发环境:win11 + Qt6.8.2 + WebAssembly3.1.56在进行字符串操作时,我尝试了以下几种方式。 阅读详情

相关推荐

2026上位机选型三大可靠架构:WPF/Qt/WebAssembly实战指南

上位机是工业数据流的咽喉与工艺控制守门人,其本质是通信可靠性、界面实时性与生态兼容性的系统工程。从Modbus TCP到OPC UA over HTTPS,通信层需状态机、心跳、指数退避与环形缓冲四重防护;WPF依赖Dispatcher线程模型易致通知风暴,Qt 6.5+QML依托GPU加速实现高帧率渲染,WebAssembly+Rust则通过Web Worker隔离计算保障主线程响应。在国产信创深化与AI边缘下沉双重驱动下,2026年选型必须兼顾.NET 8 LTS生命周期、麒麟V10/统信UOS适配能力

weixin_33997389的博客 243

Windows 10下Qt 5.15.2保姆级安装指南:避坑MSVC、SerialPort与平台插件问题

Qt 是跨平台 C++ 应用开发的核心框架,其 Windows 环境部署的关键在于编译器链(如 MSVC 2019)、模块依赖(如 Qt SerialPort)与运行时插件(如 windows 平台插件)的精准匹配。原理上,Qt 5.15.2 作为最后一个 LTS 版本,通过预编译二进制包与 Visual Studio 工具链深度绑定,确保 ABI 兼容性与长期维护支持;技术价值体现在工业上位机等对稳定性、串口通信和 Designer 可视化有强需求的场景中;尤其在 Windows 10(含 LTSC 20

weixin_34117211的博客 293

Qt 6.5 控制台中文乱码:3种方案深度对比与Windows/Linux双平台实测

本文深入探讨了Qt 6.5控制台中文乱码问题的3种解决方案,包括系统编码适配、源码编码声明和运行时转码,并提供了Windows/Linux双平台的实测数据。通过对比分析各方案的优缺点,帮助开发者选择最适合的跨平台编码处理策略,有效解决中文显示异常问题。

weixin_30887919的博客 397

Qt MSVC安装避坑指南:组件勾选、依赖链与四层校验

Qt安装不是简单勾选组件,而是涉及编译器ABI、Windows SDK版本、CMake工具链和环境变量PATH的深度协同。作为C++跨平台开发核心框架,Qt对MSVC 2019等原生工具链存在严格兼容约束,其在线安装器常将‘组件名’误导为‘功能开关’,实则映射底层编译产物标识符与静态链接依赖。技术价值在于规避LNK2019链接错误、qmake生成失败及调试符号缺失等典型工程故障;广泛应用于金融终端、工业HMI、车载仪表盘等需稳定交付的Windows原生Qt项目。本文聚焦Qt 5.14.2 + MSVC 20

weixin_34212762的博客 274

Gemma 4轻量模型三端部署实战:手机/电脑/浏览器本地AI落地指南

轻量语言模型(LLM)是指参数量通常在1B以下、可运行于终端设备的高效AI模型,其核心原理在于结构精简、算子优化与量化压缩,技术价值体现在低延迟响应、小内存占用和离线可用性。当前主流轻量模型如Gemma系列、Phi-3、TinyLlama等,正广泛应用于移动端智能助手、桌面端本地知识库、浏览器插件式AI工具等边缘场景。本文聚焦Gemma 4(约4亿参数)这一典型轻量模型,在iOS Core ML、Windows Docker+llama.cpp、Chrome插件+本地服务三大真实终端环境中的完整部署路径,涵

aikenqiu5098的博客 435

ESP在线开发工具全解析:不装环境也能烧录ESP32/ESP32-S3

嵌入式开发中,‘交叉编译工具链’和‘musl库兼容性’是ESP-IDF环境配置的核心障碍——本地安装常因glibc/musl混用、Python版本冲突或权限限制而失败。在线开发工具通过将CMake构建、GCC编译、IDF组件管理等计算密集型任务迁移至云端或WebAssembly沙箱,仅保留Web Serial串口通信与物理烧录环节在本地,实现真正开箱即用。其技术价值在于解耦底层依赖,让开发者聚焦逻辑而非环境;典型应用场景包括高校实训(Chromebook零配置)、企业快速验证(禁用管理员权限)、IoT原型迭

weixin_34199405的博客 724

DeepSeek Code Harness:本地AI编程环境的架构解析与实战指南

本地大模型编程工具正从‘云端辅助’转向‘终端原生’,其核心在于将推理引擎、模型调度与安全沙箱深度集成于桌面端。DeepSeek Code Harness以Tauri+Rust+WASM构建轻量高可靠前端,依托ccswitch协议实现多模型上下文无缝切换,并通过CAL抽象层统一语义理解,突破传统插件式AI工具的延迟与隔离瓶颈。它不仅支持离线代码补全、错误诊断与测试生成,更以trae任务引擎和滑动KV Cache设计,在GPU显存约束下保障50轮高质量对话。面向开发者,该工具重新定义了IDE旁的智能边界——不替

weixin_34110749的博客 499

跨平台开发技术选型决策地图:Electron/Tauri/Flutter/RN实战指南

跨平台开发不是简单选择一个框架,而是围绕团队能力、性能红线、交付节奏与生态扩展性进行系统性权衡。Electron依托Web技术栈提供高确定性但体积大、内存高;Tauri以Rust+系统WebView实现原生级轻量与性能,适合有系统编程基础的团队;Flutter通过Skia自绘引擎保障UI一致性与动效表现,但在硬件集成上依赖Platform Channel;React Native采用原生桥接模式,复用能力强但存在通信延迟与构建复杂度。本文基于12年27个真实项目沉淀,聚焦‘音乐管理’‘工业控制’‘教育交互’

weixin_34150830的博客 461

WSL中OpenCode+Ollama本地AI开发环境实战

Web IDE本质是运行在浏览器中的代码编辑工具,其核心价值在于降低开发环境门槛、提升跨平台协作效率。OpenCode并非传统Web IDE,而是基于Go构建的轻量级CLI工具,通过内置HTTP服务器暴露Web界面,实现零依赖、低延迟、断网可用。它深度适配WSL2网络模型,借助localhost proxy机制打通Windows与Linux环回地址,并原生集成Ollama——不走REST API,而是直连CLI进程,共享CUDA上下文与显存,真正释放本地大模型算力。典型应用场景包括快速调试Python/CU

weixin_34342992的博客 299

Docker+Caddy实现GUI应用远程安全访问

GUI应用远程访问是指将本地图形界面程序通过Web协议暴露为HTTPS服务的技术方案。其核心原理是利用容器化隔离运行环境,结合反向代理与TLS终止实现安全收敛。技术价值在于免客户端、细粒度认证、自动证书管理及生产级可观测性。典型应用场景包括科研计算前端、工业控制工具、数据可视化看板等需跨地域安全交互的桌面级应用。本文基于Ubuntu 18.04平台,深度整合Docker与Caddy,提供一套轻量、稳定、可审计的GUI服务化落地路径。

weixin_33726318的博客 395

Chrome侧边栏实现Android免安装投屏与智能提单

Android投屏本质是将移动设备屏幕流式传输并实现双向交互的技术方案。其核心原理依赖于设备通信协议(如ADB或WebRTC)、实时编解码(H.264/YUV→RGB)与输入事件映射(tap/swipe坐标转换)。技术价值在于打破操作系统壁垒,实现跨平台、低权限、零客户端的轻量化协同。典型应用场景涵盖客服复现、UX评审、自动化测试等需高频人机交互的工程环节。TabQA通过Chrome侧边栏(sidePanel API)与WebRTC DataChannel重构了传统QtScrcpy架构,使Android设备

weixin_34357887的博客 308

2020轻量级Linux发行版技术解析与场景适配指南

轻量级Linux发行版并非简单删减桌面环境,而是围绕资源约束重构软件栈决策链的技术实践。其核心原理在于内核裁剪、init系统替换、桌面环境轻量化(如LXQt替代LXDE)及服务按需加载,从而在低内存(256MB–2GB)、老旧CPU(Core2 Duo等)和集成显卡(GMA 950)等受限硬件上实现稳定交互体验。技术价值体现在延长设备生命周期、降低电子垃圾、支撑边缘计算与教育普惠等现实场景。典型应用包括老电脑办公复用、树莓派Zero W嵌入式教学、工业控制终端及国产操作系统(如麒麟Kydroid)的底层适配

weixin_30376083的博客 428

使用Qt进行WebAssembly编程

Qt是一款流行的跨平台应用程序框架,它提供了丰富的工具和库,可简化C++应用程序的开发过程。通过使用Qt进行WebAssembly编程,您可以利用Qt丰富的功能和跨平台性,轻松地在Web浏览器中构建和部署应用程序。在Qt Creator中,点击"Build"菜单并选择"Build All"或使用快捷键Ctrl+B。构建成功后,可以在Qt Creator中选择"Projects"面板中的"Run"配置,并点击运行按钮。下面是一个简单的示例,展示了一个基本的Qt窗口,并显示了一个按钮和一个标签。

CodeSpark的博客 1667

使用Qt实现WebAssembly应用程序

然后,我们使用 Module.cwrap 函数获取 WebAssembly 模块中的 add 函数,并将其包装成一个 JavaScript 函数。最后,我们使用该函数计算 2 + 3 并将结果输出到文档中。Emscripten 是一个开源工具链,它可以将 C 和 C++ 程序编译成 WebAssembly 或 asm.js,可以从 Emscripten 的官方网站下载安装包,并按照说明进行安装。在 main.cpp 文件中,我们将实现一个简单的加法函数,该函数将被编译成 WebAssembly 模块。

PixelLancer的博客 749

QtWebassembly 测试demo

测试工程+可执行目标文件

Python量化交易实战:从零搭建你的第一个多因子选股模型(附完整代码)

本文是一份详细的Python量化交易入门实战指南,手把手教你从零搭建第一个多因子选股模型。内容涵盖环境配置、数据获取、因子挖掘与有效性检验、多因子合成以及完整的策略回测与绩效评估,并附有可直接运行的完整代码,帮助初学者快速掌握量化交易的基本概念与实践流程。

resnet7explorer的博客 927

An example: 2D immersed boundary lattice Boltzmann method code--By Timm Krüger.2011.

//谢谢Timm Krüger大佬的代码。 还是老样子,有啥问题Feel free to tell us~毕竟群众力量大嘛~QQ群:293267908。 // 话不多说,上干货! // ISBN 978-3-319-44649-3 (Electronic) // 978-3-319-44647-9 (Print) // http://www.springer.c...

weixin_37783345的博客 1417

海洋与地质地理信息数据下载网站汇总集锦

各种海洋与地质地理信息数据集合

qq_36980284的博客 1266

手把手教你用ROS2 Humble给PX4无人机写个“画圆”程序:从C++代码到Gazebo仿真全流程

本文详细介绍了如何使用ROS2 Humble和PX4飞控实现无人机圆形轨迹控制,涵盖从环境配置、Gazebo仿真到C++代码实现的完整流程。通过实战教程,读者将掌握轨迹跟踪仿真的核心技术,包括ROS2与PX4的通信接口、圆形轨迹算法设计及Gazebo仿真调试技巧。

weixin_29056781的博客 257

你分得清ChatGPT、Gemini、Grok、豆包、千问、DeepSeek、OpenClaw、CloudCode、vibeCodeing、sKill、MCP,飞书、微信这些到底是什么吗?

AI技术生态呈现层级化发展,从基础模型到应用平台形成完整技术栈。核心分为五层:模型层(GPT、Gemini等基础模型)→AI助手层(ChatGPT等应用产品)→工具层(ClaudeCode等开发工具)→协议层(MCP等接口标准)→应用层(微信、飞书等平台)。未来趋势将形成"模型公司-开发框架-应用生态"三层结构,AI正逐步演变为新型操作系统,通过标准化协议连接各类外部系统,实现能力调用与生态整合。技术发展呈现出从底层基础设施到上层应用场景的垂直整合特征。

hy行者勇哥的博客 390

基于MUSIC算法的DOA估计Matlab仿真

特别需要指出的是:通道与阵元并不是一一对应,通道是由空间的一个、几个或所有阵元合成的,当然空间某个特定的阵元可包含在不同的通道内。空间谱估计侧重于研究空间多传感器阵列所构成的处理系统对感兴趣的空间信号的多种参数进行准确估计的能力,其主要目的是估计信号的空域参数或信源位置,这也是雷达、通信、声纳等许多领域的重要任务之一。从系统框图中可以清晰的看出,估计空间相当于是对目标空间的一个重构过程,这个重构的精度由众多因素决定,如环境的复杂性、空间阵元的互耦、通道不一致、频带不一致等。

FPGA/MATLAB学习教程/源码/项目合作开发 1747

AI 赋能 DBA:如何用 DeepSeek 等大模型简化数据库管理工作

数据库管理员(DBA)的工作涉及 SQL 优化、故障排查、性能监控等复杂任务。而 DeepSeek、ChatGPT 等大模型可以大幅减少重复劳动,提高 DBA 的工作效率。:某电商平台的订单查询 SQL 执行缓慢(平均 5s),DBA 需要优化。:DBA 需要监控 MySQL 的慢查询,但不想手动写脚本。:某金融系统频繁出现数据库死锁,DBA 需要快速定位原因。:大模型可分析 SQL 执行计划,推荐索引优化方案。:用日常语言查询数据库,无需写复杂 SQL。:一键生成监控、备份、数据迁移脚本。

专注于编程、AI、人工智能等多个领域内容研究和分析 563

Python跨年烟花(完整代码)

Python语言实现跨年烟花动画的完整代码。

AIGC 3万+

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

上一篇: Qt Quick 3D场景,包含2D内容
下一篇: Qt添加自定义字体
꧁白杨树下꧂
博客等级 码龄15年 1018粉丝 209原创
评论 11
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

꧁白杨树下꧂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值