weex踩坑 干活 记录

5 篇文章 0 订阅
4 篇文章 0 订阅

一.首页文档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  目前没有看见很好的方式。有比较好的方式请留言请教下


       

          


   

    





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值