小白从0到1学习app开发,以APICloud为例

简介: 小白如何开发APP,需要学习哪些知识?可以从0到1完成一个APP的开发。本文以以APICloud(www.apicloud.com)为例,介绍如何开发一个APP。

小白如何开发APP,需要学习哪些知识?可以从0到1完成一个APP的开发。本文以以APICloud(www.apicloud.com)为例,介绍如何开发一个APP。

第一步,注册

选择开发工具

有一些教程上会说先创建应用,再选择工具,是使用的控制台创建的

https://www.apicloud.com/studio3

APICloud Studio 3

工具的教程

https://docs.apicloud.com/Dev-Tools/studio3-visualization-dev-tool-quick-start

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

工具打开之后的截图

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

第三步,创建应用

创建应用选择

官网链接

https://docs.apicloud.com/APICloud/junior-develop-guide

  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 就配置和运行成功了,后期的话会在琢磨下功能点的开发,持续分享给大家。

目录
相关文章
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
682 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
742 1
|
3天前
|
供应链 搜索推荐 API
1688APP原数据API接口的开发、应用与收益(一篇文章全明白)
1688作为全球知名的B2B电商平台,通过开放的原数据API接口,为开发者提供了丰富的数据资源,涵盖商品信息、交易数据、店铺信息、物流信息和用户信息等。本文将深入探讨1688 APP原数据API接口的开发、应用及其带来的商业收益,包括提升流量、优化库存管理、增强用户体验等方面。
25 6
|
4天前
|
机器学习/深度学习 前端开发 算法
婚恋交友系统平台 相亲交友平台系统 婚恋交友系统APP 婚恋系统源码 婚恋交友平台开发流程 婚恋交友系统架构设计 婚恋交友系统前端/后端开发 婚恋交友系统匹配推荐算法优化
婚恋交友系统平台通过线上互动帮助单身男女找到合适伴侣,提供用户注册、个人资料填写、匹配推荐、实时聊天、社区互动等功能。开发流程包括需求分析、技术选型、系统架构设计、功能实现、测试优化和上线运维。匹配推荐算法优化是核心,通过用户行为数据分析和机器学习提高匹配准确性。
23 3
|
10天前
|
移动开发 小程序 PHP
校园圈子论坛系统采取的PHP语音和uni账号开发的小程序APP公众号H5是否只需要4800元?是的,就是只需要4800元
关于校园圈子论坛系统采用PHP语言和uni-app开发的小程序、APP、公众号和H5是否仅需4800元这个问题,实际上很难给出一个确定的答案。这个价格可能受到多种因素的影响
40 8
|
6天前
|
人工智能 小程序 数据处理
uni-app开发AI康复锻炼小程序,帮助肢体受伤患者康复!
近期,多家康复机构咨询AI运动识别插件是否适用于肢力运动受限患者的康复锻炼。本文介绍该插件在康复锻炼中的应用场景,包括康复运动指导、运动记录、恢复程度记录及过程监测。插件集成了人体检测、姿态识别等功能,支持微信小程序平台,使用便捷,安全可靠,帮助康复治疗更加高效精准。
|
27天前
|
人工智能 小程序 搜索推荐
uni app下开发AI运动小程序解决方案
本文介绍了在小程序中实现AI运动识别的解决方案。该方案依托于UNI平台,通过高效便捷的插件形式,实现包括相机抽帧控制、人体识别、姿态识别等在内的多项功能,无需依赖后台服务器,大幅提高识别效率和用户体验。方案内置多种运动模式,支持自定义扩展,适用于AI健身、云上赛事、AI体测等多场景,适合新开发和存量改造项目。
|
1月前
|
设计模式 Swift iOS开发
探索iOS开发:从基础到高级,打造你的第一款App
【10月更文挑战第40天】在这个数字时代,掌握移动应用开发已成为许多技术爱好者的梦想。本文将带你走进iOS开发的世界,从最基础的概念出发,逐步深入到高级功能实现,最终指导你完成自己的第一款App。无论你是编程新手还是有志于扩展技能的开发者,这篇文章都将为你提供一条清晰的学习路径。让我们一起开始这段旅程吧!
|
1月前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
2月前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
142 1
uniapp一个人开发APP关键步骤和考虑因素

热门文章

最新文章

下一篇
DataWorks