前端开发

Appearance

On this page

uni-app ​

uni-app 为条件编译，不如原生速度快，性能好，因此该篇章主要讲解打包为 APP 应用场景

环境安装 ​

  1. java 环境推荐 jdk1.8
  2. android sdk
  3. android studio (配置 android sdk、jdk)
  4. adb 工具 (推荐全局安装)

基础文件目录结构 ​

┌─uniCloud              云空间目录，阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb（详见uniCloud）(非必要)
│─components            符合vue组件规范的uni-app组件目录
│  └─comp-a.vue         可复用的a组件
├─utssdk                存放uts文件(非必要)
├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index页面
│  └─list
│     └─list.vue        list页面
├─static                存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源都应存放于此目录
├─uni_modules           存放[uni_module](/uni_modules)(不需要)。
├─platforms             存放各平台专用页面的目录(非必要)
├─nativeplugins         App原生语言插件(非必要(非必要))
├─nativeResources       App端原生资源目录
│  ├─android            Android原生资源目录
|  └─ios                iOS原生资源目录
├─hybrid                App端存放本地html文件的目录(非必要)
├─wxcomponents          存放小程序组件的目录，详见(非必要)
├─unpackage             非工程代码，一般存放运行或发行的编译结果(不需要)
├─AndroidManifest.xml   Android原生应用清单文件
├─Info.plist            iOS原生应用配置文件
├─main.js               Vue初始化入口文件
├─App.vue               应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json         配置应用名称、appid、logo、版本等打包信息
├─pages.json            配置页面路由、导航条、选项卡等页面类信息
└─uni.scss              这里是uni-app内置的常用样式变量

项目中

未用到的服务、插件等非必要创建，看实际业务而定

组件库以及主要构建依赖 ​

版本管理 ​

打包 ​

打包方式主要是云端打包和本地打包。

云端打包 ​

在线打包(云打包))直接访问uni-app官网配置相关配置

离线打包 ​
  1. 在 HbuilderX 里生成打包离线资源
  2. 在 Android studio 里导入官方提供的 SDK 的 demo 项目、或者自己创建一个项目，导入官方提供的 sdk(推荐)，学习连接地址
  3. 签名证书文件生成 (可采以平台云端证书或者本地 android studio 证书)
  4. 获取签名证书主要数据，生成 appkey (离线打包 Key)
    • 平台云证书
      1. 在平台申请的证书，下载证书，把相关证书放入项目，
      2. 把在平台申请的证书信息填入项目配置
      3. 在各平台信息模块点击生成离线打包 Key
    • 本地证书
      1. 点击 build 选择 generate Signed Bundle / APK ，然后选择 APK，点击 next,选择证书，直接点击 create new...,生成证书
      2. 查看证书信息，主要是 MD5、sha1 以及 sha256 签名值
        通过 在 android studio 点击项目的右侧 Gradle，点击运行 Tasks 下的 android 的 signingReport 命令即可查看，如若未找到，说明鲜项目构建的依赖下载存在问题，点击 file 的 sync project width Gradle files
      3. 把本地 android studio 证书的相关信息填入各平台信息模块,离线打包 Key
  5. 找到对应的 appid 与 appkey 替换即可
  6. 打包，点击 build 成 generate Signed Bundle / APK 时，选择 apk，选择一个你已有的签名，方可打包成 appkey 正确的离线 apk

部署、发布与上线 ​

上架各个平台，具体查看各个平台规则

更新、升级、发版 ​

视公司是否有后台管理在线升级而定