美文网首页
使用Weex开发android应用

使用Weex开发android应用

作者: 汤汤的 | 来源:发表于2017-10-23 14:42 被阅读0次

年初就已规划要在项目中使用weex,主要是有两上目的,一是提高一些简单页面的开发效率,二是可以快速发布一些功能,但因为种种原因这个事耽搁到现在也没有推动下去。快到年尾了,再不落实下这个事情,今年估计就没戏了,求人不如求已,先自己来研究一下,把坑踩完,再安排下去,应该会进行得快点。

准备工作

三军未动,粮草先行,准备工作应该要做好,安装好开发工具:

1. nodejs

安装好后,我还再安装一个cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装Weex开发工具: cnpm install -g weex-toolkit / weex install weexpack

工具安装完成后,就可以开始开发了

开发

1.创建项目 

weex create hello-weex

2. 安装依赖包

cd hello-weex/ && cnpm install

3. 运行

npm run dev 

npm run serve

如果出现错误: ERROR in index.web.js from UglifyJs, 看这里

最好看下这个里: Weex踩坑

项目正常运行起来后,通过http://localhost:8080 即可看到 weex h5 页面。

npm run build 之后, dist目录下会生成index.web.js和index.js 这两个分别对应web和app,在集成后android/ios中的远程js bundle时,用不带.web 这个js

集成到android,看官方教程,我这里是直接集成了服务端地址

图1

集成完成之后,运行anroid程序,就可以看到刚才的例子页面

相关文章

  • 使用Weex开发android应用

    年初就已规划要在项目中使用weex,主要是有两上目的,一是提高一些简单页面的开发效率,二是可以快速发布一些功能,但...

  • weex常见问题解析

    什么是 Weex? Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。 Weex 致力于使开发者...

  • weex入门-Write Once, Run Everywher

    什么是 Weex ? Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。 Weex 致力于使开发者...

  • Weex框架浅析

    1,Weex 是什么? Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架 ,Weex 致力于使开...

  • Weex

    Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。Weex 的目标就是使用开发者基于一份代码,编...

  • vue-url

    https://cn.vuejs.org/ [使用 Weex 和 Vue 开发原生应用] 1 如何配置开发环境

  • weex项目弃坑小结

    由于weex 的不稳定性,所以中途放弃了 weex 方案。转而使用 Android原生开发。今天项目第一阶段开发结...

  • Weex Android SDK源码分析

    前言 最近开始试水Weex开发,使用这么长一段时间,感觉写Weex还是非常方便的。作为一个Android开发,免不...

  • WEEX

    简介 Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。 Weex 是阿里巴巴出的一款跨端框架,...

  • 关于waterfall 瀑布流布局出现布局错乱的问题

    说明:首先waterfall是weex的原生组件,WEEX的出现让我们可以使用Vue来进行移动端原生应用开发。这里...

网友评论

      本文标题:使用Weex开发android应用

      本文链接:https://www.haomeiwen.com/subject/hqbouxtx.html