前置條件

• 已經開通并接入 mPaaS。

• 已經安裝螞蟻動態卡片 AntCubeTool 工具。更多詳情請參見 關于 AntCubeTool。

• 已經按照 快速開始 完成接入流程。

?操作步驟

1. 添加真機預覽依賴。

   1. 添加 螞蟻動態卡片-開發工具 組件。

      

   2. 在項目主 module 的 build.gradle 中添加第三方依賴，如果有沖突可以以您的依賴版本為準。

      dependencies {
          ······
              implementation "com.squareup.okhttp3:logging-interceptor:3.12.12"
          implementation 'org.jetbrains.kotlin:kotlin-stdlib-jdk7:1.3.72'
          implementation "com.squareup.okhttp3:okhttp:3.12.12"
          implementation 'com.squareup.picasso:picasso:2.5.2'
          implementation 'org.simple:androideventbus:1.0.5'
          ·······
      }

2. 通過命令行啟動本地調試服務。在工程的路徑下，運行指令開啟服務。在 macOS 和 Windows 上開啟服務的指令如下：

   • macOS： act prepare && act server

   • Windows：act prepare | act server

     執行指令后，在終端會生成二維碼。

3. 啟動客戶端并掃碼，建立連接。終端會提示設備已連接。

   CubeCardDebug.openScanner(activity); 

   說明

   由于是建立內網連接，因此如果 targetVersion 大于 27，需要進行降級，或者在 manifest 里配置

   android:usesCleartextTraffic="true"android:networkSecurityConfig="@xml/network_security_config" 以及對應的 network_security_config.xml。

   <?xml version="1.0" encoding="utf-8"?>
   <network-security-config>
       <domain-config cleartextTrafficPermitted="true">
           <domain includeSubdomains="true">${本地 IP 地址}</domain>
       </domain-config>
   </network-security-config>

   掃碼完成之后，在客戶端上會有 toast 提醒：Cube Socket： 已連接

   終端也會提示已連接。

4. 預覽。

   修改卡片代碼，然后調用 act build 完成編譯。再調用 act preview，將編譯好的內容推送到客戶端上。