mac环境下，weex代码跑Android Studio和xcode

phoenixhg
608 阅读3分钟

Android Studio

安装jdk

  • 去到官网下载1.8版本的jdk
  • 配置jdk环境变量
  1. 打开终端
  2. cd ~/回到首页
  3. open .zshrc打开环境变量配置文件，若没有该文件，则使用touch .zshrc创建文件
  4. 向.zshrc写入jdk配置代码
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_301.jdk/Contents/Home
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
export JAVA_HOME
export CLASSPATH
PATH=$JAVA_HOME/bin:$PATH
  1. java -version查看是否配置成功

安装android studio

  • 下载并安装android studio
  • 配置环境变量
  1. 打开.zshrc文件，向末尾写入
export ANDROID_HOME=/Users/fantasy/Library/Android/sdk // android studio 右上角 sdk manage 查看sdk路径
export PATH=/usr/local/bin:$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$PATH
  1. adb查看是否配置成功

真机联调

  • 手机通过数据线连接电脑，打开开发者选项，安装相关的app（通过mac端adb install 电脑端apk路径安装或者直接安装apk）
  • 拉取代码并初始化，npm start启动项目
  • android studio打开android文件夹，此时软件会自动安装一些执行环境
  • 定位到classroom->java->IndexActivity.java->getIndexUrl方法，将js路径改为本地启动的服务
  • android studio上面可看到打开的项目和真机型号，点击右边的绿色三角形启动，编译完成后手机自动跳转到相应的app服务，自此，所有配置已完毕
  • 现在可以实时编辑文件进行代码调试了

独立运行demo

以上是针对已经可以成功打包 apk 的项目，当自己建立小 demo 的时候，可能会出现各种问题，主要是新版 android studio 的默认值与本机的一些环境不一致导致。下面列出 weex 初始化项目后建立platforms的过程。

  • weex 增加 android 环境，运行命令weex platform add android，到最后一步会因为 android 环境而卡住。
  • 打开 android studio 工具，无需新建，直接打开刚刚增加一半的 android文件夹，位置在 项目->platforms->android。
  • 打开后会有一大段初始化，此时可能会报各种错误，当初始化停下后，先打开右上角的 project structure image.png
    进入后修改 JDK location，然后修改 grandle JDK 为自己电脑安装的版本(默认的版本不是本机安装)，我的本机是1.8。 image.png image.png
  • 设置好JDK后，针对项目中出现的gradle更新问题，直接点击更新即可，这个过程会花费”一个世纪“。完成后，最好重启一下项目，否则环境安装未直接生效。
  • 后面碰到的其他报错，都可以直接通过点击控制台的链接来安装内容。
  • 手机通过数据线连接电脑，如图所示。随后点击绿色小三角运行按钮，执行打包过程。记得手机打开开发者模式，此时可能会出现关于USB的错误，打开手机的开发者选项的USB安装即可。 image.png
  • 到这一步，手机已能正常运行 weex 项目。

xcode

初始化ios项目

  • 终端进入ClassRoom->ios文件夹，pod install初始化
  • 碰到问题
  1. libwebp下载出现连接不到地址问题，但是浏览器可以打开相关链接，解决方案：换源

pod repo查看Path
find .cocoapods/repos/cocoapods -iname libwebp找到相关目录值
cd ~/.cocoapods/repos/cocoapods/Specs/1/9/2/libwebp切进找到的目录
cd 1.0.2切进需要下载的版本文件，open libwebp.podspec.json打开文件，修改其中的git源 切回ios目录，重新执行pod install

  1. 连接git源出错，解决方案：git之前设置了代理，取消掉即可

git config --global --unset http.proxy
git config --global --unset https.proxy
切记：此时需要新建终端进入ios目录执行install，否则会失效

  • 所有的依赖下载完毕后，打开xcode，打开ios文件夹底下的class.xcworkspace文件或者直接双击这个文件
  • 接下来，直接进行真机调试或者模拟器调试即可，由于还没有ios证书，故后面暂时不记录了
avatar
文章
阅读
粉丝