uni-app 学习笔记（一）

沈二到不行
373 阅读3分钟

实际需求

  1. 工业软件相关行业，人群主体差异性,所持有设备非以电脑为主,对手持设备,因管理差异性对各个平台的小程序等可能会有差异化需求
  2. 建设周期、成本（人力、一致性、沟通、时间）
  3. 对地图、支付等功能有需求，混编APP对这些方面支持的不好，可能需要在平台层开发插件与js继承通信 4.组件生态系统完善,有可借鉴的相关场景方案,原生插件生态良好，避免踩坑及相关常规应用的时间耗费
  4. 人员技术体系以及框架学习成本

特点

  • 时间周期短
  • 递进式交付
  • 人力成本有限

选型

了解Uni-App

实践

环境准备

  • HBuilderX ：官方IDE下载地址 主要用于页面相关的开发（基础用法基本相同、但存在差异化，页面如果针对混合开发则需要约定标签）
  • 微信小程序工具：工具地址 打包编译资源会需要用到相关内容 发布打包相关
  • Android Studio 下载地址：Android Studio官网 OR Android Studio中文社区 如果要混合编译android App 则需要应用,支持原生app组件嵌入js页显示,支持js与原生插件接口的通信
  • App离线SDK下载：最新android平台SDK下载 类似于一个项目Seed,将相应的AppId和页面打包资源嵌入实现APK的打包
  • 1.10版本起需要申请Appkey，具体请点击链接 如果未申请,安卓项目会有提示Appid未注册配置等提示信息

遇到问题

  1. Android Studio 首次启动 在Android Studio的安装目录下，找到\bin\idea.properties，添加disable.android.first.run=true，表示初次启动不检测SDK

image.png

image.png 2. 导入Android App 离线SDK(HBuilder-Integrate-AS)

  • 提示Gradle project sync failed. Please fix your project and try again/ Module not specified

通过执行 file->sync project with gradle files 进行处理

  • 如果直接导入SDK离线包,可能始终会提示某些项目异常缺少包引用,可以先尝试创建一个空应用加载相应的环境，再进行后续操作
  1. 至于HBuilderX的应用本身不存在啥大问题，教程也比较详细，开发上运行基本上没遇到什么问题,【详细技术选型时,选用这个一定是团队有vue基础的、在此不赘述】、至于打包发布,云资源打包对微信小程序开发工具有要求,安装配置就好、 3.运行android 离线SDK(HBuilder-Integrate-AS) ，注：此处如果你跟我一样之前没搞过安卓的话先把调试环境搞定、官方教程 很详细，注意一下appId的申请、AndroidManifest.xml 注意属性【manifest属性package】【meta-data】两个值配置同步

初步的环境探索尝试到此告一段落、后面会涉及页面引原生组件、js调用原生方法、打包等实际应用问题

avatar
文章
阅读
粉丝