主页 / 问题 / 1034200
Accepted
Трипольский Пётр
Asked:2020-10-13 20:06:18 +0000 UTC2020-10-13 20:06:18 +0000 UTC

如何为 WebAssembly 设置 Qt？

  • 772

关于 Qt 5.13发布的第一个新闻是发布了 Qt for WebAssembly 的稳定版本 - 支持在现代浏览器中运行 Qt 应用程序。

Qt for WebAssembly 可让您为 Web 浏览器构建 Qt 应用程序，现在已得到完全支持。

但是，我在 MaintenanceTool 中没有看到我需要的套件。你能告诉我在哪里可以获得构建工具以及支持哪个编译器吗？

维修工具

似乎对 WebAssembly 目标平台的支持被带到了 CLang，但我怀疑到那时 Qt Group 会设法为许多 Emscripten 工具制作一个工具包。

c++

1 个回答

  1. Best Answer

    对于初学者，您在 WebAssembly 中看不到构建工具包，因为只显示了 LTS（长期支持）包。选中“最新版本”复选框，不要忘记单击“更新”按钮。

    在此处输入图像描述

    继续前行。WebAssembly工具包确实是为 Emscripten 工具包设计的。因此，按照说明，我们执行安装。重要提示：根据 Qt 5.13 的手册，您需要 sdk 版本正好 1.38.27 64 位。请注意，我正在安装没有“--embedded”标志。

    git clone https://github.com/emscripten-core/emsdk.git
cd emsdk
./emsdk install sdk-1.38.27-64bit
brew cask install java
./emsdk activate sdk-1.38.27-64bit
source emsdk_env.sh

    我们检查：

    emcc --version
emcc (Emscripten gcc/clang-like replacement) 1.38.27 (commit c56422590bb911603529052b7bd78e6ca3c9fa27)
Copyright (C) 2014 the Emscripten authors (see AUTHORS.txt)
This is free and open source software under the MIT license.
There is NO warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

    太好了，安装完成。接下来，添加 Emscripten C 编译器（添加 -> 自定义 -> C）。注意：安装后二进制文件的路径我得到以下内容：

    /Users/tripolskypetr/emsdk/emscripten/1.38.27/emcc

    脚本C

    Emscripten C++ 相同（添加 -> 特殊 -> C++），路径如下所示：

    /Users/tripolskypetr/emsdk/emscripten/1.38.27/em++

    在此处输入图像描述

    我们选择上面配置的编译器 C 和 C++ 到套件中。

    在此处输入图像描述

    该项目的第一次构建将需要很长时间。专注于任务管理器，“asm2wasm”进程将在顶部。此外，在检查wat的阶段，QtCreator 本身会挂起（并以 100% 的速度进食，这是常态）。对于测试构建，可以使用此存储库中的一个项目或 QML 模板项目。

    在此处输入图像描述

    注意：构建成功后，Qt Creator 不会自动打开构建的应用程序。您必须通过在构建目录中部署 Web 服务器来手动执行此操作。仅仅用浏览器打开一个 html 文档是不够的。

    cd build-hello-world-Qt_5_13_1_WebAssembly-Debug/
python3 -m http.server

    在此处输入图像描述

    • 4

相关问题