前阵子研究UE的H5，哎，对与美术出身的我实在是太难了，现把摸索经验整理好了

注意事项：

1、 H5从4.24版本起不再是Epic Games的官方支持平台，因此新版UE需自建虚幻编辑器才可打包，或者就使用UE较旧版本开发。

2、 旧版（4.23及以下）打包前需设置好Emscripten SDK环境包,设置前需要安装Git和Python环境。

3、 美术开发要求以手游开发为准，优化重点在控制内存瓶颈，严格控制打包文件大小。

相关资料及链接：

H5平台开发官方文档：

https://docs.unrealengine.com/zh-CN/Platforms/HTML5/index.html

GitHub资料：

UE4.24社区H5扩展文档

https://github.com/UnrealEngineHTML5/Documentation

https://github.com/UnrealEngineHTML5/Documentation/blob/master/Platforms/HTML5/HowTo/README.md

 Emscripten环境包：

https://emscripten.org/docs/introducing_emscripten/about_emscripten.html#emscripten-toolchain

关于Emscripten源码：

注：在自建UE4.24时发现HTML5Setup会自己安装emsdk，因此4.24不需要另外安装Emscripten，如果老版本（如4.23、4.22）需打包H5，则使用下面这个方法安装emsdk，别忘了先决条件Python+Git。

安装方法官方讲得不知说云，这个就明明白白，且无需下载源码，只需按部就班即可：

https://blog.csdn.net/cnds123/article/details/106742371

（经过测试在翻墙的情况下可以正常下载，没有网络链接报错）

GitHub链接：

https://github.com/emscripten-core/emsdk

https://github.com/emscripten-core/emscripten

步骤

一、安装先决条件：

1.      安装Visual Studio，下载“使用C ++开发游戏”及““ .NET程序包”等可选组件， GenerateProjectFiles阶段可能会报错，它报缺什么到时候需要回来补下相关组件。

2.      安装Git：https://git-scm.com/downloads。

3.      安装Python（maybe V3.7.4 better？）：https://www.python.org/，勾上“Add Python X.X to PATH”。

4.      安装CMake3.12或更高版本：https://cmake.org/download/，同样Add to PATH。

重要! 5.安装MinGW，这一步文档中没有，是我自己试错验证出来的，即使没有没有安装也能构建成功，但是在打包时会报告PhysX3缺失，因为在HTML5Setup.sh时需要MinGW来安装ThirdParty。

CMake Error: CMake was unable to find a build program corresponding to "MinGW Makefiles".  CMAKE_MAKE_PROGRAM is not set.  You probably need to select a different build tool.

安装方法：https://zhuanlan.zhihu.com/p/76613134

然后添加环境变量，cmd里“gcc -v”，重启电脑。

二、获取引擎源码：

获取源码前，需确保

· 将Epic Games和GitHub帐户关联

· 已接受电子邮件确认链接

· 已登录正确的GitHub帐户

不然不会被授予访问权限，直接给你404惊喜

 然后可以正常访问下载源码（但是下的超级慢，慢慢等）

https://github.com/UnrealEngineHTML5/UnrealEngine

相关链接（推荐操作的时候一起看）

如何自建UE4：

https://github.com/UnrealEngineHTML5/Documentation/blob/master/Platforms/HTML5/HowTo/README.0.building.UE4.Editor.md

视频教程：

https://www.youtube.com/watch?v=czirUc7tJpU

三、生成构建必要文件

确保构建所用硬盘有120G的空间

依次运行根目录下：

（此过程会很久，尤其第二步，如果发现很快就结束了，需要检查有没有中断和报错，比如我遇到的“MinGW Makefiles”问题）

1.运行\UnrealEngine-4.24-html5\Setup.bat

2.运行\UnrealEngine-4.24-html5\Engine\Platforms\HTML5Setup.sh 

注意这一步Git Bash极有可能报错

/c/…/python3: Permission denied

/user/bin/bash:Exit 126.

这是因为与Windows Store中最近添加的Python发生冲突所致，然而视频教程中说的删除环境变量没什么卵用，解决方法是先在windows设置里并完全禁用Python的商店版本（如下图）。如果已经报错，设置完Windows后记得删掉已下载的emsdk再次运行，因为上文已说到此步骤会自己安装emsdk。

3.运行\UnrealEngine-4.24-html5\GenerateProjectFiles.bat

如果有报错缺失什么组件，打开Visual Studio安装包点“修改”补下，上文也已经提到过了。然后重新运行，运行结束后会生成一个文件UE4.sln，VS打开。

四、开始构建

HTML5LaunchHelper需要手动添加到Visual Studio解决方案中，Programs下

项目路径：

/Engine/Platforms/HTML5/Source/Programs/HTML5/HTML5LaunchHelper/HTML5LaunchHelper.csproj

确保平台Win64，配置Development Editor

右键Build以下项目

然后Build项目UE4

构建完成E:\UnrealEngine-4.24-html5\Engine\Binaries\Win64\UE4Editor.exe

如果万无一失的话，打包测试应该是可以成功的。