Qt5.15搭建流程:
【精选】Qt中搭建WebAssembly_qt webassembly-CSDN博客
Qt5.14搭建流程:
Qt Webassembly Qt程序运行到网页上 - 灰信网(软件开发博客聚合)
Webassembly依赖环境:
Download and install — Emscripten 3.1.48-git (dev) documentation
GitHub - emscripten-core/emsdk: Emscripten SDK
Qt官网文档:Qt for WebAssembly | Qt 5.15
【em++ -v 执行环境报错问题】
将emsdk安装目录下的.emscripten文件中配置的路径粘贴到当前用户目录下的.emscripten文件中
并修改emsdk_path路径为emsdk安装目录,例如下图:
接下来即可在任意打开的cmd中成功执行:
【提示】
1.建议使用Qt自带的编译器mingw32-make;
2.建议安装自带webassembly的Qt版本,Qt5.15以上版本都自带编译好的webassembly,只需安装对应版本的emsdk即可(源码编译容易失败,或存在版本,编译环境等问题)。
Qt5.14源码编译相关指令:
cd /d D:\vs2022Projects\emsdk-main
emsdk.bat install 1.39.8
emsdk.bat activate --embedded 1.39.8 --permanent
cd /d D:\install\Qt5.14.2\5.14.2\Src
D:\vs2022Projects\emsdk-main\emsdk_env.bat
set PATH=D:\install\Qt5.14.2\5.14.2\mingw73_64\bin;D:\install\Qt5.14.2\Tools\mingw730_64\bin;%PATH%
configure -no-warnings-are-errors -xplatform wasm-emscripten -nomake examples -feature-thread -prefix D:\install\Qt5.14.2\5.14.2\wasm_1_39_8
mingw32-make –j4
mingw32-make install