Unity

定义一个jslib文件，名字随意，比如global.jslib，但是此文件必须放入Plugins文件夹。然后写入以下代码：

mergeInto(LibraryManager.library, {

    SayHello: function () {
        window.alert("Hello, world!");
    },
 
     ReportReady: function () {
       window.ReportReady();
    }
});

新建一个JsTalker.cs文件测试，将其挂载在一个名称为JsTalker的空物体上

using System.Runtime.InteropServices;
using UnityEngine;
using UnityEngine.UI;

public class JsTalker : MonoBehaviour
{
    [DllImport("__Internal")]
    private static extern void SayHello();

    [DllImport("__Internal")]
    private static extern string ReportReady();

    public Text text;
    void Start()
    {
        ReportReady();
    }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetKeyUp(KeyCode.H))
        {
            SayHello();
        }

    }
    public void SetToken(string token)
    {
        text.text = token;
    }
}

将unity工程打包发布，所有文件放到Vue的public目录下

image.png

Vue

（假设使用VueCli3建立工程）安装vue-unity-webgl
yarn add vue-unity-webgl --save
App.vue

<template>
  <unity
    src="/Dist/Build/Dist.json"
    width="1000"
    height="600"
    unityLoader="/Dist/Build/UnityLoader.js"
    ref="unityvue"
  ></unity>
</template>

<script>
import Unity from "vue-unity-webgl"; 
export default {
  components: { Unity },
  name: "App",
  created() {
    localStorage.setItem("token", "adsdasdasdads");

    window.ReportReady = () => {
      alert("report ready event received"); 
      this.$refs.unityvue.message("JsTalker", "SetToken", localStorage.token);
    };
  }
};
</script>

运行yarn serve；可以看到token已经被传进unity

image.png