在pycharm中编译的，部署到服务器上并生成ip地址访问使用步骤

要在 PyCharm 中编译 Qt for WebAssembly 项目并部署到服务器上，以便通过 IP 地址进行访问，可以按照以下步骤操作：

1. 在 PyCharm 中编译 Qt 项目为 WebAssembly

确保你已经在 PyCharm 的终端中激活了 Emscripten 环境，并安装了 Qt for WebAssembly。

1. 激活 Emscripten 环境：

   • 在 PyCharm 的终端中，执行以下命令激活 Emscripten 环境：

     source /path/to/emsdk/emsdk_env.sh

2. 编译项目为 WebAssembly：

   • 在 PyCharm 中打开你的项目目录，确保项目文件（如 .pro 或 CMakeLists.txt）已经配置为使用 WebAssembly Kit。

   • 在终端中运行以下命令：

     如果使用 qmake：

     qmake
     make

     如果使用 cmake：

     cmake -DCMAKE_TOOLCHAIN_FILE=$EMSDK/upstream/emscripten/cmake/Modules/Platform/Emscripten.cmake
     make

   • 编译完成后，将生成 index.html、.js 和 .wasm 文件。

2. 准备服务器并安装 Web 服务器软件

要通过 IP 地址访问应用，需要在服务器上运行 Web 服务器（如 Nginx 或 Apache）。

安装 Nginx（以 Nginx 为例）

sudo apt update
sudo apt install nginx

3. 上传 WebAssembly 文件到服务器

将生成的 index.html、.js 和 .wasm 文件上传到服务器。例如，将文件放到 /var/www/html/your_project 目录下。

上传文件的方式

• 使用 SCP 命令（从本地到服务器）：

  scp /path/to/index.html your_username@your_server_ip:/var/www/html/your_project/
  scp /path/to/your_project.js your_username@your_server_ip:/var/www/html/your_project/
  scp /path/to/your_project.wasm your_username@your_server_ip:/var/www/html/your_project/

• 使用 FTP/SFTP 客户端（如 FileZilla）上传文件。

4. 配置 Nginx

配置 Nginx 以支持 WebAssembly 并提供访问路径：

1. 打开 Nginx 配置文件：

   sudo nano /etc/nginx/sites-available/default

2. 添加 MIME 类型 application/wasm，并配置项目的访问路径：

   server {
       listen 80;
       server_name your_server_ip;
   
       location / {
           root /var/www/html/your_project;
           index index.html;
       }
   
       types {
           application/wasm wasm;
       }
   }

3. 保存并关闭文件，然后重启 Nginx 以应用配置：

   sudo systemctl restart nginx

5. 通过 IP 地址访问应用

现在，可以在浏览器中访问 http://your_server_ip/，如果部署正确，应该会看到 Qt for WebAssembly 项目页面。

这样就完成了基于 IP 地址的 WebAssembly 应用部署流程！