记录贴 Unity和JS相互调用

chillxiaohan

已于 2022-04-13 14:20:29 修改

阅读量6k

点赞数 8

分类专栏：问题记录文章标签： unity web

于 2022-04-12 18:32:58 首次发布

本文链接：https://blog.csdn.net/chillxiaohan/article/details/124130721

版权

问题记录专栏收录该内容

12 篇文章 0 订阅

订阅专栏

赶上个Web平台的项目，许多方法Unity不能直接使用，需要与JS相互调用进行通信，比如webSocket，直接贴代码。
Unity调用JS：
需要先在工程目录下的Plugins文件夹内创建“__Internal.jslib”文件，内容如下：

mergeInto(LibraryManager.library, {

  Hello: function () {
    window.alert("Hello, world!");
  },
  
  ConnectMQTT: function () {
    window.wsconnect();
  },
  
  SendMsgByMQTT: function (str) {
    window.wsconnect();
  },
});

unity工程创建脚本文件，内容如下：

public class UnityToWeb
{
    [DllImport("__Internal")]
    private static extern void Hello();

    [DllImport("__Internal")]
    private static extern void ConnectMQTT();
    [DllImport("__Internal")]
    private static extern void SendMsgByMQTT(string str);

    public static void ToJSHello()
    {
        Hello();//调用定义方法
    }

    public static void ToJSConnectMQTT()
    {
        ConnectMQTT();
    }

    public static void ToJSSendMsgByMQTT(string content)
    {
        SendMsgByMQTT(content);
    }
}

JS调用Unity：
Unity工程内代码如下：

public class WebToUnity : MonoBehaviour
{
    private JSToUnityJsonData jsonDataReceive;

    public void JsToUnity(string json)
    {
		Debug.Log(json);
    }
    
}

修改打包后目录中的“index.html”文件

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | ProductName</title>
    <script src="Build/UnityLoader.js"></script>
    <script>
      var gameInstance = UnityLoader.instantiate("gameContainer", "Build/ProductName.json");
	  function JsToUnityString(content)
	  {
	  gameInstance.SendMessage("JSToUnity","JsToUnity",content);//场景内有一个GameObject名称叫"JSToUnity"，
	  //上边挂载的脚步中有一个"JsToUnity"方法，脚本名称没有要求，但是猜测如果挂载了多个脚本中都有叫做"JsToUnity"的方法，可能会出问题。
	  }
    </script>
  </head>
  <body>
    <div id="gameContainer" style="width: 1920px; height: 1080px; margin: auto"></div>
  </body>
</html>

经测试，发现JS调用Unity只支持传入一个参数，Int或者String，所以采用了Json格式的字符串处理多参数的情况。

我们的项目是把unity的Web端嵌入到了three.js中，然后JS调用Unity的时候测试了半天没效果，后来发现是程序焦点的问题，因为是多程序调用，所以需要先把程序焦点固定在unity上才会响应JS的调用方法，后来在打包的时候把允许后台运行的选项勾上了，解决了这个问题。

chillxiaohan

关注

8
点赞
踩
10

收藏

觉得还不错? 一键收藏
1
评论
记录贴 Unity和JS相互调用

赶上个Web平台的项目，许多方法Unity不能直接使用，需要与JS相互调用进行通信，比如webSocket，直接贴代码。Unity调用JS：需要先在工程目录下的Plugins文件夹内创建“__Internal.jslib”文件，内容如下：mergeInto(LibraryManager.library, { Hello: function () { window.alert("Hello, world!"); }, ConnectMQTT: function () {
复制链接

扫一扫

专栏目录