目录

1、概述

① Android开发工具介绍

在WeX5和BeX5开发过程中,有时候会遇到开发调试原生代码的需求。WeX5和BeX5虽然有开发Android原生代码的能力,但因为是基于Eclipse+ADT的模式,导入基于Gradle构建的Android工程比较繁琐(google公司推出的Android studio开发工具是基于Gradle构建的,得力于google公司的大力推广和对开发工具的不断更新,越来越多的开发者使用Android studio开发原生应用。为了适应主流,WeX5和BeX5生成的Android工程是基于Gradle构建的)。所以开发调试原生Android代码时,推荐使用Android studio。
下载地址:
Android studio
http://www.android-studio.org/

安装工具
网上很多资源介绍如何安装以及使用Android studio的技巧和优势,本文不再增加篇幅介绍,安装使用Android studio参考链接:https://segmentfault.com/a/1190000002401964。

② iOS开发工具介绍

Xcode 是运行在操作系统Mac OS X上的集成开发工具(IDE),由苹果公司开发。Xcode是开发OS XiOS 应用程序的最快捷的方式。Xcode 具有统一的用户界面设计编码、测试、调试都在一个简单的窗口内完成。同样,在Wex5平台下,如果有iOS原生调试需求,也是在Xcode中进行的,我们在打包生成ipa的时候也已经同步生成了Xcode工程。

2、Android工程导入流程

导入Android工程到Android studio
1、 在WeX5或者BeX5找到对应的目录:工程名(以“仿网易新闻”为例)\build\src\platforms\android,点击鼠标右键查看属性,复制完整的路径。

netease_android

2、 打开Android studio,点击“Open an existing Android Studio project”,在地址栏输入刚刚复制的完整工程路径,点击ok。

Android_studio

android_add

3、 点击Android左侧的project按钮,就能看见整个工程的结构了。CordovaLib和JustepGetContent是依赖的基础的工程,一般来说无需修改,android是我们需要调试修改的工程,引用的cordova插件,cordova入口文件等都在这个工程里。至此,就可以在Android Studio里开发调试Android代码了。关于工具的使用的方法和技巧不是本文介绍的重点,可在网上找Android Studio的使用技巧。
android_project_detail

3、iOS工程导入流程

相比于Android,iOS进行原生代码调试的话就简单多了!本文以mac系统为例,我们只需要找到Xcode工程,并且打开它,然后编译运行即可。同样以仿网易新闻为例:

fangwangyi

然后右击,Show in System Explorer,即可打开Xcode工程所在系统文件目录。

8030229F-DED8-441A-9031-43B89F8CF4D5

然后双击用Xcode打开。这是一个iOS开发中常见的一个bitcode的错误,造成的原因是因为第三方的SDK不支持bitcode导致的,我们要做的非常简单,就是修改Xocde的设置里面的Build settings里面的Enable bitcode选项的值为No即可!

07FAD124-59C5-4943-B990-0157DD6D830F9DCDCC57-A67C-417F-8BDA-B5145FA336712DB5207A-741F-41E7-8239-B2687CD0A7B7

然后我们就可以进行原生代码的调试了,提示:插件的原生代码文件在plugin目录下:

CD3E5B08-8283-40C6-AF6F-9B7C43982FB7

由于调试iOS原生代码需要一定的iOS原生基础,至于如何调试原生代码这一部分,本篇文章不再详细赘述!