Android调用Vue中的JavaScript代码

// 在 Vue 应用中将数据传递给 Android 应用
var data = "Hello from Vue!"
window.Android.showToast(data)

import android.annotation.SuppressLint
import android.os.Bundle
import android.webkit.JavascriptInterface
import android.webkit.WebSettings
import android.webkit.WebView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    private lateinit var webView: WebView

    @SuppressLint("SetJavaScriptEnabled")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        webView = findViewById(R.id.webview)
        val webSettings: WebSettings = webView.settings
        webSettings.javaScriptEnabled = true // 启用 JavaScript

        // 加载 Vue 应用的网页
        webView.loadUrl("file:///android_asset/vueapp/index.html")

        // 设置 JavaScript 接口
        webView.addJavascriptInterface(JavaScriptInterface(), "Android")
    }

    // 定义 JavaScript 接口
    inner class JavaScriptInterface {
        @JavascriptInterface
        fun showToast(message: String) {
            // 在 Android 应用中显示从 Vue 应用传递过来的值
            Toast.makeText(this@MainActivity, message, Toast.LENGTH_SHORT).show()
        }
    }
}

// 在Vue应用中将数据传递给Android应用
var data = {name: 'John', age: 25};
window.Android.getData(JSON.stringify(data));

import android.os.Bundle
import android.util.Log
import android.webkit.JavascriptInterface
import android.webkit.WebSettings
import android.webkit.WebView
import androidx.appcompat.app.AppCompatActivity
import org.json.JSONObject

class MainActivity : AppCompatActivity() {
    companion object {
        private const val TAG = "MainActivity"
    }

    private lateinit var webView: WebView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        webView = findViewById(R.id.webview)
        val webSettings: WebSettings = webView.settings
        webSettings.javaScriptEnabled = true // 启用JavaScript

        // 加载Vue应用的网页
        webView.loadUrl("file:///android_asset/vueapp/index.html")

        // 设置JavaScript接口
        webView.addJavascriptInterface(JavaScriptInterface(), "Android")
    }

    // 定义JavaScript接口
    inner class JavaScriptInterface {
        @JavascriptInterface
        fun getData(dataJson: String) {
            val jsonObject = JSONObject(dataJson)

            val name = jsonObject.getString("name")
            val age = jsonObject.getInt("age")
            
            Toast.makeText(this@MainActivity, name, Toast.LENGTH_SHORT).show()
            Toast.makeText(this@MainActivity, age.toString(), Toast.LENGTH_SHORT).show()
        }
    }

    // 定义数据类
    data class Data(val name: String, val age: Int)
}