【懒人精灵】懒人、golang、vue3交互的例子

为什么要使用golang、vue3

1、vue构建的前端很漂亮，而且有nodejs的加持，逻辑代码是可以在vite打包后进行混淆的；
2、有许多移动端的vue2和vue3框架可以编写懒人的UI界面；详见:适合做html5页面的移动端开源UI组件库
3、懒人的lua打包编译后，是有可能被逆向出源码的；而使用golang编写脚本的逻辑，使用懒人的壳子，就算脚本被逆向了，也只能得到lua部分的代码，无法得到golang的源码。
4、由于浏览器的隐私保护（跨域限制），vue打包编译后的代码必须在服务端运行。使用golang可以开启一个http服务，供懒人精灵的ui访问。这个需求也可以借助Python来实现，懒人精灵同样支持Python或者c语言。
5、由于golang可以编写一些api接口，可以利用这个功能，配合懒人精灵编写一些apk插件，供Auto.js、按键精灵等脚本开发框架使用。

实施

1、使用vue3来编写一个UI界面，打包出来的文件放在懒人精灵的“界面”目录下；
2、在懒人精灵中，创建golang混合项目；
3、在golang中创建一个http服务，显示vue打包后的网页文件；
4、启动脚本，点击“提交”按钮，将前端的参数传递给lua脚本；

踩坑

开发过程中踩了不少坑，最主要的问题就是html不显示，而是显示下面的页面。
这个问题主要是由于资源文件路径不正确，或者http服务启动失败导致的。

资源介绍

1、包含两个项目工程文件：懒人精灵高级版的工程文件，和前端vue项目工程文件
2、懒人精灵项目名为“goVue”，包含了在lua中调用golang的方法、在golang中调用lua的方法、lua获取html发送的数据（脚本和UI的交互）、在golang中启动HTTP服务并显示vue页面；
3、前端vue项目名为“vant基础表单”，需使用npm安装依赖并构建；