之前秒哒应用只能用于小程序,不方便做调整,死磕要怎么弄一个放在手机里面,自己使用无所谓。
一直误认为秒哒是用微信小程序架构写的,要改写什么代码比较麻烦,本来都放弃了。后来发现只是小程序,并不是针对微信小程序,大部分的代码通用,而且修改并没有特别复杂。
改了一两天,在cmd安装各种看不懂的东西,反复报错,无法跳转,白屏等问题。
最终成功打包。
第一步在秒哒修改完善应用并且预览没问题后,下载源代码压缩包。下载一次需要70秒点,后面有修改需要重新下载,建议一定优化完善后再下载。
第二步最重要的,在HbuilderX(uni-app)新建一个标准目录结构,实现跨平台打包,一套代码可以用于安卓ios鸿蒙各种小程序快应用等。有 pages、static、unpackage,还有 App.vue、main.js、pages.json、manifest.json 这些文件,写出来方便描述给ai。
我也没搞懂两个具体的区别,就只下载安装了HbuilderX打包修改代码一起。
第三步,新建一个hybrid-html文件夹,本地独立 HTML 页面及配套资源(CSS/JS/ 图片等),大概我理解就是前面建的pages等文件是一个适配多平台的入口,不同人持有的不同的钥匙,而hybrid-html里面装的才是房屋内核心的资源,跨平台需要在这里获取通用的网页资源,实现一套代码可以打包成不同的包。
第四步就是解压安装包后,在cmd去安装必要的打包环境,比如npm install、node.js等,这里如果出错根据报错依次截图给ai就行,这些都只需要安装一次。
第五步打包dist文件包,也是进cmd打包Taro H5,生成dist文件,里面会有index.html打开在浏览器测试没问题就说明可以打包了。这一步报了很多错,无法打开、白屏、手机不适配,不停根据ai的提示修改,改了2天,好在都是一次性的,只要做了一次,后面就比较熟悉了。
第六步预览,安卓手机开调试或者下载安卓模拟器,在HbuilderX模拟运行没问题,发行安装包,最后根据提示操作即可。目前我是测试自用,所以都用的免费云证书,如果要上架应用商店,需要申请开发者账号打包进去什么的,就没研究了,应该还好。
总结打包前关键点(AI复制的),也是在打包过程中出现问题反复修改的。
H5 资源与配置最终确认,资源完整性:uni-app 的hybrid/html目录下,需包含 Taro 打包后dist的所有文件 / 文件夹(js、css、static、index.html等,无缺失)。 Taro 配置锁定:Taro 项目config/index.ts中h5.publicPath保持为./(相对路径,避免打包后资源路径失效)。 H5 适配配置:dist/index.html的viewport标签唯一且包含width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no(适配移动端显示)
不过这个操作完后,下一个应用预计半天能打包一个,当熟悉了常见报错提前修改,也熟悉了常用的指令,再下一个应该在2小时内完成,再下一个30分钟可以搞定。
可以开启秒哒生成自用应用了,接下来就再搓几个应用。有需要安卓包的可以找我免费发送哟。
有什么功能需求的也可以私信,尝试做着玩儿。
二零二六年一月二十日
沐生说:废墟藏着未谢的辉煌,拂去尘霜,且见书页间的光