本篇文章主要介绍了"weex weex 环境搭建",主要涉及到weex方面的内容,对于Android开发感兴趣的同学可以参考一下:
最近为了项目需要(实际上是为了年底KPI),领导要求用3天时间,学习并使用weex开发一个页面,说实话,压力山大。在这之前压根儿就没听说过啊,一脸懵逼无奈之余只...
最近为了项目需要(实际上是为了年底KPI),领导要求用3天时间,学习并使用weex开发一个页面,说实话,压力山大。在这之前压根儿就没听说过啊,一脸懵逼
无奈之余只能Google了,惊喜的发现weex的官网上面是什么都有啊,环境搭建、weex集成开发、jsjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播等等还有好多,双手奉上官网地址:http://weex.apache.org/cn/
既然官网讲的这么全面,我就只说一下我的操作流程;
1、weex环境搭建
首先下载安装node.js,node.js是weex编译、打包用的基础工具,javascript和node.js关系,类似于java与jvm,nodejs去官方网站下载最新稳定版6.xx就可以
安装好了之后,用以下命令检查是否安装成功
node -v
npm -v

出现上图就说明node.js安装成功了
npm是nodejs的包管理工具,相当于android中的gradle或者iOS中的cocoapods,但是npm在国内访问速度较慢,建议大家安装cnpm,是淘宝的一个npm国内镜像
安装完cnpm后执行cnpm install -g weex-toolkit安装weex-toolkit
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm install -g weex-toolkit

命令行敲weex,出现上图就说明weex-toolkit安装成功了。
至此weex的安装就告一段落了,官网上的环境搭建到这里之后还有几步,不过我都没有用上,这里先记一下,后续需要用到了再补充!!!!!!
2、集成到 Android
接下来就是将weex项目集成到Android项目中去,这块真是没有什么好讲的,这块就和集成第三方sdk一毛一样的
直接上官网的集成方式:http://weex.apache.org/cn/guide/integrate-to-your-app.html
2-1、个人对weex开发的理解
说一下我对在Android中集成weex的理解吧,可能理解的很浅显,不喜勿喷!
weex旨在“一次撰写,多端使用”,意思是,用weex写的页面,不论是Android还是iOS甚至web端都可以使用,这样的话就可以极大的降低开发成本,
weex其实就是写的一个类似于h5的页面(js编写),写完之后将vue文件编译、部署到Nginx服务器上(Nginx服务器后面会讲到),这时候在你的Nginx服务器下的html文件夹内会生成一个.js的文件,这个.js文件就是你要嵌入到Android项目内的文件,如果一个项目内有很多个weex页面,就需要编译部署很多个vue文件,也就是说会在html这个文件夹下生成很多个.js文件,然后你可能会问,那我们要怎么管理和维护这么多个.js文件呢?这就需要我们将这些个.js压缩成一个zip包,把这个压缩后的zip包个后台,后台会生成一个json文件,将这个.json放在Nginx服务器的html文件夹内,我们需要做的就只是管理和维护这个.json文件就可以了,最后在你的Android项目内,访问这个Nginx服务器(服务器的地址就是你电脑的ip地址),获取到服务器上的weex页面(其实这也能做到预加载的作用)然后进行各种处理和操作;

生成的.json文件就是这么个东西,在后文要讲的获取页面,完全靠这里面的url,非常的重要;