一.首页文档http://weex.apache.org/cn/v-0.10/references/specs/index.html
首先根据里面的配置;安装node,安装weex-toolskit
坑点1.安装的weex-toolskit 时候可以 用尽量用淘宝的镜像,不要用sudo npm install -g weex-toolskit安装问题,这样会在使用的时候产生权限问题
二. weex 工程初始化有两种方式,
笔者用的开发工具是idea IDE 使用的插件是weex support, 另一个插件weex 功能确实很强大但是好像兼容很差,不一会idea 就卡死了;可能以后会更好的,
1.使用weex init awesome-project 生成工程,这种生成的工程只有简单的框架接口;不建议初学的时候使用,因为里面框架配置很少,进入项目npm install,然后开发工具导入
终端进入项目目录 sudo weex src/foo.we --qr 生成二维码,扫码的app 能从上面的官网上下载下来 。扫码app产生出来就能预览界面了。
2.使用weexpack init awesome-project生成工程,这种生成的工程能实现同步生成android ,ios 和web 的三套框架模板;终端进入npm install;
weekpack platforms add android 添加安卓工程 需要配置android sdk 的环境变量
android.config.json 里面配置信息 appName AppId SplashTest WeexBundle 等
weekpack platforms add ios 增加ios 工程需要配置
ios.config.json 里面配置信息是 AppName Version BuildVersion AppId CodeSign Profile WeexBundle
启动工程的时候安卓为例
npm run build
weexpack run android 就能启动模拟器
三,离线模式的使用weex
用Android sudio 打开上面weexpack 生成Android 工程;里面已经引入了Android mudel 依赖工程,在xml 文件夹下有一个配置安卓的入口的文件
启动我们的工程了
本地文件在assets 文件夹里面;自己可以在assets创建 .we 文件,然后使用sudo weex compile assets assets/dist 编译成bundleJS。
修改xml文件中的配置就可以了,
重写ImageAdapter,本地图片问题因为目前用的比较多的就是glide,picasso,fresco 这些框架基本上都能实现的加载file,path,id,还有网络url
weex加载id 图的时候需要自己做根据资源名字,反射获取id。
四.weex 调用native调用问题
weex 调用原生的使用的就是自定义WXModule,然后注册注册module。调用后由返回
五.native 调用weex 目前没有看见很好的方式。有比较好的方式请留言请教下