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

海的尽头北京市
English

平台介绍:

使用 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

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

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

阅读 329
18 声望
339 粉丝
0 条评论
18 声望
339 粉丝
文章目录
宣传栏