快应用快速开发攻略和踩坑讲解

妖狐艹你老母 2022-04-18 02:50 260阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70]

## 快应用是什么： ##

快应用是基于手机硬件平台的新型应用形态；  
标准是由主流手机厂商组成的快应用联盟联合制定；  
快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

## 优势： ##

无需安装 即点即用-流畅；  
能添加到桌面；  
区别于原生App和WebApp；  
超6亿流量扶持；  
大势所趋。

## 存在问题： ##

需要申请九大厂商开发者账号，每个账号需要独立提交审核，而且审核规则不统一，需要到每一个你想添加快应用的厂商那里申请；  
由于厂商各有不同所以有些api还会不兼容；  
调试不方便，需要按照两个调试工具，而且有手机兼容性问题，各大平台兼容性测试成本高。

## 开发： ##

作为一个开发人员我们首先会需要一个小册子https://doc.quickapp.cn/tutorial/  
本人按照小册子的入门-快速入门+环境搭建这两页，不到半小时就将demo弄出来了。  
快速查阅小册子的其他内容，发现主要用了html、css、js、模板等这些知识点；和微信小程序、vue这类的架构差不多。

## 注意事项： ##

1.运行时需要开启两个进程：`npm run watch` (生产apk包) 和 `npm run server` (启动本地服务器，方便进行局域网联调)；  
2.Android studio 调试是比较清晰实用的，能看到所有的log和基础信息，缺点就是你还有安装这个巨大的软件；  
3.有很多常规的css属性不能用比如overflow，float，布局基本上是用flex,position几乎不能用;  
4.顶部标题不能设置居中；  
5.颜色最好不要用英文；例如编译器会将white这个英文再次转换；`white` 转换为 `#FFFFFF`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 1]

## 调试： ##

1.通过node打log  
2.通过Chrome的inspect/\#devices调试（手机需连接电脑而且是开发者模式下）  
3.Android studio 调试

## 结论： ##

在理论支撑的前提下开发出合理的需求难度是不大的（1-2年前端工作经验），学习成本不高，需要有边做边踩坑的过渡时间；但是由于这个方向目前应用和开发得不多，所以出了问题再百度上很难找到你想要的帮助；  
在开发之前建议去github、码云、快应用社区等地方下载一些案例来提供思路、模仿学习、少绕点弯路。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70]: /images/20220418/e5603c4ecc434d16b74c12c31db50e0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 1]: /images/20220418/903bb7c63440436bb60d0a875b28ec74.png