APICloud 笔记

新手必看篇

视频讲义
视频学习目标:

  • 总体上了解一下 APICloud 平台,重点介绍相关的学习资源,入门资料,常见的 FAQ 等。
  • 明确我们这七天要开发一个什么样的 APP,明确功能需求,跟上每天的课程节奏,可以课前预习
  • 梳理出对于一款 APP,在开发之前(Coding 之前),一些通用而又重要的准备工作,适合于所有 APP 开发,而非单指 APICloud。
  • APICloud 平台介绍

    • 查看 APICloud 平台能力

      APICloud 平台能否满足自己的 APP 开发需求?

      查看 APICloud API 文档了解 APICloud 文档组织结构,学会通过文档搜索,找到需要的功能。
      APICloud 平台功能体系:
      APICloud 平台功能体系

      文档搜索,找到需要的功能
      例如:视频播放功能
      搜索视频播放

      APICloud 提供了很多解决方案;
      视频播放模块

      点开其中一个,可以看到提供的功能、代码示例等等。
      视频播放模块

      • APICloud 应用的开发模式和使用的技术语言
        前端开发者开发模式:HTML/CSS/JavaScript + APICloud 扩展 API
        原生开发者
        代码自动生成

        APICloud 扩展 API 调用方式:

        1
        2
        3
        4
        5
        6
        7
        8
        9
        核心模块在 window.api 对象下,不需要单独引用,可以直接调用
        api.methodName(param, callback);

        扩展模块需要 require 引入,遵守 CommonJS 规范
        var module = api.require('moduleName');
        module.methodName(param, callback);

        param: {} //参数,是一个JSON对象
        callback: function(ret, err){} //回调函数,是一个Function对象,方法调用的结果通过此函数返回

        例如:

        打开新窗口:api.openWin();
        打开系统通讯录:api.openContacts();
        录音:api.startRecord();
        缓存网络图片:api.imageCache();
        加载 fs 模块:var fs = api.require(‘fs’);
        新建一个文件:fs.createFile();
        加载二维码/条形码扫描模块:var scanner = api.require(‘FNScanner’);
        打开二维码/条形码扫描: scanner.openScanner();

        为什么要扩展 API?

        扩展API

        APICloud 聚合 API可以看到 APICloud 扩展的功能

        APICloud 平台定位:
        平台定位

      • APICloud 技术、产品、生态、案例、商业模式的总体介绍

        推荐视频入门概念篇 1-3 讲

      • APICloud 开发者相关的服务支撑体系

        如何解决开发者的问题?能为开发者提供哪些机会?是否有围绕开发者的生态模式?
        是否有一个完善的开发者相关支持服务体系来方便技术学习和社区交流?
        是否有一个完善的生态体系,来支持支撑 APICloud APP 开发,来满足各种不同的行业需求,来支撑实现需求复杂,功能强大的应用

      • 新手应该如何开始入门 APICloud 应用开发

        新手开发指南
        APICloud 新手教程集合贴
        视频教程
        线上培训

  • APICloud 平台使用流程

    • APICloud 云控制台使用

      开发控制台

      APICloud 应用开发的基本流程

      • 创建应用
      • 配置图标启动页
      • 设置证书
      • 同步代码
      • 添加模块
      • 云编译

      推荐视频入门概念篇 第 5 讲

    • 选择一款主流 H5 编码工具并安装相应的 APICloud 插件

      APPLoader 加载 Widget 的路径:
      android: sdcard/UZMap/wgt/
      ios: Document/uzfs/wgt/

      推荐视频:APICloud 视频之初级代码篇第 9-11 讲自定义 loader 使用
      推荐文档:自定义 loader 说明

    • APICloud 应用开发的基础操作流程
      APICloud 应用开发的基础操作流程

      在 APICloud 平台上有 4 种查看 APP 运行效果的手段:

      官方 AppLoader
      自定义 AppLoader
      云编译测试包
      云编译正式包

  • 应用需求分析

    • 梳理需求说明文档

      输出需求说明文档

    • 进行 UE/UI 设计

      输出 UE/UI 设计: 产品原型文件、原始 UI 设计图、UI 切图

  • 总体架构设计

  • APICloud 应用设计思想

UI 架构设计

  • APICloud 应用的 UI 组成结构

UI 组成结构

功能点分解

开放服务选择

数据接口定义


相关资料
APICloud 7 天培训课
APICloud 七天在线培训课教程
模块 store 常见模块必备使用指南
数据云服务
APICloud 优秀案例直播系列活动汇总
APICloud 社区精品源码集合贴
APICloud 视频
30天 App开发从0到1

多端统一开发解决方案

随着微信小程序的火爆,各家厂商纷纷推出自己的小程序,手机厂商也推出轻应用,这意味着开发者要面对不同平台都要开发一套,于是开发一套代码多平台运行成为构想,

Uniapp

使用 Vue 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。

标签:Vue、大量开源项目

Apiclound

使用可视化工具快速构建应用程序,基于大数据与拖拽式产品工具自动关联项目组件,并帮助项目快速落地

标签:可视化工具、操作简单快捷

Mpvue

使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

标签:Vue、小程序

Taro

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。使用 Taro,只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同终端(微信/百度/支付宝/字节跳动/QQ 小程序、快应用、H5、React-Native 等)运行的代码。

标签:React


以上是我对下列视频及文章的归纳和总结。
4款前端移动端开发框架

You need to set client_id and slot_id to show this AD unit. Please set it in _config.yml.