uni-app的工程文件结构

Posted 2023-04-07

参考技术A Root
|- common / utils //存放自己封装的工具类等文件（比如base-util.js、storage-key.js文件）。
|- components //uni-app组件目录。
|----- comp-a.vue //可复用的a组件。
|- wxcomponents //存放小程序组件的目录，也可合并到components里面。
|- hybrid //存放本地网页的目录。
|- platforms //存放各平台专用页面的目录。
|- pages //存放业务页面文件的目录。
|----- index
|--------- index.vue //index页面。
|----- mine
|--------- mine.vue //我的页面。
|- static //存放应用引用静态资源（如图片、视频等）的目录。注意：静态资源只能存放于此。
|- main.js //Vue初始化入口文件。
|- App.vue //用来配置App全局样式以及实现应用生命周期事件。
|- manifest.jspn //配置应用名称、appId、logo、版本等打包信息。
|- pages.json //配置页面路由、导航条、选项卡等页面类信息。
|- uni.scss //此文件是为了方便整体控制应用的风格（比如按钮颜色、边框风格）。
|- unpackage //打包目录，用于存放各个平台的打包文件。

uni-app iOS离线打包

uni-app iOS离线打包

1. DCloud上下载最新的5+SDK

   • 解压SDK

2. 选择HBuilder-Hello，里面是一个XCode工程，直接双击HBuilder-Hello.xcodeproj打开项目

   • 目录结构

3. HBuilderX中，选择菜单中的“发行-原生App-本地打包-生成本地打包App资源”，控制台会自动开始编译项目，并且生成一个www资源包。

4、用自己生成的资源包替换掉XCode项目中的www资源包

5. 打开资源包中的manifest.json，里面会有我们的一个appid，复制一下

6. 直接把HelloH5这个文件夹名字重命名成相应的appid

7. 打开Supporting Files里的control.xml

8. 里面有个appid和appver，全部换成自己项目的appid和版本号

9. 替换启动页和App的Logo

10. 然后在General中替换app信息,版本号必须和之前control.xml中配的一致

11. 然后直接编译运行，就可以在XCode中运行你的uni-app项目了，也可以导出ipa包发布App Store。