weex 入门相关知识 打包 apk
分类:手机开发| 发布:camnprbubuol| 查看: | 发表时间:2018/3/20
Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动 Weex,打造三端一致的 native 应用。
weex工作原理
weex虚拟DOM解析过程
整体分析下拉,按照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 开始安装下载。 即可。
=============================================