Weex入门(一)

Weex入门(一)

作为一个毕业不久的Android新人,刚毕业进公司边开始学习公司大佬已经接入好的Weex框架,并实际在其基础上用Weex开发了大半年,一直停留在调用封装好的NativeAPI上和使用基本Weex组件以及Vue的语法上。一直想真正自己动手体验一把Weex,探索一番...

1、简介

Weex是一个使用Web开发体验来开发高性能原生应用的框架,致力于是开发者基于当代先进的Web开发技术,使用同一套代码来构建Android、iOS和Web应用。具体来讲,在集成了WeexSDK之后,你就可以使用JavaScript和现代流行的前端框架来开发移动应用。(划重点就是集成了WeexSDK用一套JS代码可以三端运行,渲染出来的是真正的原生界面喔)

2、环境搭建

首先温馨提示,我这里是基于Mac,也强烈建议大家用Mac开发,把时间都浪费在莫名的环境问题上,我觉得不是很划算。

  1. 安装node
    brew install node
    温馨提示最好这样安装node,自己手动安装node,运行命令时会有很多需要加上sudo,坑也是比较多的

  2. 安装weex-toolkit
    npm install -g weex-toolkit
    温馨提示可能需要科学上网,没有科学上网用cnpm

  3. 初始化项目
    weex create awosome-project

  4. 添加Android平台(当然还能添加iOS平台)
    weex platform add android

  5. 生成apk
    weex run android
    温馨提示需要搭建好相应的Android环境

  6. 通过adb命令安装生成的apk
    adb install your apk
    安装图中生成的apk

    Weex入门(一)_第1张图片
    生成的apk

3、关于Android环境可能遇到的一些问题

Weex入门(一)_第2张图片
Android环境介绍

如图,这里的compileSdkVersion和你需要现在android的sdk的platforms平台相对应,同理这里的buildToolsVersion和build-tools相对应

4、运行效果

Weex入门(一)_第3张图片
运行效果图

最后向有缘的看官献上我的膝盖

源码传送门

你可能感兴趣的:(Weex入门(一))