用HTML和JS来开辟挪动app - Hello Cordova

2019年8月26日 233次阅读 来源: FreeZinG

发明对一个习惯了硬件装备侧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 文件了。

《用HTML和JS来开辟挪动app - Hello Cordova》

依据下昼看的一点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 - Hello Cordova》

觉得要排挤悦目的版面不容易啊，到京东买本HTML和JS入门的书先…春节计划：完成一个手机计算器APP – 再经由过程蓝牙完成跟硬件装备侧LCD同步显现。

    原文作者：FreeZinG
    原文地址: https://segmentfault.com/a/1190000002539538
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞