乐趣区

关于前端:小白-01-学习-app-开发从配置到-helloword

第一步,注册

抉择开发工具
有一些教程上会说先创立利用,再抉择工具,是应用的控制台创立的

https://www.apicloud.com/studio3

APICloud Studio 3

工具的教程

https://docs.apicloud.com/Dev…

装置完工具之后须要下载和配置 svn,主动下载和配置,重启就能够

工具关上之后的截图

我的项目能够是工程新创建的,也能够在控制台创立之后,抉择控制台的我的项目。

第三步,创立利用

创立利用抉择

官网链接

https://docs.apicloud.com/API…

  1. Native App:开发者可应用规范 HTML5,一套代码同时生成 Android & iOS 原生 APP

Native App 适宜功能强大、性能卓越的 APP 开发,如果您仅有 App 需要,应抉择 Native App 模式。

  1. MX App:

应用 AVM.JS 技术一次开发,可同时生成小程序、Android & iOS App 多终端利用

必须应用 AVM.JS 框架及语法进行开发

MX App 适宜小程序优先的场景,如果您有小程序需要,而并不关怀 App 侧的性能,应抉择 MX App 模式。开发完的小程序代码,可百分百编译为等同性能的 App,相当于开发一个小程序,“白送”一个 App。

  1. 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 就配置和运行胜利了,前期的话会在推敲下性能点的开发,继续分享给大家。

退出移动版