Cordova移動端混合開發之路(一)

                                    Cordova移動端混合開發之路(一)

前言:

雖然移動端的混合開發已經流行了很長一段時間了,第一次接觸到混合開發概念是在2012年的一次html5團隊的推介會上,但是由於當時團隊的前端技術積累不足,加之業務內容h5的特性不多,所以就暫時擱置了,也沒做過多瞭解。後來由於工作內容的變動,暫時遠離了移動端開發。雖然一直有關注移動端混合開發的相關消息,也覺得這個是移動端開發的大勢所趨,但一直有心無力。慶幸的是之前一段時間的工作中,對前端技術有了一定程度的瞭解,藉此機會正好可以把移動端開發的技能重新撿起來。廢話不多少,直接開始我們的混合端開發之旅吧。

經過一段時間的瞭解,移動混合開發框架我們選擇比較主流的Cordova。web框架暫時還沒考慮好,先走着再說。

開發環境搭建

 工具下載地址:https://www.androiddevtools.cn/    (android sdk、android studio、gradle、jdk)

https://nodejs.org/zh-cn/  (node,有了node就會有npm,有了npm就可以下載大部分的web端開發插件了)

首先是java開發環境的安裝與配置。

下載開發環境對應的jdk版本,然後進行安裝。配置 CLASSPATH、PATH、JAVA_HOME三個系統環境變量的配置。

測試方法。在dos命令行輸入命令:java -version\javac\java 進行驗證。

接下來是android sdk的下載和配置。

1、下載android sdk tools 壓縮文件包。解壓之後就可以看到 SDK Manager。

2、使用SDK Manager可以下載build-tools,platforms、platform-tools. 其中 build-tools是編譯工具目錄,包含了轉化爲davlik虛擬機的編譯工具platforms裏邊是不同android版本的sdk包,用來開發使用。 platform-tools,裏邊是android開發輔助工具,比如adb、fastboot。有時候遇到adb連不到設備的情況有可能就是platform-tools中的adb版本和設備中的android版本不兼容的原因。

            如果下載時遇到網絡問題,此時採用有Android SDK在線更新鏡像服務器來下載安裝:

北京化工大學鏡像服務器地址:

IPv4: ubuntu.buct.edu.cn/ 端口:80

IPv4: ubuntu.buct.cn/ 端口:80

IPv6: ubuntu.buct6.edu.cn/ 端口:80

大連東軟信息學院鏡像服務器地址:

mirrors.neusoft.edu.cn 端口:80

鄭州大學開源鏡像站:

mirrors.zzu.edu.cn 端口:80

使用方法:

啓動 Android SDK Manager ,打開主界面,依次選擇『Tools』、『Options...』,彈出『Android SDK Manager - Settings』窗口;

在『Android SDK Manager - Settings』窗口中,在『HTTP Proxy Server』和『HTTP Proxy Port』輸入框內填入上面鏡像服務器地址(不包含http://,如下圖)和端口,並且選中『Force https://... sources to be fetched using http://...』複選框。設置完成後單擊『Close』按鈕關閉『Android SDK Manager - Settings』窗口返回到主界面;

依次選擇『Packages』、『Reload』。

 

3、SDK環境變量配置

新建 ANDROID_HOME 系統環境變量,值爲sdk manager的根目錄。

在path變量中增加;%ANDROID_HOME%/platform-tools;%ANDROID_HOME%/tools;配置完成之後可以在dos命令窗口輸入android進行測試。

接下來進行android 開發IDE的下載和安裝,android官方的IDE爲android studio。

android studio下載的時候會有三種類型的包,一種是bundle的,這種集成了android sdk,如果像我們上邊那樣安裝了android sdk的話,就不用下載這種了,因爲這種包比較大。安裝的時候記得選擇custom版。

接下來下載gradle。下載完成之後許需要解壓然後進行環境變量的配置就行了。配置系統環境變量 GRADLE_HOME,和path。在dos下使用gradle -v進行測試。

下一章接下來會進行cordova的安裝及配置。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章