These two days are studying how to publish the Unity3d project as html and publish the web page to the server so that external networks/devices can also be shared.

The two key issues that need to be addressed in the process are:

1. How to let mobile devices load WebGL
2. How to build and deploy IIS

---

Below I combine the personal practice with several viable blogs to sort through the whole process:

First, build a WebGL release version of Unity

The first is to select the WebGL option when installing unity. If you omit the check during installation, you can find the WebGL module in the build setting, and then click Platform Module Installation to install.

Select WebGL when the project is completed, directly build, after completion, it will generate an html file named index, a Build folder, a TemplateData folder.

For earlier versions (such as unity5.4.0), a Release folder and a TemplateData folder will be generated after the build is completed.

 

Second, delete the key code segment

according toOfficial documentation for Unity3d(currently a modified version of 2011.9.12), some mobiles do not support WebGL functionality.

As far as the device I experimented with (Samsung GALAXY S9), it is possible to load WebGL normally with some browsers, but it is necessary to remove a decision on the mobile side in the .js document before loading.

This blog postIntroduced the relevant content, just because the version changes, the .js file has been modified, and now the statement that needs to be deleted is a conditional statement of about 770 lines of Build/UnityLoader.js, which is the commented out statement in the following figure.

Through the experiment, if you do not comment out the relevant statement, the unity WebGL module will not be loaded when the mobile device runs the web page.

 

Third, build IIS

The process of building IIS has a lot of posts on the Internet, so you can check it out.

Here I have done it in a more concise and accurate way.This blogThe method is very detailed, follow the instructions to enter http://localhost IIS welcome interface.

 

Fourth, create a website and open

Switch to the large icon in the Control Panel and find the "Administrative Tools" double-click to open the Internet Information Services (IIS) Manager.

FollowBlogDo the third step to complete. Note that when adding a MIME type, the newly created website is selected, and the added name and attribute are in the picture of the blog (unity3d and unityweb). After the modification, you will find a web.config under the physical location of the project.

For earlier versions (such as unity5.4.0), you also need to set the web.config, otherwise it will report a header check exception (incorrect header check) before loading.An answer on the unity forum, the setting method is as follows:

Add the following statement to the corresponding location in the web.config file.

<configuration>
<system.webServer>
<staticContent>
<remove fileExtension=".mem" />
<mimeMap fileExtension=".mem" mimeType="application/octet-stream" />
<remove fileExtension=".data" />
<mimeMap fileExtension=".data" mimeType="application/octet-stream" />
<remove fileExtension=".memgz" />
<mimeMap fileExtension=".memgz" mimeType="application/octet-stream" />
<remove fileExtension=".datagz" />
<mimeMap fileExtension=".datagz" mimeType="application/octet-stream" />
<remove fileExtension=".unity3dgz" />
<mimeMap fileExtension=".unity3dgz" mimeType="application/octet-stream" />
<remove fileExtension=".jsgz" />
<mimeMap fileExtension=".jsgz" mimeType="application/x-javascript; charset=UTF-8" />
</staticContent>
</system.webServer>
</configuration>

 

Final referenceThis articleOpen the server.

 

Five, running

After the completion, use the command line (win + R, enter cmd) to query the local ip (ipconfig/all), the final URL is:

Native ip: open port number

Note that when refreshing at load time, the first time it tends to load slowly. The browsers on various devices that are now ready to run through experiments are as follows:

PC side: chrome, firefox

Android：firefox、360、chrome、qq

Currently the ios device (mini2, iPhone7P) at hand can be loaded but not running.

 

Welcome to exchange and correct.