文档教程 一. 已有项目集成weex, 有时候会报错, 因为sdk中用到了socket pod 'WeexSDK' pod 'SocketRocket' 二. 在app启动方法 -didFinish 中初始化weexSDK - (void)initWeexSDK{ //业务配置,非必需 [WXAppConfiguration setAppGroup:@"AliApp"]; [WXAppConfiguration setAppName:@"集成weex"]; [WXA…

使用Babel转码 // 最新转码规则 $ npm install --save-dev-g babel-preset-env // react转码规则 $ npm install --save-dev-g babale-preset-react // 不同阶段语法提案的转码规则(共有4个阶段),选装一个 $ npm install --save-dev babel-preset-stage-0 $ npm install --save-dev babel-preset-stage-1 $ np…

(本篇幅主要讲解Weex 中iOS native与js交互实现) 大纲: weex 总框架预览 iOS NativeBridge总设计原理 一.weex 总框架预览 在写NativeBridge 总设计之前必须先了解下Weex总体部署图,这张图来自于网上,如下: 图1.0  weex 总设计图   从上图可以看出weex总体流程如下: Service: 开发人员,开发weex 文件(如:helloweex.we). 通过transformer引擎将weex文件大包成相应的js文件. Client…

Weex 提供了一个命令行工具 weex-toolkit 来帮助开发者使用 Weex.它可以用来快速创建一个空项目.初始化 iOS 和 Android 开发环境.调试.安装插件等操作. 目前 weex-toolkit 只支持创建 Vue.js 的项目.创建 Rax 的项目可以使用 rax-cli,参考 Rax 的官方网站 了解其用法. 一:初始化 (全局安装 weex-toolkit) 请确保你已经安装了 Node.js (可以参考React Native (0.57)开发环境搭建(过程记录)中…

1. 安装weex-toolkit sudo npm install -g weex-toolkit 装完之后就可以使用weex命令了.输入weex命令可以看到: weex test.we --qr -h --qr 即是显示本地地址文件的二维码,安装playground后既可以扫描二维码看到we文件的页面.-h 是热更新 weex init即是初始化一个项目…

安装 Node.js node.js需要4.0+ 百度云下载地址http://pan.baidu.com/s/1o84g6c6 官网下载地址https://nodejs.org/en/ 安装教程请看这里node.js安装图解 安装 weex-toolkit 安装好node.js后,打开CMD工具现在安装weex-toolkit,这是weex的集成环境. npm install -g weex-toolkit 有了weex-toolkit就可以使用weex命令了我使用的版本是如图,这个可能变化的很…

1 Weex介绍 weex是阿里2016年开源的一套跨移动端(Andriod/IOS/Wap)的前端框架,采用VUE,较React Native入门相对简单 官网地址 2 Weex安装与初始化 2.1 安装NodeJS和NPM 略过,默认安装了 注意:nodejs的版本须大于4.5.0 2.2 安装weex npm install -g week-toolkit,全局安装week工具集合 安装完成后命令行输入weex,查看是否有命令帮助内容,如果提示没有weex命令,表示weex没有安装好,检查…

Weex比React Native更简单,更容易学习,并且做到真正的跨平台,一套代码可以多个平台运行.所以建议大家都用Weex吧. 一.安装Node 已经安装Node的,请忽略过去. 检查Node是否安装的命令: $ node -v v7.3.0 大家可以看阿里团队的博文,我这里也说下. 1.要先安装Node.在Mac我是用Homebrew来安装的. 安装命令: brew install node 2.接着我们需要安装Weex CLI. 终端中执行: sudo npm install -g we…

一.介绍 weex 是阿里出品的一个类似RN的框架,可以使用前端技术来开发移动应用,实现一份代码支持H5,IOS和Android.最新版本的weex已默认将vue.js作为前端框架,而weex-hacknews则是weex官方出品的,首个使用 Weex 和 Vue 开发的 Hacker News 原生应用,在项目中使用了 Vuex 和 vue-router等官方组件 .因此这个应用可以作为weex-vue开发的典范,分析该项目代码可以了解如何使用weex技术栈进行开发,实现同一份代码在 iOS.…

前言 自Weex发布伊始, 其口号 "Write Once, Run Everywhere"就吸引了大批前端与客户端程序猿纷纷入坑, 我也不能独善其中. 就我目前所学习Weex的经验在此记录一下, 由于我是一名刚入行不久iOS开发者, 所以这篇博客含金量不高, 下面就简单阐述下如何将Weex初步集成到iOS. Weex简介 2016年4月21日,北京 - 阿里巴巴今天在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请.Weex能够完美兼顾性能与动态性,让移动开发者通过简捷的前端…