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

新建應用時，可以選擇模板應用，這樣可以學習其中的原始碼。

學習過程中，如果有問題，可以到官方論壇提問，有很多小夥伴解答。