小白 0-1 学习 app 开发，从配置到 hello world

第一步，注册

选择开发工具

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

APICloud Studio3 APP开发工具-专业多端开发工具

APICloud Studio 3

工具的教程

APICloud 新手指南 – 手机APP开发、APP制作、APP定制平台

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

工具打开之后的截图

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

第三步，创建应用

创建应用选择

官网链接

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

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

小白 0-1 学习 app 开发，从配置到 hello world相关推荐

英语学习app开发笔记
英语学习app开发笔记按钮界面跳转功能数据库实现存储功能从raw中读取文件将文件内容存入数据库适配器Adapter 未搜索时将部分项目显示在界面上搜索栏使用搜索并将结果显示在listvi ...
英语学习APP开发解决方案
随着互联网的快速发展,很多线下产业都完成了转型升级.当前,我国十分重视教育产业的发展.当前,我国十分重视教育产业的发展.为了促进线下教育机构的发展,英语学习APP的开发出现在人们的生活中.用户可以在线 ...
mui 新闻资讯app模板下载_简单易学的app制作教程：6步0编程进行app开发
平常我们生活总会遇到各种各样的手机app,有没有想过自己制作一款app软件?在很多人的眼里,app开发只能找专业的技术人员,其实现在,普通人也能制作app了.今天就为大家分享一个app制作教程,教你不 ...
Android 6.0指纹识别App开发demo
在Android 6.0中google终于给android系统加上了指纹识别的支持,这个功能在iPhone上早就已经实现了,并且在很多厂商的定制的ROM中也都自己内部实现这个功能了,这个功能来的有点晚 ...
0基础学习前端开发，高职web前端开发技能大赛
零基础学web前端开发要怎么去学? 首先要学习的就是基础知识:html.css和JavaScript.HTML是内容,CSS是表现,JavaScript是行为.前端开发的门槛其实非常低,与服务器端语言 ...
QT5.13.0 for IOS虚拟机开发环境配置版本
iphone开发环境配置真的坑,不知道版本之间的匹配,装了好多个版本才配好.使用的是vmware15虚拟机来配置的环境: macOS版本:10.13.6 XCode版本:10.1 QT版本:5.13. ...
OpenCV3.2.0+VS2017在window10开发环境配置记录
本机环境:win10 64位 OpenCV3.2.0 Visual Studio 2017 最后结果,亲测可用 OpenCV官方下载地址: http://opencv.org/releases.htm ...
小白零基础学习Java开发入门教程奉上，希望对你有所帮助！
"持久和新"是编程语言方面对Java的适当评估. 想要进入互联网行业,想转向编程,Java无疑是一个非常普遍的选择. 但是,Java毕竟是一种编程语言,并且仍然存在一些技术障碍.如 ...
python 安卓app开发环境搭建_基于react-native的APP开发环境配置
1. 首先要有jdk 版本1.8 环境变量必须要有 %JAVA_HOME%;%JAVA_HOME%\bin 2.python 版本2 必须是python2(官方文档这么写的,具体 ...

小白 0-1 学习 app 开发，从配置到 hello world

小白 0-1 学习 app 开发，从配置到 hello world相关推荐

最新文章

热门文章