unity WebGL AssetBundel打包和加载

最近项目是webgl版的，坑真的好多！=-=

        一开始打包完AB包，在Webgl加载的时候不成功，我在网上看到的帖子都说 “加载的话，WebGL不支持加载本地，所以习惯上在开发时可以成功的加载本地包，发布成WebGL项目后是不能加载本地包的。。”之类的。但是我不信这个邪，偏要试试在webgl上加载本地AB。

        在StreamingAssets文件夹下确实加载不了AB包，但是可以新建一个文件夹专门放AB包，如图我新建了一个“AssetBundel”文件夹，放在和Assets同级目录下。（当然也可以在程序里自动创建该文件夹，我只是想表达明白给文件所在的位置）

   下面是WebGl端打包AB包的方法，该脚本放在Editor文件夹下。

    [MenuItem("AssetBundle/Build WebGL AssetBundles")]
    static void BuildWebGLAssetBundles()
    {
        string outPath = "AssetBundel"+"\\" + "WebGL";      
        if (!Directory.Exists(outPath))
            Directory.CreateDirectory(outPath);
        BuildPipeline.BuildAssetBundles(outPath, 0, BuildTarget.WebGL);
        Debug.Log("打包WebGL完成:"+ outPath);
    }

打包完成后，就是webgl加载AB的问题了。

首先加载路径如下：

if (Application.platform == RuntimePlatform.WebGLPlayer)
        {
            URL = Application.dataPath + "/AssetBundel/WebGL/model/";
        }
}

接下来就是加载方法：UnityWebRequest

  IEnumerator loadModel(string ABPath,string PreName)
    {      
        string  url = URL + ABPath;
        Debug.Log("模型名字：" + PreName+"  加载路径："+ url);
        UnityWebRequest request = UnityWebRequestAssetBundle.GetAssetBundle(url);
        yield return request.SendWebRequest();   
        AssetBundle ab = DownloadHandlerAssetBundle.GetContent(request);
        GameObject item= ab.LoadAsset(PreName);    
}

上面的ABpath就是你打完AB包的名字，例如（cube.assetbundle）,preFabNama是生成预设体的名字例如（Cube）。

然后把工程打包webgl，记得取消勾选Strip Engine Code。

打包完把AssetBundle复制放到index.html同级目录下，如图：

然后运行可以发现AB正常在webgl里正常加载。 我做了一个测试工程连接如下，感兴趣的可以下载看看哦~当然我用的unity版本是Unity 2018.3.14f。demo里面包含打包，标记，加载AB的方法，还包括一个打包出来的webgl包，可以直接测试。https://download.csdn.net/download/elineSea/22208153