新手如何使用YonBuilder移动低代码开发平台(APICloud)开发app

APICloud是用友YonBuilder的移动端低代码开发平台，采用标准Web语言开发高性能多端app，目前已有100万开发者注册使用。此次将从新手视角出发，通过真实演示，呈现如何借助APICloud快速构建app。

APICloud官网注册

首先在APICloud官网进行注册，下载官方开发工具APICloud Studio3。APICloud Studio3和APICloud官网的控制台是同步的，同一个账号下，在官网控制台和APICloud Studio3中都可管理应用，十分便捷。此外，还需下载安装安卓模拟器（如：逍遥）用于预览调试。

选择应用类型并创建应用

下载好APICloud Studio3之后，便可开始创建应用。创建应用有两种方式，APICloud Studio3和官网控制台能够实现同步，两个位置均可创建应用，选择其中一种即可。

打开官网，登录进去后打开开发控制台，点击“创建应用”，此时可以选择原生开发，选中基础模板即可，输入app名称，点击创建。

 

创建证书并编译自定义Loader

创建好应用之后点击控制台左侧一栏的“模块”，接着点击“自定义Loader”。自定义Loader是APICloud 为方便开发者在移动设备调试app而开发的一种调试器，开发者可以在移动设备上实时调试app并将日志输出到APICloud Studio3中，方便在本地进行开发。

编译自定义Loader需要证书，这里可以选择创建Android证书：在开发控制台中点击“证书”，然后点击右上角“一键创建证书”，输入相应的信息和密码便可成功创建。

 

编译成功后下载自定义Loader并导入到APICloud Studio3：

打开APICloud Studio3，依次点击“项目”“导入项目”“云端检出”，在云端检出时选择刚才创建好的应用，选择本地保存路径，把官网控制台上创建好的项目同步下来。

 

完成应用同步之后，进入开发阶段，选择真机和模拟器来展示开发效果，此次演示过程选择了逍遥模拟器。把下载到本地的Loader拖入逍遥模拟器中进行安装：

 

安装成功后双击打开，将开发工具中的应用通过WIFI同步到模拟器中，点击模拟器界面中这个灰色按钮。

 

在下方页面中，需要输入IP地址和端口，在APICloud Studio3可以找到。

 

接下来在APICloud Studio3中点击“终端”，选择“通过Wi-Fi连接新的设备”。

 

此时会出现真机同步界面，不需扫码，把界面下方的调试器IP和端口输入至模拟器的同步配置界面，点击连接即可。

若选择用 手机 展示效果，需要确保手机和APICloud Studio3在同一网络下。

连接成功后，右键点击项目名称，点击“WIFI同步【全量】”就能成功同步。

同步成功之后，当前显示的页面就是main.html页面中的信息：

 

下一步开发需要前端基础，零基础开发者可以先简单学习一下HTML、CSS、JS技术。

在主页中写入一个按钮，设置点击事件：在点击按钮后弹出提示。写完保存，鼠标右键点击项目名demo，再次进行WIFI同步。

 

同步成功，模拟器页面上出现了一个按钮，点击后也可以成功弹出提示。

 

 

进行代码同步，上传代码至官网控制台

把代码上传到控制台并进行云编译，把程序打包成安装包。

右键点击项目名，在代码管理中点击提交到云端，之后点击“COMMIT”。接着点击控制台左侧导航栏中的代码，可在代码更新日志里查看更新记录。

 

进行云编译，将应用编译为安装包

代码上传完成后进行云编译，点击控制台左侧导航栏的“云编译”。云编译时正式命名app，选择应用类别（如网上购物-商城）和应用平台（iOS或Android），编译类型可选择正式版或者测试版，其他设置如全局加密和SVN设置暂且禁用，此处选择测试版，之后就可以进行编译。编译完成后，即可以扫码下载APP进行安装。

 

流程回顾

第一步在官网的开发控制台创建应用（在开发工具中也可以创建）；第二步创建证书；第三步编译自定义Loader（应用加载器，具有调试功能，为了方便在本地进行开发）；第四步同步代码；第五步云编译。

此次演示仅写了一个按钮，主要演示开发流程。若想要快速开发功能成熟完备的app，可参考成熟的应用源码。APICloud官方也提供了大量源码，开发者可以在官网下载学习。

在开发者进阶赋能上，用友还发起“引航成长·匠心赋能——YonMaster开发者培训领航计划”，涵盖入门篇《APICloud新手训练营》、成长篇《YonMaster认证赋能培训起航之旅》、进阶篇《YonBuilder项目实战进阶系列讲堂》三个板块，通过直播、视频、文档等多种形式课程，真正加速开发者成长。