# AWB交互应用

## 简介

> AWB（Android Web Bridge）是网页和浏览器交互的一个安卓APK框架。
> 您可以使用它进行网页和安卓之间实现普通浏览器无法实现的功能。

## 导航

 - [点我去官方文档 https://docs.wyouw.cn/#/awb/](https://docs.wyouw.cn/#/awb/)

## 引入JS支持库

> JS交互库版本 v1.0.97

### ES 模块 引入方式

``` vue
<script type="module">
    import {
        app, 
        eventEmitter
    } from 'https://unpkg.com/yoyoawb@1.0.97/awb.esm.min.js';
    
</script>
```

### script 全局引入方式

``` html
<script scr="https://unpkg.com/yoyoawb@1.0.97/awb.global.min.js"></script>
<script>
  const { app,eventEmitter } = AWB;

</script>
```

### TurboWarp 积木编程扩展

>分辨率推荐
>
>**分辨率（375 x 667）** iPhone 6/7/8(老式带底部按键)
>
>**(推荐)分辨率（430 x 932）** iPhone 14 Pro Max(主流全面屏)
>
>**尽量不是沙盒模式下运行**
>
>[打开TurboWarp在线编辑器](https://turbowarp.org/editor?extension=https://unpkg.com/yoyoawb@1.0.86/awb.turbowarp.js ':target=_blank')


### 并引入到你的Vue网页项目中 
> 点击下载 <a href="https://unpkg.com/yoyoawb@1.0.97/awb.esm.min.js" target="downloadFile" download>awb.esm.min.js</a>
```js
//下面代在main.js里引用
import { app,eventEmitter } from 'yoyoawb';
window.App = app;
window.AppEvent = eventEmitter;
```

[CSL]: https://vuejs.press/reference/default-theme/styles.html#style-file
[builder]: https://vuejs.press/reference/default-theme/styles.html#style-file