Monaca Web IDE 初體驗 —— 開發PhoneGap/Cordova應用程序，還用什麼Eclipse/XCode！

技術能實現的，就必定會發生，如今輪到Web IDE了。

Monaca 是純在Web端運行的一個基於Cordova生態的Web IDE，其功能之完善與易用已經足以讓Eclipse和XCode汗顏。坊間傳聞Javascript一統江湖的時候不遠了，由於控制了UI，你就控制了世界。

先來看看怎麼用吧：

一、登陸 http://monaca.mobi 之後打開左上角的「DashBoard」

二、Monoca不愧是良心做品，提供了不少入門的Sample，其中的Onsen UI是一個很是優秀的Mobile App框架，在這裏我選擇添加了一個Onsen UI Sliding Menu 的 App 

    

三、不用作任何的修改，點擊DashBoard上的Preview，就能夠在當前瀏覽器中瀏覽預期的UI效果了

固然不能用這個Preview來調試代碼，由於PC瀏覽器裏可沒有Cordova的Framework啊。

四、那怎麼真正讓應用程序跑在手機上呢？很簡單，在Monaca上Build一個debug-apk而且安裝到手機上就完了

運行起來就是這個樣子：

五、到目前爲止介紹的功能除了在線編輯器之外，使用PhoneGap提供的在線打包工具照樣可以實現這些功能，要是這樣看就過小瞧Monaca了，Monaca還提供了一個debugger

一樣會生成一個apk，但這個apk是用來對你的帳號下全部新建Cordova的應用程序進行調試用的，在app中登陸以後就能夠看到你在Monaca上上傳的全部app了：

六、點擊對應的app以後，能夠看到以前寫在index.html裏面的alert("55555")這句話生效了：

     

Monaca估計裏面集成了socket.io的模塊，在雲端的IDE中更新任何代碼並Ctrl+S保存以後，會在手機上實時的更新並運行

    

點擊右下角的那個圓圈，會彈出各類功能，好比查看當前頁面的HTML，還有Log信息等等：

 

七、注意到左邊的文件樹，若是以爲上傳一個一個的圖片或者js太麻煩的話可使用WebDAV的映射，把雲端的空間映射到本地的磁盤上，具體過程能夠參考http://docs.monaca.mobi/3.5/en/manual/monaca_ide/webdav/

八、Monaca還提供了更多高級功能和他擴展的Monaca JS API，這些均可以在官網上找到文檔

九、若是你開發了第三方的Plugin，能夠在這裏進行上傳，記得要選擇到plugin.xml文件，固然這個高級功能須要付費，一年500刀，這樣生成的Debugger中就會包含第三方的Plugin了，Cordova的Plugin的生態很是開放，能夠在這裏找到好的Plugin：http://plugreg.com

十、Monaca竟然還提供了Monaca BackEnd，抽象了用戶登陸等功能組件，還能夠在Monaca上面新建數據表。。只能說Monaca在下一盤很大的棋。。。

 

體驗到這裏，我彷佛想不出再用Eclipse和XCode再開發Cordova應用程序的理由了。。