Summary and explanation of common technical points of APICloud platform

Platform Introduction:

Using APICloud, you can develop mobile APP, applet, and html5 web application. If you want to write a set of code and compile it into a multi-terminal application (mobile APP, applet, html5), you need to use the avm.js framework for development. If you only develop apps, you can use front-end technologies (HTML5, Vue, react, etc.), avm.js for development, and a large number of native modules and multi-terminal components in the module store.

API object : It encapsulates very common interfaces, such as window operations, network requests, media playback, and event monitoring, which are the most frequently used in development. At present, most of the API object interfaces have been adapted to the WeChat applet, which is described in the multi-terminal development document .

Window operation tutorial , see https://blog.csdn.net/ff_888888/article/details/122196826

Module usage tutorial , see https://blog.csdn.net/weixin_43947457/article/details/122540956

For the tutorial on using development tools , see https://docs.apicloud.com/apicloud3/#/overview/devtools?index=0&subIndex=3

Using the development tool, you can create a new project and write code for development. You can manage the code, submit the code to the cloud, and then compile the beta or official version installation package.

Development console: refers to the APICloud official website development console, which has many functions, such as creating applications, uploading application icons, uploading application startup pages, uploading application certificates, cloud compilation (generating installation packages), version updates, cloud repairs, etc.

avm.js learning method:

First look at the official documentation, you can run the sample code in it. Some people feel that learning a new technology will be difficult and are reluctant to learn. First of all, we need to dispel this mentality. It is very simple to learn step by step. By reading the documentation we found that the syntax of avm.js is similar to html, which are some tags, attributes, and events. It is also very similar to vue. Instructions, life cycles, and components are very similar, so if you have html, js basics, or have learned vue, you will feel easy to learn.

Take a look at the simple example page:

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

Video tutorial for introductory development process: https://ke.qq.com/course/4365948/12486500725988988?\_wv=2147487745#term\_id=104530623

When creating a new application, you can choose a template application, so that you can learn the source code in it.

During the learning process, if you have any questions, you can ask questions on the official forum, and many small partners will answer them.