AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码

QQ896757558

AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码

1. var web = new WebView()
   
2. web.show();
   
3. 
   
4. 
   
5. web.loadHtml(`
   
6. 
   
7. <!DOCTYPE html>
   
8. <html lang="en">
   
9. <head>
   
10.     <meta charset="UTF-8">
    
11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
12.     <title>WKWebView JS to Swift</title>
    
13.     <style>
    
14.         body {
    
15.             font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    
16.             padding: 40px;
    
17.             background-color: #f2f2f7;
    
18.             text-align: center;
    
19.         }
    
20.         button {
    
21.             font-size: 18px;
    
22.             padding: 12px 24px;
    
23.             margin: 10px;
    
24.             border: none;
    
25.             border-radius: 8px;
    
26.             background-color: #007aff;
    
27.             color: white;
    
28.             cursor: pointer;
    
29.         }
    
30.         button:hover {
    
31.             background-color: #005fd1;
    
32.         }
    
33.     </style>
    
34. </head>
    
35. <body>
    
36. 
    
37.     <h1>Swift 调用演示</h1>
    
38. 
    
39.     <button onclick="setConfig('a','6666')">设置值</button>
    
40.     <button onclick="main()">测试H5交互</button>
    
41. 
    
42.     <script>
    
43. 
    
44.         //执行脚本必须放到异步函数中 否则会卡顿
    
45.         async function main(){
    
46.              //写入配置参数
    
47.              setConfig('a','6666')
    
48.              //获取配置参数
    
49.              const result = await getConfig("a");
    
50.              //吐司提示
    
51.              toast(result.toString())
    
52. 
    
53.              //通过printl打印日志
    
54.              printl("测试日志打印")
    
55. 
    
56.              //调用脚本函数 第一个参数函数名,第二个要传的参数必须字符串,多个值可以用json
    
57.              const funres = await callFunction("test","123")
    
58. 
    
59.              //运行脚本代码,脚本要写到lamada表达式里
    
60.              runJS( ()=>{
    
61.                     //AIWORK脚本写这里
    
62.                     printl("1233")  
    
63.              })
    
64. 
    
65.              //运行脚本文件
    
66.              //runFile("主脚本.js")
    
67.             
    
68.         }
    
69.         
    
70.     </script>
    
71. 
    
72. </body>
    
73. </html>
    
74. 
    
75. 
    
76. `)
    
77. 
    
78. function test(arg){
    
79.    printl("我被H5调用了,参数是"+arg)
    
80. }

复制代码

案例加载html文件

var web = new WebView()web.show();//这里从代码目录加载web.loadFile(project.getCodePath()+"h5.html")

JS调用AIWORK方法：

• setConfig('a','6666') 和 getConfig("a") 读写配置,getConfig返回的是一个对象,如果写入的是JSON格式的数据,需要使用JSON.stringify()转成字符串，查看字符串对象
• toast("123") 显示吐司信息
• runJS 函数用于运行脚本代码
• runFile("主脚本.js")运行脚本文件记得放到代码目录