weex 入门相关知识 打包 apk

分类:手机开发| 发布:camnprbubuol| 查看: | 发表时间:2018/3/20

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  开始安装下载。 即可。
 
=============================================

 

 

 

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/mobile-dev/2290.html