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

目录
相关文章
|
缓存 移动开发 JavaScript
如何优化UniApp开发的App的启动速度?
如何优化UniApp开发的App的启动速度?
1878 139
|
移动开发 JavaScript weex
UniApp开发的App在启动速度方面有哪些优势和劣势?
UniApp开发的App在启动速度方面有哪些优势和劣势?
859 137
|
移动开发 小程序 Android开发
基于 uni-app 开发的废品回收类多端应用功能与界面说明
本文将对一款基于 uni-app 开发的废品回收类多端应用,从多端支持范围、核心功能模块及部分界面展示进行客观说明,相关资源信息也将一并呈现。
415 0
|
数据采集 JavaScript 前端开发
开发比分App?你缺的不是程序员
开发体育比分App,关键不在代码,而在懂体育、懂数据、懂用户。明确定位、理清需求、选好数据源,再找专业的产品、数据与技术人才协同,才能少走弯路。程序员最后入场,效率最高。
505 154
HarmonyOS NEXT仓颉开发语言实战案例:外卖App
仓颉语言实战分享,教你如何用仓颉开发外卖App界面。内容包括页面布局、导航栏自定义、搜索框实现、列表模块构建等,附完整代码示例。轻松掌握Scroll、List等组件使用技巧,提升HarmonyOS应用开发能力。
|
Rust 安全 前端开发
Github 轻松斩获30k+ Star,桌面应用开发太丝滑啦,Tauri框架能重塑桌面App开发?别错过,抓紧上车
Tauri 是一个基于 Rust 的开源框架,用于构建轻量级、高性能、安全的跨平台桌面及移动应用。它利用系统 WebView 渲染前端界面,后端由 Rust 编写,具备出色的性能和安全性。相比 Electron,Tauri 应用体积更小、启动更快,且默认权限更安全。它支持 React、Vue、Svelte 等主流前端框架,并提供自动更新、CLI 工具链、资源注入优化等功能,适用于生产力工具、开发者工具、数据分析、AI 应用等多种场景。目前 Tauri 在 GitHub 上已获得超过 30,000 Star,社区活跃,是现代桌面应用开发的理想选择。
1957 0
HarmonyOS NEXT仓颉开发语言实战案例:电影App
周末好!本文分享使用仓颉语言重构ArkTS实现的电影App案例,对比两者在UI布局、组件写法及语法差异。内容包括页面结构、列表分组、分类切换与电影展示等。通过代码演示仓颉在HarmonyOS开发中的应用。##仓颉##ArkTS##HarmonyOS开发
HarmonyOS NEXT仓颉开发语言实战案例:健身App
本期分享一个健身App首页的布局实现,顶部采用Stack容器实现重叠背景与偏移效果,列表部分使用List结合Scroll实现可滚动内容。代码结构清晰,适合学习HarmonyOS布局技巧。
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
2134 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡

热门文章

最新文章