业务需要变动快、开发人员老本高是当初企业面临的次要问题。多端开发技术则能够很好的解决这些问题,开发一次能够生成 iOS、Android、小程序、Web 等多端利用。APICloud 凭借多年的挪动开发技术积攒,为开发者提供了一套高性能的多端开发技术,能够高效的开发企业级应用程序。
本文分为建设前端编程根底和应用 APICloud 实现开发两局部,为大家简略介绍零根底用户应用 APICloud 开发的过程。如果你曾经有前端根底但不理解 APICloud 的应用办法,能够间接跳转至第二局部哦~
一、前端根底
万丈高楼平地起,想要研发一款 APP 首先须要把握根底的编程技术。作为一个多端开发平台,APICloud 次要是通过前端的编程实现 APP 开发,因而这里只简略介绍前端三剑客:HTML、CSS、JS 的学习办法。
1、HTML 和 CSS
HTML 负责网页的内容,相当于网页的骨架,是一种超文本标记语言,由各种标签组成,是实现前端开发的根底。而 CSS 负责网页的款式,通过对网页元素的色彩、大小、地位等外观款式进行设置,让网页变得更加丑化。
HTML 和 CSS 相对而言比较简单,学习难度不大,初学者能够在 w3cschool(www.w3cschool.cn/)和菜鸟教程(www.runoob.com/)中学习,在学习的同时还能够在网页中进行相应的调试练习,加深对于常识的了解。在初步把握 HTML 和 CSS 之后,就能够摸索着实现对现有网页或者 UI 设计稿的还原复制了。
2、JavaScript
JavaScript 是前端编程语言学习中的重中之重,绝对 HTML 和 CSS 而言学习难度更高一些。JS 次要是负责交互成果的实现,也就是让页面中的元素动起来,是前端的外围技能。
首次接触 JS 能够先跟着网上的教学视频进行第一次简略的学习,对概念有一个总体的理解,实现疾速入门。之后再找相应的专业书籍进行钻研,造成零碎的常识体系,进一步了解 JS 的设计原理和思维,把握更简单的 js 技术,如原型对象、闭包、同步异步、沙箱等。
参考视频:www.imooc.com/learn/36
参考书籍:《Javascript 高级程序设计 第四版》《JavaScript 语言精粹》
3、罕用框架
在理解前端的根底技术之后,还须要把握前端的根底框架。目前前端应用比拟宽泛的框架有两种:React 和 Vue。
React 框架是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。React 次要用于构建 UI,领有较高的性能,代码逻辑非常简单,能够疾速便捷的实现大型项目。
参考视频:/www.bilibili.com/video/BV1wy4y1D7JT
参考资料:React 官网文档: https://react.docschina.org/d…
Vue 框架是用于构建交互式的 web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件零碎,具备简略、灵便的 API。
参考视频:www.bilibili.com/video/BV1Zy4y1K7SH
参考资料:《Vue.js 权威指南》,Vue 官网文档: https://cn.vuejs.org/v2/guide/
二者相比各有劣势,Vue 更易上手,而 React 的绝对自由度更高,开发人员能够依据本身须要抉择框架进行学习。
二、APICloud 开发
在有了肯定的前端根底后,用户就能够应用 APICloud 进行开发了。在 APICloud 中应用根底的 HTML,CSS,JS 技术进行开发与应用惯例编译器的步骤是统一的,批改代码,提交代码,编译代码,进行相应的调试。不同的是 APICloud 引入了本人的 API、模块、框架等,因而在每一步的具体操作上存在肯定的差别。
1、API 和模块
首先 APICloud 提供了本人封装的 API 对象和模块,开发人员能够间接进行调用,疾速实现本人的需要。
API 对象提供了构建应用程序所须要的一些根本的办法,如窗口操作、相册和网络数据拜访等;以及一些常见的属性,如屏幕宽度,零碎类型等;还有一些罕用事件,如电量低事件、利用进入后盾事件。API 对象不须要 require 援用,能够间接在 JS 中应用。
参考资料:https://docs.APICloud.com/Cli…
而模块是在 API 对象之外的一种扩大,APICloud 提供了 1000+ 成熟的 app 功能模块,涵盖领取、IM、直播、辨认、地图等丰盛性能,满足各类 app 的开发需要。在开发 app 时,可一键调用无需独自开发,从而大幅缩短开发周期。
代码中应用模块时需先在开发控制台模块页面进行增加,或者通过 config.xml 中的 feature 字段增加模块,参考 feature 配置(https://docs.APICloud.com/Dev…)。并通过 api.require 办法进行援用,如:
var fs = api.require(‘fs’);fs.exist({path: ‘fs://file.txt’}, function(ret, err) {});
在调用模块时如果有疑难能够在开发者文档(https://docs.APICloud.com/)中间接搜寻对应的模块名称,找到模块的阐明文档进行查看。
如果平台模块不能满足我的项目需要,开发者也能够扩大自定义模块,开发实现后将模块包上传到“自定义模块”外面,而后增加应用。
参考资料
模块开发指南_iOS:https://docs.APICloud.com/Mod…
模块开发指南_Android_Eclipse:https://docs.APICloud.com/Mod…
模块开发指南_Android_Studio:https://docs.APICloud.com/Mod…
2、编译
其次在编译时,有两种编译办法。如果开发时只调用了官网模块,那么能够间接应用官网公布的 AppLoader 进行编译。
而如果在开发时退出了本人封装的模块,付费模块、第三方 SDK 模块等,那么根底的云编译可能就无奈实现编译的需要。这种状况下须要开发人员自定义 AppLoader 实现利用的编译。
参考资料:https://docs.APICloud.com/Dev…
3、调试
最初在调试时,APICloud 提供了真机同步调试的办法。只有确保手机和编译器位于同一网段局域网下,就能够通过扫码下载生成的软件到手机,实现同步调试。
参考资料:https://docs.APICloud.com/Dev…
4、AVM 框架
在 APICloud 中能够应用支流的框架实现原生利用的开发,然而如果想要实现多端利用的同时开发,就必须应用 APICloud 中的 avm.js 框架及语法进行开发。
Avm 是一个挪动优先的高性能跨端 JavaScript 框架,反对一次编写多端渲染。它提供简洁的代码书写模式,编码一次,可同时生成 Android & iOS 原生 App、小程序和 WebApp。Avm 提供类 Vue 语法并兼容 React JSX,如果有 Vue 和 React 框架的根底,则能够疾速上手 Avm。
参考资料:https://docs.APICloud.com/API…
5、数据云平台
APICloud 利用架构是云端一体的架构,终端实现 UI 布局和性能,云端提供数据和服务。APICloud 提供从客户端到云端残缺的数据存储解决方案,云端提供数据治理性能,客户端提供数据拜访 API,开发者只须要在云端创立好表构造和关系,云端会主动生成 Restful 接口,而后在客户端调用 mcm 模块 API 办法即可,不须要本人搭建服务器和写任何服务端代码。
参考资料
云服务 3.0:https://docs.APICloud.com/Clo…
数据云服务开发指南:https://docs.APICloud.com/Dev…
6、我的项目实际
上文曾经介绍了在 APICloud 中进行开发可能会用到的常识,在把握这些常识之后用户曾经有了开发利用的根底。官网提供了老手教程,用户能够依照教程从零到一的实现一个利用。
参考资料
创立第一个利用:https://docs.APICloud.com/API…
APICloud 新手入门概念篇:https://developer.yonyou.com/…
APP 与小程序实战开发培训:https://developer.yonyou.com/…
除此之外,用户也能够间接调用官网提供的模板,在模板的根底上进行批改,疾速的定制属于本人的 APP。官网提供了对于模板的具体阐明,能够在阐明的领导下疾速了解代码,实现我的项目开发。
参考教程
点餐模板教程:https://docs.APICloud.com/API…
如果在开发过程中遇到任何无奈通过文档解决的问题,都能够在开发社区(https://developer.yonyou.com/…)中提出,这里有其余 APICloud 开发者,也有 APICloud 官网技术支持,在这里你能够失去无力的帮忙。
快去开发你的第一个利用吧!