00-1010因为作者曾经是开发,的安卓原生,但因为工作需要(说白了,小公司不愿意做网页版,同时做安卓和ios),开发开始学习webapp。
webapp的开发无非就是:UI JS封装了移动终端的原生api。
UI:为了让webapp界面看起来更像移动界面,需要对HTML标签进行修饰和封装,形成各种空间,比如ButtonSwitchToggle等等。然而,不同的开发工具可能使用不同的用户界面来编写规范。我觉得wex5用的是UI2,也就是bootstrap或者HBuilder。
梅。
JS: JS不断发展,从nodejs的简单前端开发到后端开发,再到nativejs的移动终端开发。
封装移动api:前端人员可以更轻松的转移到移动开发,wex5通过cordova插件和justep调用原生api。XX而HBuilder通过nativejs控制本机api的调用。
网络应用的开发
优点:
同时,它可以适应移动终端和网络终端。可以说开发无处不在,开发效率高,开发成本低
缺点:
因为webapp本质上是页面和js的结合体,在渲染页面的时候肯定运行不流畅,用户体验也不是很好。
关注app开发网络框架的选择
为数不多步
开发支持的语言类型
根据前端开发人员的能力,选择Webapp开发框架。
比如前端人员只能写react,这就需要Webapp开发框架支持react。
画
第二步
检查网络app开发框架文件是否完整。
比如功能API的详细使用文档和示例等。
插件功能
画
示例代码
画
第三步
确认Webapp开发框架是否能够满足项目需求。
确认APP的功能是否能满足,开发的难度
开发APP的复杂程度和功能能否得到满足,交互多,业务逻辑复杂。找到对应的功能点,提前确认。
比如:开发身份证识别功能,检查Webapp开发框架API是否支持。
画
第四步
确认Webapp开发框架的调试功能是否完善。
1.调试工具
2.调试功能的文档和示例
3.调试工具的易用性
例如,您需要调试页面以查看“获取应用相关信息”界面的返回数据。
调试工具文档
画
页面调试
画
调试结果
画
第五步
确认Webapp开发框架测试完成后是否可以打包发布。
完成的APP是否有完整的包装流程和上架流程?
例如,测试过的webapp需要打包。
应用包装
画
全部充填
画
下载安装包(。apk和。ipa)并直接上传到应用市场。