weex 3端开发,初试

weex 屏幕适配原理:分辨率宽度标准为 1000px, html font-size: 100px, 页面的单位自动为 rem 同比缩放。超出高度可以自己控制。

注意事项:
**使用了 commonJS 模块化加载(module.exports, require), weex-router 不支持 直接 export

1. web

npm run build
打包到 dist/index.js 

如:

http://192.168.1.92:8081/dist/index.js?_wx_tpl=http://192.168.1.92:8081/dist/index.js
可以用草科二维码生成二维码网址, 手机上 weexPlayground 扫描查看手机呈现效果


pc 端 (192.168.1.92:8081) 无法 click, 可以引入

<script src="//g.alicdn.com/mtb/weex-static/0.1.7/phantom-limb.js"></script>

2. android

step1: 环境配置:

  1. jdk 版本 1.8, 太高太低都不行
  2. 下载 android sdk
    https://developer.android.google.cn/studio/index.html
  3. 通过 android studio 安装 sdk 的其他包 (如: platforms、platform-tools 等)
  4. 添加环境变量 ANDROID_HOME

    D:\androidsdk\sdk
  5. 环境变量 Path 添加 skd 和 platform-tools 的路径


step2: weex 安装 android 包:

    1. `weex platform add androi`
    2. `weex run android`

依然报错修改:

     1. android/build.gradle 文件里面的依赖包版本问题
ext {
                /*=============*/
                compileSdkVersion=27
                buildToolsVersion="27.0.3"
                minSdkVersion=16
                appMinSdkVersion=16
                targetSdkVersion=27
                supportLibVersion="27.0.2"
                /*=============*/
                fastjsonLibVersion="1.1.46.android"
            }
     2. android/app/build.gradle  文件里面 output 代码修改
android.applicationVariants.all { variant ->
     variant.outputs.all {
         outputFileName = "../weex-app.apk"
     }
 }

文件已上传至 https://github.com/leftHandCat/weex-android-build.gradle

3. ios: window 无法 调试

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值