本帖最后由 雪狼湖 于 2022-8-10 19:21 编辑
第一步,注册
第二、选择开发工具 有一些教程上会说先创建应用,再选择工具,是使用的控制台创建的 APICloud Studio 3
工具的教程
安装完工具之后需要下载和配置svn,自动下载和配置,重启就可以
工具打开之后的截图
项目可以是工程新创建的,也可以在控制台创建之后,选择控制台的项目。
第三步,创建应用
创建应用选择 官网链接
1. Native App:开发者可使用标准HTML5,一套代码同时生成Android & iOS原生APP Native App适合功能强大、性能卓越的APP开发,如果您仅有App需求,应选择Native App模式。
2. MX App: 使用AVM.JS技术一次开发,可同时生成小程序、Android & iOS App多终端应用 必须使用AVM.JS框架及语法进行开发
MX App适合小程序优先的场景,如果您有小程序需求,而并不关心App侧的功能,应选择MX App模式。开发完的小程序代码,可百分百编译为同等功能的App,相当于开发一个小程序,“白送”一个 App。
3. App Clip: 苹果小程序,是苹果公司在iOS14最新推出的无需下载、即搜即用的全功能App,属于主App的一部分,可以理解为“苹果小程序”。
轻App的开发流程同Native App基本一致,开发者可使用标准HTML5或AVM.JS技术进行开发,通过APICloud云编译可一键编译为轻App安装包,可用于对已有的主应用进行关联。如果您的主应用也是使用APICloud开发,云编译将提供主应用和轻App关联、证书配置等自动化功能。
4、Web App: 提供将已有HTML5网站一键打包成Android & iOS原生APP的能力,远程web页面也能调用现有的1000+功能模块和20000+API。 ** Web App适合Web优先,不介意用户体验和性能的场景。
我之前做客户端开发的,这里选择的Native App
创建完成之后可通过如下步骤得到页面的预览 以.stml为结尾的为页面
也可以通过中间组件库添加组件到页面,
并且可以通过右侧事件和样式区域修改样式和添加事件
如何添加页面 选择pages目录右击
工具里面预置了好多页面功能,也可以直接使用,减少了部分开发量
第四,生成app 因为没有自定义的loader,我选择的是云编译
注意选择ios编译的时候要提前申请和上传好ios证书,否则是无法编译的。
最后运行到手机上的样子如下图
值得一提的是为了提高开发效率,APICloud提供了WiFi真机同步功能,设备安装AppLoader或者自定义loader应用后,可以将APICloud Studio中的项目代码通过WiFi同步到loader中进行预览。AppLoader和自定义loader有以下区别:
AppLoader:由APICloud官方提供,iOS、Android设备可直接扫码安装,对于没有iOS证书的开发者比较方便,里面内置了部分平台常用的模块,可以将多个项目代码同步到里面查看。下载地址。
自定义loader:在APICloud Studio中项目根目录右键菜单选择“编译自定义Loader”进行编译,或者在编译自定义loader页面进行编译,iOS编译之前需上传编译证书,模块按照需要进行添加,只可同步一个项目到里面查看。和证书、包名相关的功能只能使用自定义loader测试。
至此,APICloud就配置和运行成功了,后期的话会在琢磨下功能点的开发,持续分享给大家。
|