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

相关文章
相关标签/搜索