Using UnrealEngine to develop non-game large-scale applications often involves the production of a large number of UI interfaces, and using native UI frameworks requires a large number of professionals. If you can use regular web pages as UI, it will undoubtedly be a boon for teams with web developers. The WebUI plug-in was born under such a background, which can use mature HTML pages as an integral part of the application, and at the same time solve the problem of interaction between UE and the Web.
Resources are attached at the end of the article, which can be downloaded directly
However, if you want to use the WebUI plug-in in the UE project, you still need to work hard.
The download address of the WebUI plug-in is as follows:
However, after opening, there is a high probability that it will prompt that the resource cannot be found. The reason is that the authorization mechanism of the resource needs to be associated with the UE, that is, the EpicGames account, to access it.
1. First make sure you have an EpicGames and GitHub account, and keep the account logged in.
2. Log in to EpicGames, click on the "Personal" personal information under the account.
3. Select "Connections" on the left menu, switch to "Accounts", and click "Connect" under GitHub.
4. The page will prompt that GitHub will be connected, check to agree, and select "Link Account".
5. If you have logged in to Github in the current browser, the page will prompt you to authorize, select "Authize EpicGames".
6. After the authorization is completed, the corresponding mailbox on Github will receive an email inviting you to join the EpicGames group. You need to confirm within 7 days after receiving the email, and select "Join @EpicGames" to join the group.
7. After opening Github, you will have access to the WebUI. In the release, click directly to download and pay attention to the version number. It also comes with JsonLibary and HttpLibary.
8. Unzip the compressed package and copy it to the UnrealEngine installation directory, "UE_XXX/Engine/Plugins/Runtime", then it can be used in the project
Note: According to official documents, HttpLibary and JsonLibary are copied to the Messaging folder under the Plugins directory, JsonAssest and WebUI are copied and installed to the Runtime folder under the Plugins directory, and JsonAssest requires a piece of code in a configuration file before installation.
The resource has been downloaded, just take it away and use it
WebUI 4.27
link: https://pan.baidu.com/s/1s6dLZvt3tF-ZDjLlxRTEEg
Extraction code: pf1q
WebUI 5.0
link: https://pan.baidu.com/s/19RSfEg2pKuXiE2tbcTKv8Q
Extraction code: 3wq9