weui,前端开发者轻量化开发的实用神器

tmyb
广告

很多刚接触微信生态开发的朋友,可能都听过weui这个名字,但不少人对它的印象还停留在“这是很早的框架,现在是不是过时了”?其实不然,从2016年推出到现在,weui依然是无数中小开发者、独立开发者做微信H5、小程序开发的首选工具,哪怕是在AI开发、低代码普及的2024年,它的热度反而还在稳步上涨。

weui,前端开发者轻量化开发的实用神器

什么是weui?它为什么能火近八年?

weui是微信官方团队专为微信生态打造的前端UI框架,说白了就是一套提前写好样式的前端组件库,从按钮、表单、弹窗、导航栏到卡片、加载框、下拉刷新,所有微信生态里常用的UI组件,weui都给开发者准备好了,直接拿来就能用,不用从零写CSS、调样式。

weui诞生的初衷,就是为了解决早年微信生态开发的乱象:2016年公众号H5刚火起来,大量开发者涌入,做出来的页面五花八门,有的按钮太小容易点空,有的弹窗挡住返回导航,用户体验特别差,甚至很多不符合设计规范的页面,会让用户误以为是诈骗网站,微信官方推出weui,就是为了给开发者一套统一的、符合微信原生设计语言的规范,让开发出来的页面从视觉到交互都和微信本身的体验一致,降低用户的使用门槛和信任成本。

这么多年过去,weui一直保持着稳定更新,哪怕到了2024年,官方每个月还会推出小版本更新,修复兼容性问题,适配微信新出的规则,比如2024年上半年推出的v2.1.13版本,就专门适配了微信小程序最新的分包加载规则,修复了暗黑模式下部分组件文字不清晰的问题,还优化了低端安卓机的流畅度,根据npm官方的下载数据,weui最近一年的周平均下载量稳定在30万以上,比2022年上涨了22%,足以见得开发者对它的认可,而2024年微信公开课Pro上公布的数据显示,微信小程序日活已经突破6亿,越来越多中小商家、个人开发者涌入微信生态创业,轻量化开发的需求暴涨,weui正好切中了这个核心需求,所以能火近八年依然不过时。

从小生鲜店到公考刷题页:weui解决了真实痛点

很多人说,框架嘛不就是用个新鲜,那weui实际用起来到底有多香?我身边就有很典型的例子。

我认识一个独立开发者阿泽,原来在深圳一家互联网公司做前端,三年前辞职出来自己接中小商家的定制开发单子,主要做公众号H5和小程序,他的标配技术栈就是uni-app+weui+腾讯云开发,靠接小单子一年能赚三十多万,比上班还舒服,他能做这么多单子,很大一部分原因就是开发快、成本低,而开发快的核心就是weui。

去年下半年,广州番禺一个开社区生鲜店的李叔找到阿泽,李叔原来一直靠微信群接龙做每日团购,每天晚上用户报完单,他要花两三个小时整理,经常看错名字记错数量,错单率超过15%:进多了菜卖不掉烂在手里,进少了得罪老客人,李叔找过本地的网络公司,对方报价三万,还要等一个月才能上线,李叔一个月纯利润才不到两万,根本接受不了这个价格,经朋友介绍找到阿泽,说预算只有五千,要求十天之内上线,只要能让用户自己下单、选自提时间、自动统计订单就行。

放在别的开发者那,可能根本接不了这个活:五千块还要十天上线,光调UI都不够时间,但阿泽用weui,三天就把整个前端界面搭完了,原来weui所有组件都是按照微信原生设计做好的,李叔需要的商品列表、下单弹窗、时间选择器、订单列表,这些组件weui全部都有,直接复制粘贴代码,改改文字和数据接口就能用,不用调圆角,不用改阴影,不用适配不同尺寸的手机,原来做类似的项目光调UI就要花两三天,现在大半天就能搞定。

最后阿泽八天就上线了,比要求的还早了两天,上线之后李叔特别满意:用户打开小程序,觉得和微信本身的功能一模一样,一点都不别扭,五六十岁的老客人也会用,错单率直接降到了1%以下,李叔每天早上只要花十分钟看一眼统计好的订单,不用再熬夜整理,省出的时间还能多理理货,每个月纯利润反而多了近两万,后来李叔给阿泽介绍了五个周边开实体店的老板,都是类似的小需求,阿泽一口气接了五个单子,赚了两万多,还不到半个月。

不止是这种小商家的项目,很多轻量的内容项目也特别适合用weui,我有一个做公考培训的朋友,去年做了一个免费刷题的公众号H5,原来用的是一款大而全的UI框架,上线之后经常有用户反馈弹窗点不动、返回卡顿,尤其是一些用旧安卓手机的用户,问题特别多,后来换成weui重构了前端,所有组件都是适配微信内核的,重构之后几乎没有用户再反馈兼容性问题,现在日均使用量超过五千,稳定运行了快一年,几乎没出过UI相关的bug。

甚至很多学生做毕设,weui都是最好的选择,去年我帮一个学计算机的本科生改毕设,他做的是校园跑腿小程序,原来用了一款比较新的小众框架,调了一个月样式都没调好,到处都是错乱,我让他换成weui,他一周就把整个前端界面做完了,最后顺利通过答辩,还拿了良。

比起大而全的UI框架,weui的核心优势是什么?

现在市面上的UI框架非常多,从antd到elementUI,再到各种新出的移动端框架,为什么这么多开发者偏偏选weui?在我看来,weui的三个核心优势,是别的框架比不了的。

第一个优势,就是原生体验一致,用户信任度更高,weui的所有设计都是和微信客户端对齐的,按钮的大小、圆角的弧度、弹窗的动画,全部和微信本身的功能一样,用户在微信里打开,完全不会有割裂感,很多人不知道,这种一致的体验能直接提升转化率,2024年腾讯广告发布的《微信落地页优化白皮书》里就提到,采用符合微信原生设计UI的落地页,转化率平均比自定义设计的落地页高12%,原因就是用户看惯了微信的设计,原生风格的页面会让用户觉得更正规、更安全,不会觉得是诈骗网站,愿意点下单、留联系方式,尤其是做支付、预约这种需要用户提交隐私信息的场景,这种信任度的优势特别明显。

第二个优势,就是足够轻量化,加载速度快,weui整个框架压缩完才不到50KB,比很多大框架的零头都小,同样一个简单的下单页面,用antd打包完体积是320KB,用weui打包完才47KB,加载速度快了将近7倍,这种差异在城市里网速好的地方可能不明显,但是在很多下沉市场,或者用户在地铁、郊区这种网速不好的地方,几秒钟的差异就能损失一半的用户,对小商家来说,用户进来加载半天出不来,直接就走了,转化率自然上不去,weui的轻量化优势,正好解决了这个问题。

第三个优势,就是官方维护,兼容性好,学习成本低,weui是微信官方维护的,每次微信更新内核、更新小程序规则,weui都会第一时间适配,比如2023年底微信要求所有小程序适配暗黑模式,很多旧框架没有及时更新,开发者要自己改代码,weui早就做好了暗黑模式的适配,只要开一个配置就能用,非常省心,而且weui的学习成本特别低,哪怕是刚学前端的新手,只要会一点HTML和CSS,看着文档复制粘贴就能用,不用学复杂的定制规则,对新手特别友好。

当然weui也不是万能的,如果你做的是复杂的后台管理系统,或者需要很多定制化交互的大型项目,weui确实不如antd、elementUI这些大框架功能全,但是对微信生态里80%的中小项目、weui完全够用,而且比别的框架好用太多。

2024年了,weui还值得开发者用吗?

最近两年很多人说,低代码普及了,AI生成代码普及了,还有必要用weui吗?其实恰恰相反,在现在的开发环境下,weui反而更实用了。

现在主流的低代码平台,尤其是微信生态的低代码平台,本身就是基于weui做的,比如微信官方的低代码平台微搭,默认的基础组件库就是基于weui改造的,哪怕你用低代码开发,本质上还是在用weui的设计规范和组件,体验上的优势还是存在的。

AI生成代码的时候,weui的出错率更低,现在很多开发者用GPT、CodeLlama这些AI工具生成代码,你让AI生成微信H5的界面,如果指定用weui,AI生成的代码准确率能达到90%以上,因为weui的文档全,社区案例多,AI训练的时候见过大量weui的代码,生成出来几乎不用改就能用,如果用比较冷门的框架,AI生成的代码经常出错,还要改半天,我自己试过,让GPT生成一个预约表单的H5,指定用weui,生成出来的代码直接就能跑,样式都不用调,特别方便。

而且2024年微信公开课上,微信团队也明确表示,会继续维护weui,为中小开发者提供轻量化的开发工具,所以完全不用担心weui会停更,它现在依然是微信生态官方推荐的UI框架。

个人观点:选工具别贪大求全,适合才是最好的

接触了这么多开发者,我最大的感受就是,现在前端圈太卷新框架、新概念了,很多开发者觉得不用最新的框架就是落伍,就是技术不行,花了大量时间去学各种花里胡哨的新工具,反而忽略了开发的本质:开发是为了解决问题,快速交付,赚钱才是目的,不是用来炫技的。

我之前见过一个开发者,接了一个小诊所的预约小程序,预算八千,要求两周上线,他觉得用weui太“low”了,体现不出自己的技术水平,非要用一个刚出的冷门新框架,结果调样式调了一个多月,还到处出兼容性bug,最后钱没赚到,还被客户投诉,口碑做坏了,再也没人给他介绍单子,如果他当时用weui,两周就能交付,稳定不出错,赚了钱还能落个好口碑,何苦呢?

对中小开发者、独立开发者来说,最重要的就是快速交付,控制成本,能快速做完一个项目,交付收钱,再接下一个,积少成多,就能做成自己的生意,weui这种工具,经过了近八年的验证,官方背书,稳定好用,开发速度能提升好几倍,成本能降一大截,真的是最好的选择,我认识的很多独立开发者,把weui用好,靠接小商家的单子,一年赚二三十万,时间还自由,比在大公司996舒服多了,这就是选对工具的好处。

weui从来都不是什么炫技的工具,它就是一个解决实际问题的工具,没有花里胡哨的功能,就是稳定、好用、开发快,正好适配微信生态绝大多数中小项目的需求,不管你是刚入门的前端新手,还是已经出来单干的独立开发者,把weui摸透,绝对是一件性价比极高的事,它能帮你解决很多问题,帮你更快地交付项目,赚到属于自己的收益。