IDE開發(fā)流程之真機(jī)同步調(diào)試

寫在前面：以Windows版ide操作為例，mac版ide可參考以下操作。

1、概述

　　AppCan IDE為開發(fā)者提供了Android和iOS平臺真機(jī)同步調(diào)試功能，只需在同一wifi環(huán)境下，部署到真機(jī)上的應(yīng)用就可實(shí)現(xiàn)與PC端的實(shí)時同步調(diào)試功能，幫助開發(fā)者高效率、便捷的調(diào)試應(yīng)用。
　　真機(jī)同步調(diào)試功能包含２種調(diào)試服務(wù)，如下,注：安裝調(diào)試的設(shè)備需要越獄，非越獄調(diào)試參考動態(tài)庫升級文檔。

２、真機(jī)同步調(diào)試服務(wù)

1）、配置要調(diào)試應(yīng)用的Config文件，選擇調(diào)試服務(wù)器地址，勾選”真機(jī)同步調(diào)試”。

2）、項(xiàng)目打包，安裝至手機(jī)（iOS安裝需越獄設(shè)備）。
（注意：真機(jī)調(diào)試必要條件：設(shè)備與pc必須在相同網(wǎng)段）判斷方法：在設(shè)備瀏覽器里輸入“192.168.1.213：30060”看一下訪問的頁面是否是下圖的頁面，如圖：

3）、點(diǎn)擊”啟動真機(jī)同步調(diào)試服務(wù)”，啟動手機(jī)端應(yīng)用。

4）、點(diǎn)擊需要調(diào)試的頁面。

點(diǎn)擊后進(jìn)入如下圖的所示的調(diào)試頁面：

5）、手機(jī)端與PC端可實(shí)現(xiàn)實(shí)時調(diào)試。

在調(diào)試窗口中修改某處css樣式，真機(jī)可實(shí)時同步看到效果PS:在調(diào)試窗口修改的東西是不能直接緩存到真機(jī)上，只是達(dá)到調(diào)試預(yù)覽修改后的效果；需要重新打包，裝到到手機(jī)才能看到調(diào)試后的效果。

效果圖：模擬器上操作

調(diào)試的同時注意看手機(jī)上的效果變化，如圖，

3、AppCan調(diào)試中心服務(wù)

3.1、生成AppCan調(diào)試中心

AppCan調(diào)試中心是AppCan IDE為開發(fā)者提供的一款可真機(jī)同步調(diào)試的門戶應(yīng)用，只需通過網(wǎng)絡(luò)部署子應(yīng)用（需測試的應(yīng)用）后，無需二次打包，就可實(shí)時測試修改應(yīng)用。
點(diǎn)擊”生成AppCan調(diào)試中心”。

進(jìn)入AppCan調(diào)試中心打包流程：
設(shè)置應(yīng)用名稱及icon。

點(diǎn)擊”下一步”，設(shè)置平臺、啟動頁。

點(diǎn)擊”下一步”，選擇插件。
除默認(rèn)已選插件外，還需選擇要部署的子應(yīng)用中用到的插件。

點(diǎn)擊”完成”，打包成功。

將AppCan調(diào)試中心安裝至手機(jī)（iOS安裝需越獄設(shè)備）。

安裝AppCan調(diào)試中心。

3.2、啟動AppCan調(diào)試中心服務(wù)

在PC端，啟動AppCan調(diào)試中心服務(wù)。

3.3、使用AppCan調(diào)試中心

啟動手機(jī)端AppCan應(yīng)用調(diào)試中心。

點(diǎn)擊”開始使用”，進(jìn)入登錄頁。
調(diào)試需要在同一WIFI下進(jìn)行，輸入同步PC端的IP地址，注意關(guān)閉防火墻，點(diǎn)擊登錄。

主頁面，IDE中左側(cè)導(dǎo)航列表應(yīng)用均會顯示在首頁。

點(diǎn)擊，進(jìn)入需要調(diào)試的應(yīng)用。
如有需修改，可編輯IDE中代碼，然后在當(dāng)前應(yīng)用中點(diǎn)擊右下角小球，退出到首頁，再次點(diǎn)擊應(yīng)用進(jìn)入，方可看到修改后效果。