Vue与Unity 网页插件Embedded Browser交互通信

在运用中，需要将web导入到unity中使用（大屏端交互需求），此篇文章以unity网页插件Embedded Browser监听Web方法获取数据为例进行阐述。

Web端：

1. vue中新建需要导入渲染的界面，监听方法统一为getButtonClick,设定需求为web通过点击事件clickButton触发

 <button type="primary" style="margin: 20px auto;" @click="clickButton">点击按钮</button>

2. 点击事件clickButton方法中调用需要监听的事件

created(){
   // unity监听/点击事件触发
    window['getButtonClick'] = (b) => {
    	alert("getButtonClick:"+b);
    };
  },

methods:{
   clickButton:function(){
     let a = 10;
     getButtonClick(a)
   },
}

3. 最后打包成url特定页面，用于unity挂载Browser

C#端：

4. 注册监听方法，当网页端调用了getButtonClick后，unity端就会自动Debug后面，传参格式为JSONNode

Browser.RegisterFunction("getClickButton", new Browser.JSCallback(Action<JSONNode>));