记录贴 Unity和JS相互调用

原创已于 2022-04-13 14:20:29 修改 · 6.3k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#unity #web

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

问题记录专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何在Unity中与JavaScript进行通信，包括Unity调用JS方法和JS调用Unity方法的实现步骤。通过创建`__Internal.jslib`文件和使用`DllImport`注解实现C#到JavaScript的调用，以及在HTML中通过`SendMessage`调用Unity方法。同时，解决在Unity嵌入到three.js中，因程序焦点导致的调用问题，通过设置允许后台运行选项来确保通信正常。

赶上个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>