Weex 04 Weex中Android项目的生成和交互

前言

本章介绍如何将Weex的项目导出Android，并实现Weex和Native的交互。

正文

导出Android项目

在项目中添加Android支持。在项目的目录下执行：

weex platform add android

上述命令会在项目的platform文件夹下生成一个Android的文件夹，懂Android的同学进去一看就知道这是一个可以直接导入AndroidStudio的项目。



直接导入AndroidStudio即可，首次导入过程需要下载许多依赖包，耐心等待即可。如果是前端的同学可以上AndroidStudio中文网,如果是Mac的话，配环境是相当容易的。

坑：

添加平台时报错：

$ weex platform add android
error: unknown option `--telemetry'

解决方法:

先安装 weexpack：npm install -g weexpack；

然后根据提示，weex update weexpack@1.0.18；

执行weex platform add Android。

Weex和Native的交互

在实际开发中，Weex的一些功能还是很难满足复杂的需求，比如微信支付等，可以考虑使用Android原生实现一个模块，然后在Weex中调用。

Weex实现了三种native端的扩展的方法：module,component,adapter。

- module用于扩展非UI的功能的逻辑模块，比如微信支付，支付宝支付等。

- component用于View的扩展，例如：RichTextview，RefreshListview 等。

- Adapter扩展Weex对一些基础功能实现了统一的接口，可实现这些接口来定制自己的业务。例如：图片下载等。

在Android编写本地模块，实现逻辑。

模块必须继承WXMoudle;

方法需要加上注解@JSMethod(uiThread = true),括号内的uiThread决定方法是否在UI线程执行(客户端程序一般不在UI线程进行耗时操作)。



在Android的application中注册该模块。



在Weex中调用。

在template代码中添加点击按钮和事件：




2.在Script代码中调用：



如果程序底部显示了Toast，恭喜你，你已经掌握了moudle的使用流程了。