当前位置: 首页 > Web前端 > HTML5

Weex系列(四)——三端统一

时间:2023-04-06 00:21:19 HTML5

目录Weex系列(前言)——知乎原生(iOSAndroid)Weex系列(一)——HelloWorld项目Weex系列(二)——页面跳转与通信Weex系列(三)——单页或多页Weex系列(四)——常见的三端统一【Weex系列(五)——封装原生组件和模块】【Weex系列(六)——css相关总结】【Weex系列(七)——web组件和webview】【Weex系列(八)——是时候简单分析一下流程原理】【Weex系列(九)——踩坑填坑合集】【Weex系列(10)-先写这么多吧。..】哎,手动捂脸,真是忙了两周,拔了智齿,做了三端投票活动,参加了微信马拉松。还好我坚持了,我怎么这么厉害,还是手动doge吧。上面提到了一个三端投票活动。之前一直在想怎么写这篇文章。做完这个活动,我觉得有千言万语。.现场附上我们的活动链接,欢迎给喜欢的偶像打call。APP端欢迎搜索黑猫投诉或新浪公测哟,点击横幅即可双投。是的,这两个app都是基于weex的。打开活动页面,可以看到三个页面,首页、明星详情页、明星列表页。刚开始看到这三个页面的时候,我以为可以用路由来统一三个终端。配置看了我之前的文章就知道我们的app是多页面的,webpack只会打包成多个js。按照我上面的思路,这个时候需要修改一下配置。做过大型Vue项目的应该会遇到过,我之前没做过,搞了半天,参考了app已有的多页配置,而新建的只有一个单页的配置——页面工程,最后修改了配置文件。(这里的单页和多页可以参考我之前的文章)。然后把三个静态页面切下来,app和web样式就基本正常了。如果你使用的是最新的weex脚手架,需要在web的index.html中的dist目录下导入对应的index.web.js和vendor.web.js,而不是网上weex引用的weex-vue-hackernews-master项目-render和其他js。(否则不能单独运行)vendor.web.js兼容我们使用的weex组件和模块。如果你有兴趣,可以研究一下。一开始其实还挺顺利的,但是中间遇到了很多问题。下面列出了要点。Weex只对自己支持的组件和模块进行处理,所以我们需要对自己的封装做兼容性/(ㄒoㄒ)/~~。这里要说的是,weex-ui也做了处理。比如wxc-slider-bar的三端基本没有区别。比如在我们的登录模块中,h5是一组登录组件,在app中是微博的登录模块。这也涉及到相关的请求方法,后端接口处理等等。风格部分真的是三端基本高度统一,稍微微调一下就可以了。也正是这样,我们才能在后续快速解决h5和pc。综上所述,由于上述模块的部分与项目相关,我简单几笔提了一下。其实这部分真的很麻烦。祝你一切顺利。这次我们有pc,h5,app的两端。其实就是6端。时间也很紧,所以最后基本上维护了一套h5和pc,另外一套app。最后不说三端统一,自己真正体验过一次。虽然最后有点出入,但下次基本没问题(doge)。如果你想用但还没有实践过,真的可以试试。最后,欢迎大家评论交流学习。喜欢就点个赞吧~~

最新推荐
猜你喜欢