将Qt WebAssembly应用程序部署到Apache服务器上

首先

在Ubuntu系统上搭建Qt的WebAssembly环境并进行构建和调试后,在部署到实际运行环境方面,以下文章是其续集。

自动部署

部署只是将文件复制过去而已。
使用Qt构建WebAssembly应用程序,然后将生成的文件传输到Web文档目录中。在我使用的Ubuntu 18.04上,保存HTML文档的目录如下。

/var/www/html

脚本

使用以下脚本,将复制构建后的文件。

#!/bin/bash

rm /var/www/html/*.*
cp $1/*.html /var/www/html
cp $1/*.js /var/www/html
cp $1/*.wasm /var/www/html
cp /var/www/html/$2.html /var/www/html/index.html

将上述的wasmcopy.sh文件放置在Qt项目的主目录或其他相关目录中,并授予可执行权限。

~/Documents/qtproject/wasmcopy.sh

准备Qt项目

Screenshot from 2021-08-05 11-35-56.png
    Command:          ~/Documents/qtproject/./wasmcopy.sh
    Arguments:        %{buildDir} %{ActiveProject:Name}
    Working directory:%{buildDir}

构建和执行

使用Qt Creator构建后,将复制所需的WebAssembly文件到/var/www/html目录中。然后,请在Web浏览器中访问以下地址。

http://localhost/index.html

我成功地创建了一个在Apache上运行,不需要emrun的WebAssembly应用程序。

Screenshot from 2021-08-05 11-55-20.png
广告
将在 10 秒后关闭
bannerAds