日本熟妇hd丰满老熟妇,中文字幕一区二区三区在线不卡 ,亚洲成片在线观看,免费女同在线一区二区

AI 助理
備案控制臺
文檔
輸入文檔關鍵字查找
首頁 移動開發(fā)平臺 mPaaS 螞蟻動態(tài)卡片 接入客戶端 接入 iOS 快速開始

快速開始

更新時間：
產品詳情
我的收藏

螞蟻動態(tài)卡片目前支持 基于 mPaaS 框架接入、基于已有工程且使用 mPaaS 插件接入 和 基于已有工程且使用 CocoaPods 接入 三種接入方式，本文介紹了采用上述方式接入螞蟻動態(tài)卡片和使用螞蟻動態(tài)卡片的過程。

前置條件

說明

如果有更多接入相關問題，歡迎搜索群號 32843812 加入釘釘群進行咨詢交流。該釘釘群已添加 mPaaS 公有云答疑小助手，能夠快速回答常見接入問題。更多關于使用公有云答疑小助手的信息，請參見 公有云答疑小助手。

操作步驟

  1. 選擇定制基線。

    螞蟻動態(tài)卡片目前在自定義基線 cp_change_15200851版本中提供。根據您采用的接入方式，請選擇相應的添加方式。

    • 使用 mPaaSPlugin 插件。

      此方式適用于采用了 基于 mPaaS 框架接入 或 基于已有工程且使用 mPaaS 插件接入 的接入方式。

      1. 單擊 Xcode 菜單項 Editor > mPaaS > 編輯工程 > 升級基線，切換工程到 cp_change_15200851定制基線。

        說明

        如果 升級基線 不可點，請確保工程配置已經導入，參考 前置條件 打開編輯工程頁面。

        image

      2. 升級基線后，單擊 編輯模塊 > 修改模塊，選擇 Cube 卡片（當前版本強依賴小程序，需要同時選擇 Ariver 小程序 組件），保存后單擊 開始編輯，即可完成添加。

        image

    • 使用 cocoapods-mPaaS 插件。

      此方式適用于采用了 基于已有工程且使用 CocoaPods 接入 的接入方式。

      1. 在 Podfile 文件中執(zhí)行如下操作。

        1. 修改 mPaaS_baseline 為 cp_change_15200851。

        2. 使用 mPaaS_pod "mPaaS_Cube" 添加 Cube 卡片組件依賴。

          image.png

        3. 當前版本強依賴小程序，需要使用 mPaaS_pod "mPaaS_Ariver" 添加小程序組件。

          image

      2. 執(zhí)行 pod install即可完成接入。

  2. 初始化卡片。

    1. 編譯 Xcode 工程。如果遇到頭文件找不到的情況，請打開選項，將 Allow Non-modular Includes In Framework Modules置為 Yes。如下圖所示：

      cube Xcode工程設置001.png

    2. 引入 Cube 卡片需要的庫。

      #import <CubeCrystal/CubeEngine.h>
#import <AntCube/CubeService.h>

    3. 使用單例初始化卡片引擎。

      - (void)initEngie{
    static dispatch_once_t onceToken;
    NSString *mockBundlePath = [NSString stringWithFormat:@"%@/%@/crystal", [[NSBundle mainBundle] resourcePath], @"MPCubeDemo.bundle"];
    dispatch_once(&onceToken, ^{
        CubeEngineConfig* config = [[CubeEngineConfig alloc] init];
        [config setBundlePath:mockBundlePath];
        [[CubeService sharedInstance] initWithConfig:config]; 
    });
}

  3. 構建一個卡片工程。

    1. 初始化工程。在終端里執(zhí)行 act init命令。

      • 請選擇應用類型為 Cube ，選擇模板卡片 (VUE 格式）。

      • 請輸入應用名稱，輸入您的項目名稱，建議采用英文、數字和下劃線的組合。

      • 請不要選擇“應用在支付寶客戶端卡片業(yè)務場景”。

      • 請選擇“需要額外創(chuàng)建工程源碼文件夾”，會額外以應用名稱建立一個文件夾。如果選擇不需要，會在當前目錄直接初始化。

        image.png

    2. 構建工程。使用 cd命令打開剛創(chuàng)建的卡片工程，運行 act build完成構建。構建完的產物會在您的工程的 /dist/文件夾下。

      image.png

  4. 發(fā)布卡片。

    1. 進入卡片后臺。

      0

    2. 單擊 新建卡片。

      卡片 ID 建議使用英文、數字和下劃線的組合，客戶端渲染卡片時會依賴卡片 ID。卡片名稱可以取任意值。

      image.png

    3. 添加卡片資源。

      • 建議使用 4 位版本號。

      • 選擇剛才編譯的 main.zip。

      • 客戶端范圍指的是可以拉取到該卡片的客戶端版本。如果要覆蓋所有客戶端版本，在最低版本中填入 0.0.0.0 即可。

      image.png

    4. 發(fā)布卡片。

      1. 單擊 創(chuàng)建發(fā)布。

        image.png

      2. 選擇 正式發(fā)布。

        image.png

      卡片發(fā)布成功后，客戶端就可以拉取到卡片。

  5. 渲染卡片。

    //創(chuàng)建卡片對象
CubeCardConfig *cardConfig = [[CubeCardConfig alloc] init];
//配置卡片版本（必填），從控制臺復制
[cardConfig setVersion:@"1.0.0.0"];
//配置卡片 ID（必填），從控制臺復制
[cardConfig setTemplteId:@"20211118"];
//預設卡片寬度
[cardConfig setWidth:[UIScreen mainScreen].bounds.size.width];
//預設卡片高度
[cardConfig setHeight:350];
//設置卡片數據（必填）參數為業(yè)務 JSON 數據。
[cardConfig setData:@{}];
//加載卡片
[[[CubeService sharedInstance] getEngine] createCard:cardConfig callback:self];

    卡片取 key :"iosImage"，會獲取到 key :"iosImage" 對應的 value 值，如下代碼所示：

     [self.cardConfig setData:@{@"iosImage":@"https://img.zcool.cn/community/013edb5c7b5b1ca801213f269fc887.jpg@1280w_1l_2o_100sh.jpg"}];

    創(chuàng)建卡片后的代理方法需要遵循代理 CCardCallback，并且需要實現 onLoaded:cardType:config:erroCode協議方法。

    - (void)onLoaded:(CubeCard *)card cardType:(CCardType)cardType config:(CubeCardConfig *)config erroCode:(CubeCardResultCode)erroCode {
    //創(chuàng)建卡片失敗
    if (!card) {
        NSLog(@"load card fail %@ style %d error %d", [config templteId], cardType, erroCode);
        return;
    }
    //創(chuàng)建成功
    self.card = card; //需要持有卡片，才可以進行操作

    NSLog(@"load card success %@ style %d error %d", [config templteId], cardType, erroCode);
    dispatch_async(dispatch_get_main_queue(), ^{
        CubeView *view = [[[CubeService sharedInstance] getEngine] createView];
        CGSize size = [card getSize];
        [view setFrame:CGRectMake(0, 320, size.width, size.height) ];
        [self.view addSubview:view];
        [self.card renderView:view];

    });
}

  6. 效果預覽。

    p357234