一文读懂集成并使用eros中的bindingx

eros已经帮助了数家公司的前端开发者开发了自己的原生 iOS/Android 应用，并通过 weex 使其 app 具有 热发布 的能力，在 4 月份，eros 会发布插件系统，模拟器/真机热刷新，全新官方 demo ，更全面的热更新逻辑等，正式稳定下来。

由于 weex 项目的起步晚，早期 eros 的使用体验并不好，在今年对 weex 进行了全面的改造，改造成四个不同的子项目来维护，目前新的项目已经稳定下来，开发体验有了明显的提升。随着 weex 项目的推进，bindingx 的能力也在不断增强，在 4 月之前将会发布官方插件市场，让用户自由配置自己的运行环境，后续 eros 中 bindingx 的发展也会按照 weex 项目的功能进行相应的迭代，希望 eros 能为更多前端开发者提供一个简洁易用的框架。

## eros 组件的简单使用

eros 主要是面向前端工程师来开发原生应用的跨端框架，主要目标是和 weex 结合，让前端工程师通过热发布能力来快速开发 app。为了实现这一目标，eros 分为了四个子项目，分别是：

* eros-core: 核心包，提供 RN 中的原生组件。
* eros-platform: 平台包，提供 iOS/Android 的运行时能力。
* eros-native: 原生组件，提供基础的原生组件。
* eros-weex: Weex 相关功能，包括 weex bindingx 和 weex packager。

为了集成 eros，我们需要安装 eros-core、eros-platform 和 eros-native 这三个包，可以通过如下命令安装：

npm install eros-core eros-platform eros-native

安装完成后，可以在项目中引入 eros 组件，例如：

import { View, Text } from 'eros';

export default function App() {
return (

Hello World!

);
}

然后，就可以在项目中使用 eros 组件了。

## bindingx 的简单使用

bindingx 是 eros 中的一个功能，它可以将原生组件暴露给 JavaScript 代码，从而让 JavaScript 代码可以调用原生组件。bindingx 的使用非常简单，只需要在 JavaScript 代码中导入 bindingx 模块，然后就可以使用 bindingx 提供的 API 来调用原生组件了。

例如，我们可以通过如下方式来调用原生组件：

import { bindingx } from 'eros';

bindingx.call('NativeModule', 'show', { message: 'Hello World!' });

这样，就可以在原生组件中显示“Hello World!”这条消息了。

## 总结

eros 是一个非常强大的跨端框架，它可以帮助前端工程师快速开发原生应用。bindingx 是 eros 中的一个重要功能，它可以将原生组件暴露给 JavaScript 代码，从而让 JavaScript 代码可以调用原生组件。

通过结合 eros 和 bindingx，前端工程师可以轻松地开发出原生应用，而无需学习原生开发语言。