随着Weex跨平台技术的持续火热,一时间涌现出了一大批基于Weex的开源解决方案,Weex Eros就是这么一个面向前端Vue的开源APP解决方案。 目前,如果直接使用Weex框架开发应用会存在很多痛点,诸如初始化启动的环境问题、项目工程化问题、版本升级与版本兼容问题和不支持增量更新等,而Weex Eros等开源解决方案能对上述问题进行有效的解决。 Weex Eros的定位不是组件库,而是基于Weex封装的面向前端Vue的一整套APP开源解决方案,它关心的是整个APP项目。在Weex的强大支持下,用一份Vue代码即可编译出iOS、Android两端原生的app,并且通过Weex Eros内置的热更新逻辑和开源的服务器逻辑,开发的APP还具有热更新能力。
weex-eros是weex的一套解决方法,使用vue语法糖,对于前端开发者来说可以轻松上手,文档如下:
weex:https://weex.apache.org/zh/
weex-eros:https://bmfe.github.io/eros-docs/#/
分享一篇入门文章:https://zhuanlan.zhihu.com/p/51302413
由于weex-eros安卓端久久不更新,导致开发过程中安卓端总会有那么些问题,需要大家动动手改改SDK源码,可能需要对原生知识进行补充或者定制开发。
本文针对EROS 2018.10.11 更新的版本进行的介绍,原文链接:WEEX-EROS开发小笔记
1,屏幕旋转问题
在android/WeexFrameworkWrapper/app/src/main/AndroidManifest.xml这个文件中,
控制屏幕旋转,需要添加:
android:screenOrientation="user" android:configChanges="orientation|keyboardHidden|screenSize"
2,键盘挡住输入框问题
防止键盘挡住输入框,自动将页面上顶,需要添加如下配置:
android:windowSoftInputMode="adjustPan"
具体可以参考下图:
3,点击对话框背景或按返回按钮对话框消失
使用Android studio打开WEEX-EROS的Android源码,然后再源码中查找ModalManager.java这个SDK源码文件,将下图圈起来的位置设置为false即可,对应的是setCancelabel(calcel)这个属性。
WEEX的Picker模块如果选项多的话会出现默认选项有多个的情况,需要将Picker模块的SDK源码替换成官方github上的最新源码,官方github源码地址。
4,iOS屏幕旋转
EROS本身是不支持横屏开发的,如果要进行横屏开发,可以勾选Landscape Left和Landscape Right两个选项,如下图。
5, 修改包名修改原生Android工程包名
原生Android工程在打包的时候需要修改Android原生工程的包名,对于WEEX-EROS项目来说,只需要修改Android的gradle.properties的APPLICATION_ID即可。
修改原生iOS工程包名
iOS原生的包名比较好修改,如下图:
另外,Android修改完SDK源码后需要对文件夹做修改才可以提交到git上,不然修改完没提交到git,下次拉下来,重新安装Android依赖就白改了,打开文件夹下的.gitignore文件,删除wxframework和sdk,然后添加如下配置:
# eros platforms/android/WeexFrameworkWrapper/app/src/main/assets/bundle.zip platforms/android/WeexFrameworkWrapper/app/src/main/assets/bundle.config platforms/ios/WeexEros/WeexEros/bundle.zip platforms/ios/WeexEros/WeexEros/bundle.config !.gitkeep ip.txt
然后分别进入platforms/WeexFrameworkWrapper/nexus、platforms/WeexFrameworkWrapper/wxframework文件夹下执行rm -rf .git清除原本的git信息,之后就可以将Android的源码提交到git仓库里了,之后拉下来不用再安装Android依赖了。
6, CocoaPods多个版本切换问题
EROS推荐1.4.0,因为当前使用的WXDevtool插件(1.5.3)基于1.4.0,个人仅发现此插件有问题,可以使用如下的版本来查看本地的CocoaPods版本。
gem list --local | grep cocoapods
然后,可以使用下面的命令来查看当前系统默认使用CocoaPods版本。
pod --version
如果涉及多个CocoaPods版本,那么怎么管理CocoaPods呢?此时,我们需要安装一个Bundler管理工具。
gem install bundler
使用方法
1.到Podfile文件所在目录输入以下命令,创建Bundler的配置文件Gemfile。
bundle init
2.将Gemfile文件修改成以下内容,版本号可根据自己的需求修改。
3.最终,如果要使用指定的CocoaPods去安装插件只需要在pod命令上加上bundle exec前缀。
bundle exec pod update
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
- 1.新建一个Module(一个Module就相当于一个app) 如果已经有一个Project,那么可以直接新建一个Module,如果没有先去新建一个Project。 如图: 创建工程,可以参考“开发HelloWorld程序(Android原生)” 这里的Minumum SDK要选择API16及以上,Weex目前只支持到API16级以上。 这个时候我们WXHelloWorld程序的原生壳子就创
BUI-Weex 是一套专门为 Weex 前端开发者打造的一套高质量UI框架。为了达到更好的效果,请在 WeexSDK 0.11.0 + 上使用这套UI框架。BUI-Weex致力于为iOS和android平台提供丰富的UI组件,帮助开发者快速构建移动应用。
本文向大家介绍Weex开发之地图篇的具体使用,包括了Weex开发之地图篇的具体使用的使用技巧和注意事项,需要的朋友参考一下 在移动应用开发中,地图是一个很重要的工具,基于地图的定位、导航等特点衍生出了很多著名的移动应用。在Weex开发中,如果要使用定位、导航和坐标计算等常见的地图功能,可以使用weex-amap插件。 weex-amap是高德针对Weex开发的一款地图插件,在Eros开发中,Ero
GitHub 地址:github.com/apache/incubator-weex-ui Weex Ui 于去年9月30日开源后,距离今天刚好半年时间,本文打算从 起源、定位、现状、发展、展望这5部分来给大家分享 Weex Ui 半年的开源之路。 Weex Ui 的起源 Weex Ui 起源于阿里内部的一个 Weex 上层 Ui 组件库,运行近一年后将其整理优化、丰富品质化后开源,希望借力社区,
本文向大家介绍mpvue开发音频类小程序踩坑和建议详解,包括了mpvue开发音频类小程序踩坑和建议详解的使用技巧和注意事项,需要的朋友参考一下 这是我第一次开发小程序,开发的产品是音频类的,在大佬的建议下采用了 mpvue ,一周时间把功能都做出来,由于不太熟悉mpvue和微信小程序,足足用了一周时间来改bug才出来一个能用的版本,在这里整理分享下我开发时遇到的一些问题和给出一些建议。 在 Lin
Welcome to translate this article. 本文是2018年 Weex Conf 中议题《Weex + Ui》的内容文档整理,主要给大家介绍飞猪 Weex 技术体系从无到有的过程,包括 Weex Ui 组件库的开发和发展,重点分享在 Weex Ui 层建设的一些经验。 文章较长,首先放上 Weex Ui 的开源地址,欢迎大家提PR,同时也可以通过 Star 来表示你的喜欢
更改历史 * 2018-02-12 胡小根 初始化文档 1 历史、现状和发展 1.1 历史 1.2 现状 1.3 发展 难点:预测发展方向。 2 安装和使用 2.1 安装 2.2 使用 2.3 示例 2.4 最佳实践 难点:最佳实践,超出于示例,应该归纳总结出积累的技巧。 3 同类技术对比 难点:归纳比对项 参考资料 Weex官方文档 xxx博客 xxx类库说明
百度移动统计现已提供Weex插件的支持,对于基于Weex开发的APP,您可以按如下步骤使用百度移动统计SDK,完成基础的埋点统计和上报。 iOS 端使用百度移动统计SDK 集成百度统计SDK 集成方式查看iOS SDK集成 下载BaiduMobStatWeexModule文件,可点击此处下载。将BaiduMobStatWeexModule.h、BaiduMobStatWeexModule.m两个文