yixike 发表于 2025-7-28 17:53:44

用vue2脚手架开发easyclick 脚本的开源模板, 前端告别写安卓UI的痛苦

本帖最后由 yixike 于 2025-7-28 17:57 编辑

easyclick 提供的嵌入 HTML 的 Vue 写法体验很不好,不仅缺少组件化思想,还导致大量代码冗余,路由跳转也十分不便。

后来我在 easyclick 文档中偶然发现 xml 可以使用 webview 技术,就想到如果把 url 指向本地地址会不会成功,试了一下居然可行。

这就好办了 —— 只要在 vue 脚手架中配置好 build 路径,再在 uil.js 中配置 webview 的 url,就能实现开发环境和生产环境的一键切换了。

在开发者模式下,由于webview接入的是本地的url,浏览器也可以直接访问,vue脚手架的ui热更新功能也一样可以在手机和浏览器上执行,修改ui更加直观

项目开源地址:https://github.com/YXKxk/easyclick-vue2,如果对你有帮助请关注我抖音:程序员小风,获取更多的自动化,js逆向,小程序、网页开发新知识
项目目录:
https://web-yxk-tlias.oss-cn-hangzhou.aliyuncs.com/%E9%A1%B9%E7%9B%AE%E7%9B%AE%E5%BD%95.png
main.xml:
https://web-yxk-tlias.oss-cn-hangzhou.aliyuncs.com/xml.png
ui.js:
https://web-yxk-tlias.oss-cn-hangzhou.aliyuncs.com/ui.js.png
开发环境:
https://web-yxk-tlias.oss-cn-hangzhou.aliyuncs.com/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83.png
浏览器界面:
https://web-yxk-tlias.oss-cn-hangzhou.aliyuncs.com/%E6%B5%8F%E8%A7%88%E5%99%A8%E7%95%8C%E9%9D%A2.png
生产环境:
https://web-yxk-tlias.oss-cn-hangzhou.aliyuncs.com/%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83.png
app运行界面:
https://web-yxk-tlias.oss-cn-hangzhou.aliyuncs.com/app%E8%BF%90%E8%A1%8C%E7%95%8C%E9%9D%A2.png

页: [1]
查看完整版本: 用vue2脚手架开发easyclick 脚本的开源模板, 前端告别写安卓UI的痛苦