认识下webview-ffi吧，Cangjie也能用js/html/css开发桌面程序了

摘要：用html和js写桌面程序一直都备受大家推崇，现在仓颉也有了，通过对C的绑定，可以使用webview-ffi这个框架开发运行自己的桌面程序，地址是https://gitcode.com/Cangjie-SIG/webview-ffi/overview，小伙伴们

用html和js写桌面程序一直都备受大家推崇，现在仓颉也有了，通过对C的绑定，可以使用webview-ffi这个框架开发运行自己的桌面程序，地址是https://gitcode.com/Cangjie-SIG/webview-ffi/overview，小伙伴们可以尝试下，当然调用有很多种方法，这里简单介绍一种：

1.将源码下载下来，放入工程中，与src放同一目录，同时创建存放html的目录resources和存放dll的library目录，当然，也可以直接拷贝源码里的目录和文件,如图：

2.修改cjpm.toml,引入webview-ffi

[dependencies]webview_ffi = {path = "./webview_ffi"}[package]cjc-version = "0.56.4"compile-option = ""description = "nothing here"link-option = ""name = "cjportal"output-type = "executable"override-compile-option = ""src-dir = ""target-dir = ""version = "1.0.0"package-configuration = {}[target.x86_64-w64-mingw32]compile-option = "-L ./library/win -l webview"link-option = "-rpath ./library/win -subsystem windows"

3.在main.cj里编写调用代码。

先创建一个窗口，可以设置大小和窗口名称

//最后一个参数代表是否可开启调试控制台let w = webview("aichuanzhi", 630, 500, false)

调用的时候，有两种展示方式：

设置网站的访问地址，去加载远程页面w.setUrl("https://www.aichuanzhi.com/")w.runw.destroy

访问本地的html，绑定函数，并在代码里调用。//main.cjw.setResources("resources/") //创建绑定函数w.bind("hello", { _ =>var result: JsonValue = JsonInt(1)Result(result)})w.runw.destroy//index.html计数器示例// 初始化计数器 let count = 0;// 当文档加载完毕后执行 document.addEventListener('DOMContentLoaded', function {document.getElementById('count').innerText = count;// 为按钮添加点击事件监听器 document.getElementById('incButton').addEventListener('click', function {//调用仓颉定义的函数 hello.then((error) => {console.log("hello aichuanzhi!");});count++;document.getElementById('count').innerText = count;});});点我,调用绑定的函数

Count: 0

运行效果如图：