用HTML和JS來開發移動app - Hello Cordova

發現對一個習慣了硬件設備側C開發的人來講，無論是用cordova（HTML+JS） 仍是直接用android studio（JAVA）開發，都是同樣的...都是從0開始。

以前雖然高中時代作個網站，也僅限於用FLASH和Dreamweaver 所見即所得開發.. 對Html CSS JS都是一竅不通。爲了給設備開發APP，在w3school上硬着頭皮看了4個小時JavaScript 課程。勉強能把它當C++中的結構體和類來幻想一下，具體更多瞭解還須要實戰.

昨晚把開發環境部署好了，今天看了半天的JavaScript教程，晚上邊google邊嘗試着開發第一app。

首先在終端利用命令行建立一個app項目，

cordova create 1stProject com.1stproject.hello HelloWorld

接着添加 android 相關工具，

cordova platform add android

成功後能夠看到新建成功一個1stProject的文件夾，裏面這個HelloWorld項目的全部工程文件了。

用Webstorm打開後，簡單了下，主要文件是就www文件夾下的index.css index.js index.html 文件了。

根據下午看的一點JS皮毛，稍微修改了下代碼，實現按下「Click Here」文字後會變成「Hello World」

<div class="app">
            <div id="deviceready" class="blink" >
                <p class="event listening" id="demo">Click Here</p>
            </div>
        </div>
        <script>
            document.getElementById("deviceready").onclick = function(){myTest()}
           function myTest()
           {
               document.getElementById("demo").innerHTML="Hello World"
           }
        </script>

能夠打開index.html預覽效果，鼠標點了下確實變了。試試插上手機，而後將app編譯後安裝到手機中去試試（手機必須把USB調試模式打開）：

cordova run android

效果還不錯 ：） 個人第一個手機app 哈哈

感受要排出好看的版面不容易啊，到京東買本HTML和JS入門的書先...春節規劃：完成一個手機計算器APP - 再經過藍牙實現跟硬件設備側LCD同步顯示。