利用APICloud studio3可以帮助我们快速创建并运行一个简单的应用,内容涉及开发工具使用、代码管理、应用预览、调试等。现在我们来通过APICloud studio3快速创建一个企业管理app,可以帮助提供信息展示、案例展示、加盟申请等。方便企业用来展示产品、案例、宣传企业文化、资讯动态等。
1.准备工作
下载并安装最新版本开发工具APICloud Studio 3,当前支持Windows、macOS、Linux系统。下载地址https://www.apicloud.com/studio3
2.创建应用
当前提供了两种创建应用的方式,可以在APICloud App开发控制台 或APICloud Studio 3中创建应用,我们以在APICloud Studio 3中创建应用为例。打开后点击窗口右上角的 “未登录” 按钮,使用APICloud账号登录,若无账号可以点击 “立即注册” 按钮进行注册。顶部菜单选择 “项目” - “新建项目”,然后填写“应用名称”,“应用说明”,应用框架处内置了几种模板,这里我们选择MX App“企业展示”,点击“完成”,然后选择项目保存的路径,完成创建。
在应用类型选择上1. MX App:一次开发多端应用,同时生成iOS、Android、app小程序等多端应用。2。Native App:Native App适合功能强大、性能卓越的APP开发,如果您仅有App需求,应选择Native App模式。3. App Clip: 即iOS轻App,是苹果公司在iOS14最新推出的无需下载、即搜即用的全功能App,属于主App的一部分,可以理解为“苹果小程序”。
3.App页面编辑
编辑器为可视化编辑器,深度捆绑avm的多端引擎,只有拓展名是stml的才具备可视化的能力,打开pages\main会看到一个stml后缀的文件,与传统的html不同的是,它最终可以生成多端应用。编辑器集成了实时预览功能功能,可以通过实时预览,将页面以H5渲染展示在编辑器中,可以点击实时预览(左侧小眼睛)可以看到页面预览效果,也可以复制链接在浏览器中查看效果。
进入可视化页面后,可以通过组件拖拽的方式对页面进行简单的修改,单击右侧属性。还便可以对所选组件进行尺寸颜色等修改,同时在右侧事件处,可以对当前函数新建一个函数,个性化制定相关功能。
进入可视化页面后,可以通过组件拖拽的方式对页面进行简单的修改,单击右侧属性。还便可以对所选组件进行尺寸颜色等修改,同时在右侧事件处,可以对当前函数新建一个函数,个性化制定相关功能。
4.App调试
为了提高开发效率,我们提供了WiFi真机同步功能,设备安装AppLoader或者自定义loader应用后,可以将APICloud Studio中的项目代码通过WiFi同步到loader中进行预览。如果要在iOS设备预览,需要先在证书界面上传编译证书才能编译应用。暂时没有苹果证书,可以安装AppLoader进行预览。点击左侧的真机同步按钮,选择通过WiFi连接设备,扫一扫连接,连接时要保证手机与studio位于同一局域网段,连接后进行WiFi同步便可以在手机上正常显示了。(尽量开启所有权限)
5.App预览
点击左侧的小云朵,通过云编译打包一个正式的安装包,选择应用类别、平台,然后点击下面的“云编译”按钮开始编译。等待编译完成后扫描二维码即可安装。6.修改
修改完内容后,我们将内容同步到云端,代码传输云端后选择WiFi全量同步就可以在手机端看到更新内容
最后我们就可以在手机端下载安装软件,体验app啦