Qt 与 WebAssembly 设置问题答案

【问题标题】：Qt with WebAssembly setup issueQt 与 WebAssembly 设置问题
【发布时间】：2018-11-03 11:23:42
【问题描述】：

我目前正在使用 Web-Assembly 在 MacOS 上为 Qt 创建设置。

我关注了这两个链接 - https://wiki.qt.io/Qt_for_WebAssembly 和 http://qtandeverything.blogspot.in

已完成的步骤 -

CMAKE 安装
Python 2.7.10 设置

3.WASM工具链设置-

$ git clone https://github.com/juj/emsdk.git

$ cd emsdk

$ ./emsdk install --build=Release sdk-incoming-64bit binaryen-master-64bit

$ ./emsdk activate --build=Release sdk-incoming-64bit binaryen-master-  64bit

$ source ./emsdk_env.sh --build=Release

==> 最后测试了示例 c 程序，它运行良好。

 Ex- $ emcc hello.c -s WASM=1 -o hello.html

4.为emsdk下载Qt

 Ex - git clone -b wip/webassembly https://code.qt.io/qt/qtbase.git

5.也成功运行以下两条命令（/Path/To/Qt/5.11.0/Src/qtbase）-

$/configure -xplatform emscripten -confirm-license -opensource -developer-build -release -static -no-thread -nomake tests -nomake examples  -no-dbus -no-headersclean -no-feature-networkinterface  -system-libpng -no-ssl -no-warnings-are-errors

$make

所以我的下一个要求是——（将 emscripten 编译器添加到 Qt Creator）

找到此链接 - http://qtandeverything.blogspot.in 和第 4 步。建议“将 emscripten 编译器添加到 Qt Creator”。

那么，我的问题是在 Qt Creator 中创建 emscripten 编译器的方法是什么？

另外请建议我使用 Webassembly 遵循 Qt 的确切步骤

提前致谢。

【问题讨论】：

标签： qt webassembly

【解决方案1】：

在您在 qtbase 文件夹中make 的第 5 步之后，将出现一个 qmake 文件。要成功编译项目，您只需从要在浏览器中运行的任何 Qt 项目文件夹中执行以下操作：

/path/to/qmake/inside/qtbase && make

这将仅限于 qtbase 支持的项目类型。可以参考链接Qt For WebAssembly。

【讨论】：

【解决方案2】：

我知道这是个老问题，但还是要回答。

假设您现在使用的是 5.12（测试版）或 repo

是的，有一种方法可以手动导入套件。

工具->选项->工具包

* add Custom c++: name: emcc++ <path/to/emscripten>/emcc++
 - x86-linux-u generic-elf-64bit
 - mkspecs: wasm-emscripten

* add custom c: name: emcc <path/to/emscripten>/emcc

Qt 版本->

* add <navigate to your qt for wasm> qmake

套件：

* add qt5-wasm
* compilers: emcc and emc++ 
* Qt Version: Qt for Webassembly

【讨论】：