APICloud 平台常用技术点汇总讲解

​

 平台介绍：

使用 APICloud 可以开发移动APP、小程序、html5 网页应用。如果要实现编写一套代码编译为多端应用（移动APP、小程序、html5 ），需使用 avm.js  框架进行开发。如果只开发APP，则可以使用前端技术（HTML5、Vue、react 等）、avm.js 进行开发，还可以使用模块商店大量的原生模块以及多端组件。

API对象:  封装了非常常用的接口，如窗口操作，网络请求，媒体播放，事件监听，是开发中用到频率最高的。目前大部分API对象接口已适配了微信小程序，在多端开发文档中有说明。

窗口操作教程，详见 https://blog.csdn.net/ff_888888/article/details/122196826

模块使用教程，详见  https://blog.csdn.net/weixin_43947457/article/details/122540956

开发工具使用教程，  详见  https://docs.apicloud.com/apicloud3/#/overview/devtools?index=0&subIndex=3

使用开发工具可以新建项目，编写代码进行开发。可以管理代码，提交代码到云端，然后编译测试版或正式版安装包。

开发控制台：指APICloud官网开发控制台，有很多功能，如创建应用，上传应用图标，上传应用启动页，上传应用证书，云编译（生成安装包），版本更新，云修复等。

avm.js 学习方法：

首先看一遍官方文档，可以运行一遍其中的示例代码。有些人感觉学习一种新技术会很困难 ，不愿意去学习。首先要打消这种心态，只要一步一步去学习还是很简单的。通过阅读文档我们发现 avm.js 的语法和html 有相似之处，都是一些标签，属性，和事件。和 vue 也很相像，指令、生命周期、组件这些都很像，所以如果有html ，js 基础, 或者学过 vue ,会感觉很容易学。

看一下简单的示例页面:

<template>
    <scroll-view class="main" scroll-y>
        <button onclick={this.btnAction}>默认按钮</button>
        <button class="btn" onclick={this.btnAction}>自定义按钮</button>
    </scroll-view>
</template>
<style>
    .main {
        width: 100%;
        height: 100%;
    }
    button {
        margin: 8px;
    }
    .btn {
        width: 200px;
        height: 40px;
        color: #fff;
        background-image: linear-gradient(to bottom, #00b, #006);
    }
</style>
<script>
    export default {
        name: 'button-test',
        data(){
            return {
            }
        },
        methods:{
            btnAction(e){
                api.alert({
                    msg: '触发了点击事件'
                });
            }
        }
    }
</script>

开发流程入门视频教程：https://ke.qq.com/course/4365948/12486500725988988?_wv=2147487745#term_id=104530623

新建应用时，可以选择模板应用，这样可以学习其中的源码。

学习过程中，如果有问题，可以到官方论坛提问，有很多小伙伴解答。

​