β

weex 入门相关知识 打包 apk

郑州网建 577 阅读

Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动 Weex,打造三端一致的 native 应用。

weex工作原理

weex工作原理

weex虚拟DOM解析过程

weex虚拟DOM解析过程

整体分析下拉,按照js文件的渲染过程,绘制出了下面架构图

整体分析下拉,按照js文件的渲染过程,绘制出了下面架构图

> weex

可以看到可用的命令。
> weex run android
打包weex代码(vue),到:  \platforms\android\app\src\main\assets\dist  目录下。
(注: 不能直接生成apk,也许是 操作不当。)
=============================================
经过上边的步骤之后。
用 android studio(3.0)  打开,这个项目 (platforms/ android)
可能需要的配置:
gradle-wrapper.properties 下的: distributionUrl=https\://services.gradle.org/distributions/gradle-3.5-all.zip
---------------------------
然后: 菜单栏上, build> apk  即可,在项目目录下:\platforms\android\app\build\outputs\apk  中生成一个apk,
这是一个 weex playground的 app,内容,是你写的weex页面。(注意是: assets目录下的index.js入口文件。我们生成的js文件在dist下,因此,要注意拷贝一下,或者指定从 dist 目录下找---未找到配置的地方。)
=============================================
在 android studio 3.0 中,通过模拟器查看时,显示错误: “waiting for target device to come online”
解决:
file >  Settings...   >  Appearance & Behavior > System Settings > Android SDK  里的  SDK Tools 选项卡下,找到Android Emulator  勾选,点击 Apply  开始安装下载。 即可。
=============================================
作者:郑州网建
Good Good Study ,Day Day Up!
原文地址:weex 入门相关知识 打包 apk, 感谢原作者分享。

发表评论