之前因为毕设的起因接触到了 APICloud 这个平台,起初又钻研了一下如何从 0 到 1 的开发一款 app,明天就简略给大家演示一下应用 APICloud 制作一个 app 的全流程。
首先须要到 APICloud 官网进行注册,而后下载好官网的开发工具 APICloud Studio3,这个开发工具和 APICloud 官网的控制台是同步的,同一个账号下,在官网的控制台里和开发工具中都能够简略的治理本人的利用,还是很不便的。此外还须要大家下载一下逍遥模拟器。
抉择利用类型并创立利用
在下载好开发工具之后,咱们就能够创立利用了。创立利用有两种形式,因为开发工具和官网控制台是同步的,所以在官网控制台和开发工具中都能够创立利用的,咱们就抉择其中一种,在官网控制台创立利用。
首选关上官网,登录进去后关上本人的开发控制台,点击创立利用,在官网文档中说 Native App 原生利用适宜功能强大、性能卓越的 APP 开发,所以咱们抉择原生开发。
抉择根底模板就好,其余性能暂且不论,输出好利用名后点击创立。
创立证书并编译自定义 Loader
创立好利用之后点击控制台的左侧一栏的模块,而后再点击自定义 Loader,编译自定义 Loader 须要有证书,而 Android 的证书比 iOS 证书更不便创立,为了不便咱们抉择创立 Android 的证书和自定义 Loader。
在开发控制台中点击证书,而后点击右上角的一键创立证书,输出相应的信息和明码就能够胜利创立了。
自定义 Loader 是 APICloud 为不便开发者在挪动设施调试 App 而开发的一种调试器,开发者能够在挪动设施上实时调试本人的 App 并将日志输入到计算机上的开发工具中,不便在本地进行开发。
编译胜利后咱们须要将自定义 Loader 下载下来。这时咱们就在官网控制台里创立好了一个利用,因为方才说过,官网控制台和开发工具是连通的,所以咱们只有把方才创立好的利用导入到开发工具就能够了。
咱们关上官网的开发工具 APICloud Studio3,点击左上角我的项目,而后点击导入我的项目,抉择云端检出,在云端检出时抉择方才创立好的利用,抉择一下本地保留门路,这样就把官网管制台上创立好的我的项目同步下来了。
利用同步好之后,咱们就能够进行开发了,咱们能够抉择真机和模拟器来展现开发成果,这里我抉择了逍遥模拟器来进行展现。而后咱们把方才下载到本地的 Loader 间接拖入逍遥模拟器中进行装置,就能够了,装置胜利后双击关上。
从模拟器里关上利用之后,咱们要将开发工具中的利用通过 WIFI 同步到模拟器中,点击模拟器界面中这个灰色的小球。
这是须要咱们输出 IP 地址和端口,此时咱们去开发工具中找一下相应的地址与端口。
咱们在开发工具中点击终端,而后抉择通过 Wi-Fi 连贯新的设施。
点击后会呈现真机同步的界面,不须要扫码,咱们只须要把最下方的调试器 IP 和端口输出到方才模拟器的同步配置界面中,而后点击连贯就能够胜利连贯了。如果不必模拟器,想要用手机展现成果的话,须要确保手机和 Studio 在同一网络下。
这时咱们鼠标右键点击项目名称,而后点击 WIFI 同步【全量】,就同步胜利了。
同步胜利之后,以后显示的页面就是 main.html 页面中的信息
当初咱们就能够进行开发了,咱们须要用到前端开发技术,零根底的开发者们能够先简略学习一下 HTML、CSS、JS 的根底。而后咱们在主页中写入一个按钮,设置点击事件,想要在点击按钮后弹出提醒。写完后记得保留,而后再鼠标右键点击我的项目名 demo,再次进行 WIFI 同步。
同步胜利,模拟器页面上呈现了一个按钮,点击后也能够胜利弹出提醒。
进行代码同步,将代码上传到官网控制台
之后咱们须要把代码上传到控制台,而后在控制台进行云编译,把咱们的程序打包成安装包。
右键点击我的项目名,在代码治理中点击提交到云端,之后点击 COMMIT 就好。
而后咱们点击官网的开发控制台左侧导航栏中的代码,就能够在代码更新日志里看到本人的更新记录了。
进行云编译,将利用编译为安装包
代码上传实现之后咱们须要进行云编译,点击控制台左侧导航栏的云编译。云编译时能够给咱们的 app 起一个吸引人的名字,而后抉择一下利用类别(如网上购物 - 商城)和利用平台(iOS 或 Android),编译类型能够抉择正式版或者测试版,其余设置如全局加密和 SVN 设置暂且禁用,咱们这里抉择一下测试版,之后就能够进行编译了。
编译过程大略半分钟,胜利后咱们就能够扫码下载 app 进行装置了。
总结
到此为止咱们就走了一遍一个 app 从 0 到 1 的根本流程,咱们来回顾一下根本步骤:第一步须要在官网的开发控制台创立利用(在开发工具中也能够创立),第二步须要创立证书,第三步须要编译自定义 Loader(利用加载器,具备调试性能,为了不便咱们在本地进行开发),第四步须要同步代码,最初第五步进行云编译。
我的代码只是简略的写了一个按钮,如果大家想要疾速的开发一款性能成熟的 app,也能够像我之前毕设那样,把一些现成的源码导入到我的项目中来做一个参考。源码下载地址:https://www.apicloud.com/source_code/shiliyuanma