weex的安卓開發環境配置

今天心血來潮,忽然想要使用 weex 試試安卓開發會不會比 react native 更簡單一點,畢竟能夠在weex中直接使用vue嘛,結果去官方文檔一看,找了半天也沒找到安卓開發環境的配置,並且居然連 搭建開發環境 這部分用於web的介紹都是錯的,明明是 8081 端口,官方文檔竟然說是 8080 端口,要不是跑去配置文件看了一下,項目都啓動不了,並且開發時應該直接用 npm start ,官方文檔竟然說是npm run dev & npm run serve。文檔真的是一言難盡,下面正式介紹一下安卓開發環境配置吧:html

  1. 首先固然是各類軟件的下載了,連接在下方評論中。國內因爲牆的緣由,各類下載問題,有能力的可自行查找進行下載。vue

  2. 安裝JDK version>=1.7 並配置環境變量。環境變量的配置主要是react

    1. 單擊「計算機-屬性-高級系統設置」,單擊「環境變量」。在「系統變量」欄下單擊「新建」,建立新的系統環境變量。
    2. 新建->變量名"JAVA_HOME",變量值"C:\Java\jdk1.8.0_05"(即JDK的安裝路徑)
    3. 編輯->變量名"Path",在原變量值的最後面加上「;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin」
  3. 安裝Android SDK 並配置環境變量。可以使用自百度雲下載的那個android-studio文件進行安裝。至於環境配置,android

    1. 單擊「計算機-屬性-高級系統設置」,單擊「環境變量」。在「系統變量」欄下單擊「新建」,建立新的系統環境變量。
    2. 新建一個環境變量,變量名:ANDROID_HOME,變量值:C:\Program Files (x86)\Android\android-sdk(以你安裝目錄爲準,確認裏面有tools和add-ons等多個文件夾),點擊確認。
    3. 在變量PATH後面加上變量值;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
  4. 安裝安卓虛擬機,推薦genymotion,能夠點擊genymotion.2.10.0.exe進行安裝,安裝完畢之後能夠註冊一個我的帳號進行使用,點擊 Add ,因爲牆的緣由下載緩慢,可參考jingyan.baidu.com/article/363…,推薦使用迅雷下載,比瀏覽器快多了。或者使用我提供的Custom Phone -6.0.0-API 23 - 768*280版本。git

  5. 接下來使用weex platform add android,安裝完成之後仍是用npm run android試着在模擬器運行,可是卻頻繁報錯。重點來了github

    1. gradle下載緩慢,進入 應用目錄/platforms/android/gradle/wrapper/gradle-wrapper.properties文件,將地址 https://services.gradle.org/distributions/gradle-2.14.1-all.zip 複製到迅雷進行下載,並將 第9行前面的#去掉,在第6行加上#。若是你使用第7行的url進行下載,以後你會發現版本太低,最低版本爲2.14.1,因此老老實實用迅雷下載吧。完成以後將下載的東西放到 應用目錄/platforms/android/gradle/wrapper/ 這個目錄下,再次運行 npm run android;
    2. 嗯,沒錯,仍是報錯。報錯緣由爲 未發現 Android SDK Platform 26, Android SDK Build-Tools 26這兩個東西,可是安裝完成之後其實仍是不能用,你得去 應用目錄/platforms/android/build.gradle,修改 subjects對象的ext值,compileSdkVersion=26 buildToolsVersion="26.0.1"主要就是這兩個東西。
  6. 這下就大功告成了。打開模擬器,在應用根目錄下運行npm run android,終於成功了~!web

後來在官方issues發現好像有關於安卓的配置信息, github.com/weexteam/ar…可是並不許確,,明明是 Android SDK version 26SDK build tools version 26.0.1,該文檔竟然說是 Android SDK version 23SDK build tools version 23.0.1.npm

相關文章
相關標籤/搜索