第一種：

在h5中呼叫kotlin的方法:使用flask起一個簡單的web專案，在專案中新增一個按鈕，並加入js程式碼

然後在kotlin中建立一個類：

1. package com.example.mykotlinh5
3. import android.content.Context
4. import android.webkit.JavascriptInterface
5. import android.widget.Toast
7. // Kotlin與H5通訊的橋樑類
8. class JsMethods(context:Context) {
10. // 上下們物件
11. private var mContext = context
13. @JavascriptInterface // 安卓4.2之後都要加
14. fun shouToast(json:String) {
15. // 第一種方式彈出
16. Toast.makeText(mContext, json, Toast.LENGTH_SHORT).show()
18. }
20. }

在main Activity中：

1. package com.example.mykotlinh5
3. import android.annotation.SuppressLint
4. import androidx.appcompat.app.AppCompatActivity
5. import android.os.Bundle
6. import android.webkit.WebChromeClient
7. import android.webkit.WebView
8. import android.webkit.WebViewClient
9. import kotlinx.android.synthetic.main.activity_main.*
10. import org.json.JSONObject
12. class MainActivity : AppCompatActivity() {
14. // 懶載入：使用的時候才初始化
15. private val mWebView:WebView by lazy {
16. web_v
17. }
19. override fun onCreate(savedInstanceState: Bundle?) {
20. super.onCreate(savedInstanceState)
21. setContentView(R.layout.activity_main)
22. // 使用anko快速找到id，並設定裡面的值
24. // 開啟kotlin與h5通訊的開關
25. mWebView.settings.javaScriptEnabled = true
27. // 設定兩個webViewClient
28. mWebView.webViewClient = MyWebViewClient()
29. mWebView.webChromeClient = MyWebChromeClient()
31. //H5與Kotlin橋樑類通訊的橋樑類：第一個引數是被呼叫方法的物件，第二個引數是物件別名
32. mWebView.addJavascriptInterface(JsMethods(this), "jsInterface")
34. //
35. mWebView.loadUrl("http://192.168.1.23:5000/")
36. }
38. // 建立兩個WebViewClient
39. private inner class MyWebViewClient : WebViewClient() {
40. // 當頁面載入完成呼叫的方法
41. override fun onPageFinished(view: WebView?, url: String?) {
42. super.onPageFinished(view, url)
43. // 呼叫H5的方法：Kotlin呼叫h5方法規範：mWebView.loadUrl("javascript:方法名(引數)")
44. var json = JSONObject()
45. json.put("name", "我是Kotlin傳給H5的方法")
46. val jsString = json.toString()
47. mWebView.loadUrl("""javascript:showMessage($jsString)""")
48. }
49. }
51. // lambda表示式
54. // 建立一個ChromeClient
55. private class MyWebChromeClient : WebChromeClient() {
56. // 控制載入的進度條
57. override fun onProgressChanged(view: WebView?, newProgress: Int) {
58. super.onProgressChanged(view, newProgress)
59. }
60. }
61. }

然後就可以在頁面中呼叫到了：