螞蟻動態卡片工程結構與設定檔-移動開發平台 mPaaS-阿里雲

本文介紹了螞蟻動態卡片的工程配置資訊。

工程目錄結構

一個有效卡片工程由位於工程根目錄下的一個設定檔 .act.config.json 和一群組卡片描述檔案 .vue、.css、.json 等組成，目錄結構如下所示：

.
├── dist                 // 編譯結果檔案夾（執行“編譯”操作時自動產生）
│   ├── app.manifest     // 應用配置資訊（命名格式固定）
│   ├── test_cube        
|   |   ├── main.bin     // 編譯產物的二進位檔案
|   |   ├── main.json    // 編譯產物的 JSON 格式檔案
|   |   ├── main.mock    // mock.json 的編譯產物
|   |   ├── main.js      // 編譯產物的JS邏輯段，便於運行時排查JS段異常
|   |   └── main.zip     // 針對卡片所有產物的整體打包檔案
├── test_cube
│   ├── main.vue         //【必需】卡片源碼檔案，檔案名稱不可改變
│   ├── mock.json        //【可選】卡片 mock 資料
│   ├── manifest.json    //【必需】卡片編譯設定檔，檔案名稱不可改變
|   └── main.css         //【可選】卡片樣式檔案
└── .act.config.json     //【必需】工程設定檔，檔案名稱不可改變

.act.config.json

.act.config.json 是卡片工程的設定檔，當前由螞蟻動態卡片命令列工具產生，無需修改，不需關注。

說明

.act.config.json 必須位於工程的根目錄下。

//.act.config.json

{
  "type": "templates",       // 必填，工程類型，取值支援 templates(普通卡片)
}

manifest.json

manifest.json 是對應卡片的編譯設定檔，當前由螞蟻動態卡片命令列工具產生，無需修改，不需關注。

說明

manifest.json 必須同對應的卡片 main.vue 位於同一路徑下。

//        manifest.json
{
  "name": "my-card",       // 選填，卡片名稱，卡片發布後以卡片後台 ID 為準。
  "version": "x.x.x",         // 選填，卡片版本，卡片發布後以卡片後台版本為準。
  "compilerType": 1,        // 選填，卡片編譯模式，0（靜態卡片） | 1（動態卡片，支援 JS，推薦使用），預設 0。
  "jsformat": 1,            // 選填，卡片 JS 編譯格式，0（運算式匯出） | 1（IIFE 匯出，支援 JS import，推薦使用），預設 0。
}

工程樣本

test_cube.zip