APPCAN 如何快速的進行調試？

前言

首先寫這篇文章的初衷是由於之前曾經也用過appcan產品開發過app的，雖然用如今的技術眼光來看appcan已經落伍了，沒法知足要求高的技術團隊了。
可是最近看了下之前加的一些appcan開發者羣裏面，發現仍是有部分開發者還在使用着appcan進行着開發，部分開發的app開發調試效率很低，調試部分功能的時候，都是經過官網從新打包進行反覆的測試，appcan做爲國內應該是第一家作的比較好的混合開發產品，在幾年前對國內的移動開發應該也算是作了貢獻了。
看到不少我的開發者或者小團隊開發者，在開發過程當中調試很是痛苦，我但願經過個人這邊教程提升你們的效率，也但願爲appcan的生態圈作一份貢獻。

原理分析

• appcan混合開發，主要仍是使用的騰訊的X5內核進行開發的引擎，在頁面展現仍是原理仍是與普通瀏覽器打開web同樣的，不同的是appcan生成的app是把開發的html頁面資源一塊兒打包進了app安裝包中，訪問的頁面，都是打開的手機本地的前端資源文件。
• 若是理解了上面的實現原理的話，能夠很容易的想到一種調試方式。若是用appcan技術生成一個瀏覽器app，能夠訪問經過appcan框架開發的web頁面，是否是就能夠在以前生成的瀏覽器上展現尼，能夠調用系統功能如拍照，相冊尼

Appcan調試中心

appcan在產品設計初期其實已經考慮到了這些方方面面的功能，只不過一開始的大神們作好了產品後，都陸陸續續離職了，後期的產品基本也沒太大更新，也有點跟不上技術潮流了。
話很少說，下面介紹下如何高效率的調試

如何啓動調試服務

appcanIDE上有一個啓動調試服務的按鈕，不少人要是沒有仔細的看過官網的文檔的話，就不知道什麼意思了。

點擊啓動服務

成功啓動會有控制檯彈出，輸出如下的日誌（http port端口代碼我本身修改過了，常見問題會說下）

服務源碼目錄（AppCanStudioEnterpriseV3.3\AppCan-IDE\plugins\com.appcan.ide.eclipse.hdt.player_1.0.0.201503161536\AppCanServer） appcanIDE中不少服務都是node寫的。 本地瀏覽器訪問 http://192.168.137.1:55555/appList進行測試有應用列表數據返回，說明成功。

生成調試app

調試app源碼

目錄：（AppCanStudioEnterpriseV3.3\AppCan-IDE\plugins\com.appcan.ide.eclipse.hdt.player_1.0.0.201503161536\AppCanPlayer） 在appcan開發者平臺新建一個專門用來調試的項目，講調試app的源碼拷貝出來，替換新建項目的代碼，配置好app的插件引擎進行打包。 打包好了以後安裝app，啓動app後出現如下頁面即算app打包成功。

如何使用調試app

啓動app後會發現有一個IP輸入框，這個ip就填寫咱們一開始啓動服務的時候控制檯輸出的ip192.168.137.1（電腦和手機要在同一個網段中）

輸入ip後，若是一切成功，會出現如下頁面

點擊對應圖標，會啓動appcanIDE上的對應項目。接下來就能夠正常使用了，體驗比較依賴網速，畢竟這個就相似一個瀏覽器訪問web網站。

常見問題

端口號限制

有時候一些公司內網有端口號限制，這邊說下服務端和app端如何修改端口號，修改爲統一的端口號後，便可解決，下面貼下源碼在哪裏。
服務端口號

app請求端口號
appCenter_content.html 文件中全局搜索下須要修改的端口號兩個地方就好/

調試app學習

請配合抓包工具一塊兒食用。