1 移动端开发概念与环境准备

1 移动端开发概念与环境准备

1.1 移动端开发相关概念

1.1.1 APP类型

(1)Native APP

Native APP又称原生APP,就是我们平时说的手机/桌面应用软件。

原生APP 是针对IOS、Android、Windows、鸿蒙等不同的手机操作系统要采用不同的语言和框架进行开发出来的,通常是由“服务器数据+APP应用客户端”两部份构成。

实现技术:

iOS: swift(雨燕)/ Object-C

Android: java / kotlin

HarmonyOS: JS, Java和C++

优缺点

优点:

体验好,用户无法上网也可访问APP应用中以前下载的数据

性能稳定,可调用手机的硬件设备(语音、摄像头、短信、GPS、重力感应等)和本地资源(通讯录,相册等)

操作速度快,能够实现出色的动效,转场动画完美

缺点:

开发周期长,开发人员工资起点高。

用户要使用原生APP,必须通过安装到手机里面才行,而且APP软件体积大,占用较多手机内存容量

更新缓慢,根据不同平台,提交–审核–上线流程较复杂。

要获取最新功能,需要升级应用,所以会容易出现有些用户不升级,导致多个不同功能版本出现,维护成本大

跨平台差,每种平台都需要独立的开发语言。Java(安卓),swift(iOS), HarmonyOS(java、C++、js)等等

(2) Web APP

Web APP本质上是为移动浏览器设计的网站,可以在各种智能设备的浏览器上运行。

实现技术:

HTML5+Javascript+CSS3

react.js

vue.js

优缺点

优点:

一套代码到处运行,可以同时在 PC、Android、iPhone、鸿蒙系统上的浏览器上访问

开发者不需要发布到应用市场审核,用户不需要下载、安装和更新

开发周期短,维护成本低

用户不需用户手动更新,可以自动更新,直接使用最新版本

缺点:

转场表现略差,要求联网

用户体验没那么炫。图片和动画支持性不高

没法在应用市场中下载、无法通过应用下载获得盈利机会

对手机功能应用缺乏,有限制(蓝牙、网络、本地文件等)

(3) Hybrid APP

Hybrid App就是混合APP,就是Native结合Web的混合开发,就是内部本质是Web网页,使用外壳打包软件给它套一层原生APP的外壳。

实现技术:

APICloud -> apicloud template ---> APICloud编辑器 ---> 混合APP

DCloud的uni-app ->Hbuilder编辑器 -> 混合APP

WeX5

phoneGap(cordova(浏览器内核)+android(引擎))

Ionic4

React Native (react.js+APP外壳程序)

....

优缺点

优点:

集众家之长,既可以调用丰富的手机设备API,也能拥有Web APP的跨平台能力

可以在应用商店发布,实现收费下载

内部是网页结构,可以自主更新,做到开发一次,所有平台生效

降低开发成本和技术成本,降低维护和开发周期

缺点:

本质上就是一个Web APP使用了原生APP的壳,所以体验比不上原生APP,但是比webAPP强

开发难度比Web APP高,有一定的学习成本,开发周期比Web APP长,但是比原生APP肯定要短。

混合APP发布有可能无法通过审核,需要多次调整,才能发布

依赖开发框架本身提供的手机设备API,少部分设备功能还是只能借助原生语言进行调用才可以

对团队技术栈要求相对高,既要懂web开发的,也要懂原生APP开发的

1.1.2 移动端适配方案

目前常用的布局适配方案就3种,分别是vw、像素百分比+flex弹性布局和rem+viewport,vw最流行最容易。

当然,rem+viewport这种方案的实现方式也有很多,其中最著名的就是淘宝的flexible方案。

1.2 开发准备

我们接下来开发的项目是嘤鸣APP,主要通过Flask+json-rpc+APICloud+vue.js完成的。

注册APICloud帐号

APICloud官网: https://developer.yonyou.com/product/appdevelopment/appdriven

开发文档: https://developer.yonyou.com/developer/documentCenter

下载APP开发编辑器

注册成功,登录进入开发控制台,找到页面右下角点击开发工具跳转到工具下载页面。

使用APICloud上注册的账户登录。

接下来开发APP的时候,肯定是要查看代码运行后的效果,所以我们需要安装安卓模拟器,当然也可以使用真机调试。

推荐: 市面上大部分的模拟器都差不多,使用人数最多,一般都是: 海马玩模拟器, 夜神模拟器, 雷电模拟器.

我们这里安装和使用雷电模拟器。

官网: https://www.ldmnq.com/

注意哦:

如果使用mac os 开发的同学,安装夜神模拟器.

夜神的官网: https://www.yeshen.com/

上面这个版面效果是平板的,所以我们调整下版面设置为移动端手机的。

最终效果:

下载APP开发调试工具

文档中心-用友开发者中心

https://developer.yonyou.com/developer/documentCenter

点击AppLoader下载APP加载器工具,如扫码无法下载,则手动下载压缩包,通过USB连接电脑拖动到手机中进行安装。

相关推荐

科学揭秘:为什么爱唱歌的人更容易快乐?这5个神奇机制让你立刻想开嗓
《海贼王》艾斯为什么必须死?剧情中他自己的一句话说出原因!
小米手机彻底删除的照片如何恢复?深度解析找回方法
求正规英国365网址

小米手机彻底删除的照片如何恢复?深度解析找回方法

📅 07-10 👁️ 5133
起诉离婚后一般多久能开庭?法院排期时间解析
求正规英国365网址

起诉离婚后一般多久能开庭?法院排期时间解析

📅 01-29 👁️ 7318
Apache POI 概述
365bet中文官方网站

Apache POI 概述

📅 01-28 👁️ 3400
德罗西:06年赢世界杯是职业生涯最高光时刻,我将永生难忘