unity android调用javascript

我整理的一些关于【CRI】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/xltfovUnity Android 调用 JavaScript 的综合指南在现代游戏开发中，Unity 不仅是一个强大的游戏引擎，还允许开发者通过多种方式与外部技术整合。对于移动应用开发者来说，了...

意博思诺意大利留学

172人浏览 · 2024-08-26 03:30:16

意博思诺意大利留学 · 2024-08-26 03:30:16 发布

我整理的一些关于【CRI】的项目学习资料（附讲解～～）和大家一起分享、学习一下：

https://d.51cto.com/xltfov

Unity Android 调用 JavaScript 的综合指南

在现代游戏开发中，Unity 不仅是一个强大的游戏引擎，还允许开发者通过多种方式与外部技术整合。对于移动应用开发者来说，了解如何在 Unity 中调用 JavaScript 是非常重要的，尤其是在 Android 平台上。本文将详细介绍 Unity 如何与 Android 的 WebView 交互，以便从 Unity 中调用 JavaScript，并将内容传递回来。

什么是 WebView？

WebView 是 Android 提供的一个视图组件，用于在自己的应用中嵌入网页。通过 WebView，我们可以运行网页上的 JavaScript 代码。Unity 可以通过 Android 的 Java 接口与 WebView 互动，从而实现与 JavaScript 的双向调用。

Unity 与 JavaScript 的交互流程

我们将探讨以下步骤：

在 Unity 中设置 Android WebView。
创建与 JavaScript 交互的桥接。
调用 JavaScript 函数并接收返回值。

1. 在 Unity 中设置 Android WebView

首先，你需要准备一个 Unity 项目，并确保你的 Android SDK 配置正确。

接着, 你需要创建一个新的 MonoBehaviour 脚本，命名为 WebViewController.cs，并实现以下代码：

using UnityEngine;

public class WebViewController : MonoBehaviour
{
    private AndroidJavaObject webView;
    
    void Start()
    {
        CreateWebView();
    }

    void CreateWebView()
    {
        // 创建一个 AndroidJavaObject 实例
        using (AndroidJavaClass unityPlayer = new AndroidJavaClass("com.unity3d.player.UnityPlayer"))
        {
            AndroidJavaObject currentActivity = unityPlayer.GetStatic<AndroidJavaObject>("currentActivity");
            webView = new AndroidJavaObject("android.webkit.WebView", currentActivity);
            webView.Call("loadUrl", "file:///android_asset/index.html"); // 加载本地 HTML 文件
        }
    }
}

2. 创建与 JavaScript 交互的桥接

为了在 Unity 中与 JavaScript 进行交互，你需要创建一个桥接函数。这个函数将在 WebView 触发时被调用。更新 WebViewController.cs：

public void CallJavaScript(string jsFunction)
{
    webView.Call("evaluateJavascript", jsFunction, null);
}

3. 调用 JavaScript 函数并接收返回值

我们可以在 JavaScript 中实现一个简单函数，然后从 Unity 调用它。首先，在 Assets/Plugins/Android/assets/ 下创建 index.html 文件，内容如下：

<!DOCTYPE html>
<html>
<head>
    <title>Unity WebView</title>
    <script type="text/javascript">
        function greet(name) {
            return "Hello, " + name + "!";
        }
    </script>
</head>
<body>
    WebView Example
</body>
</html>

为了从 Unity 调用 JavaScript 的 greet 函数，我们可以在 WebViewController.cs 中添加以下代码：

void Update()
{
    if (Input.GetKeyDown(KeyCode.Space))
    {
        string jsFunction = "greet('Unity')";
        CallJavaScript(jsFunction);
    }
}

这段代码监听用户按下空格键，调用 JavaScript 中的 greet 函数，并传递参数。

处理返回值

为了接收 JavaScript 返回的值，我们需要稍微调整 WebView 的交互逻辑。一种简单的方法是使用一个回调。

首先，更新 index.html，让 greet 函数能将结果返回给 Unity：

<script type="text/javascript">
    function greet(name) {
        var message = "Hello, " + name + "!";
        window.Unity = window.Unity || {};
        window.Unity.sendToUnity(message); // 发送给 Unity
    }
</script>

接着，修改 WebViewController.cs 以处理发送的内容：

void Start()
{
    CreateWebView();
    AddUnityBridge();
}

void AddUnityBridge()
{
    using (AndroidJavaClass unityPlayer = new AndroidJavaClass("com.unity3d.player.UnityPlayer"))
    {
        AndroidJavaObject currentActivity = unityPlayer.GetStatic<AndroidJavaObject>("currentActivity");
        // 注册 JavaScript 的 Unity 桥接
        currentActivity.Call("setUnityBridge", this);
    }
}

// JS 调用此方法
public void SendMessageToUnity(string message)
{
    Debug.Log("Received from JS: " + message);
}