与Weex2.x的一次亲密接触(Web和IOS平台上共用一套代码)

本文介绍了阿里巴巴开源的跨平台移动开发工具Weex的特点及其在实际项目中的应用流程。Weex支持一套代码多端使用,有效解决了频繁发版和多端研发的问题。文章详细展示了在Mac系统环境下搭建Weex开发环境的过程,包括安装必要的工具和创建运行首个Weex项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

2016年4月21日,阿里巴巴在Qcon大会上宣布开源跨平台移动开发工具Weex,Weex能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、安卓、YunOS及Web等多端部署。

对于移动开发者来说,Weex主要解决了频繁发版和多端研发两大痛点。

weex的特点就是:1套代码多端使用

突出特点:

  • 致力于移动端,充分调度 native 的能力

  • 充分解决或回避性能瓶颈

  • 灵活扩展,多端统一,优雅“降级”到 HTML5

  • 保持较低的开发成本和学习成本

  • 快速迭代,轻量实时发布

  • 融入现有的 native 技术体系

  • 工程化管理和监控等

  • 轻量:体积小巧,语法简单,方便接入和上手

  • 可扩展:业务方可去中心化横向定制组件和功能模块

  • 高性能:高速加载、高速渲染、体验流畅



今天大家就跟我来一次weex的全称体验:

weex 官方网站:https://weex.apache.org/cn/

一、搭建开发环境:

我的系统是MAC系统,以下都是MAC系统上的操作;

1、安装node ,npm,并查看版本号:

brew install node

brew install npm 





2、安装weex-toolkit,并查看版本。

npm install -g weex-toolkit




二、现在开始用weex工具生成一个默认的工程。

1、使用week create hello_week,这样就创建好了一个项目。友情提示一下,安装时候最好不要使用sudo,要不然后面有很多问题。




2、npm install && npm run dev 和 npm run serve 在WEB上会自动打开127.0.0.1:8080


3、编译在IOS上使用,

     weex platform add ios  ----编译ios项目(如果想编译andriod)

     cd platforms ---

     cd ios  ---

     pod install ---进入ios项目,用pod安装程序

     cd ..

     cd ..  -----退回到项目目录


    不知道为什么在我机器上先pod install后,必须把ATSDK-weex删除了重新 pod update一下才可以使用。



4、在ios模拟器中运行

     npm run ios

     然后任意选择一个模拟器

      




最后会自动打开模拟器,运行了!~~



大家可以看到,我使用一套代码,在WEB和IOS都跑成功了,weex还是很强大的。

我机器上没有安卓环境,所以没有版本测试安卓系统,剩下的就留给大家测试吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值