帖子
帖子
用户
博客
课程
显示全部楼层
2
帖子
0
勋章
406
Y币

[其他] 小白 0-1 学习 app 开发,从配置到 helloword

[复制链接]
发表于 2022-8-10 19:10:30
本帖最后由 雪狼湖 于 2022-8-10 19:21 编辑

第一步,注册
图片1.png

第二、选择开发工具
有一些教程上会说先创建应用,再选择工具,是使用的控制台创建的
APICloud Studio 3

工具的教程

安装完工具之后需要下载和配置svn,自动下载和配置,重启就可以

工具打开之后的截图

图片2.png

项目可以是工程新创建的,也可以在控制台创建之后,选择控制台的项目。

第三步,创建应用
图片3.png

创建应用选择
官网链接

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
图片4.png

创建完成之后可通过如下步骤得到页面的预览
.stml为结尾的为页面
图片5.png

也可以通过中间组件库添加组件到页面,
图片6.png
并且可以通过右侧事件和样式区域修改样式和添加事件

图片7.png

如何添加页面
选择pages目录右击
图片8.png


工具里面预置了好多页面功能,也可以直接使用,减少了部分开发量
图片9.png

第四,生成app
因为没有自定义的loader,我选择的是云编译

图片10.png

图片11.png
注意选择ios编译的时候要提前申请和上传好ios证书,否则是无法编译的

最后运行到手机上的样子如下图
图片12.png
值得一提的是为了提高开发效率,APICloud提供了WiFi真机同步功能,设备安装AppLoader或者自定义loader应用后,可以将APICloud Studio中的项目代码通过WiFi同步到loader中进行预览。AppLoader和自定义loader有以下区别:

AppLoader:由APICloud官方提供,iOS、Android设备可直接扫码安装,对于没有iOS证书的开发者比较方便,里面内置了部分平台常用的模块,可以将多个项目代码同步到里面查看。下载地址。

自定义loader:在APICloud Studio中项目根目录右键菜单选择“编译自定义Loader”进行编译,或者在编译自定义loader页面进行编译,iOS编译之前需上传编译证书,模块按照需要进行添加,只可同步一个项目到里面查看。和证书、包名相关的功能只能使用自定义loader测试。

至此,APICloud就配置和运行成功了,后期的话会在琢磨下功能点的开发,持续分享给大家。

3
帖子
2
勋章
2万+
Y币
你好,发博客可以在博客板块,这里是技术问题讨论
您需要登录后才可以回帖 登录

本版积分规则