当前位置: 首页 > Web前端 > vue.js

NutUI京东小程序发布!

时间:2023-03-31 18:01:55 vue.js

NutUI是京东风格的轻量级移动端组件库,目前拥有70+优质组件,覆盖主流移动端场景。NutUI3.1版本上线后,加入了适配多端小程序的能力,在微信小程序平台取得了不错的成绩。而现在,NutUI支持京东小程序开发!使用京东APP抢先体验二维码扫码体验:背景介绍京东小程序京东小程序平台是一个综合开放的生态模型,为开发者提供线上线下购物能力沟通的途径,帮助商家与开发者沟通交流以一种新的方式。连接消费者。京东小程序平台拥有优质用户、亿级流量、丰富渠道三大核心优势。提供交易、营销、广告、客服、会员、支付、物流等多种开放能力,更好地帮助商家服务京东优质商品。客户。同时,入驻商家还可享受官方流量扶持政策,共享京东百亿级公域流量池,保障用户持续增长。目前京东APP已上线17000+应用,典型产品有LV旗舰店、芝华士旗舰店、京东快运等。NutUI是京东零售开源的移动端组件库。NutUI目前涵盖了Vue和React两大前端开发框架,包括70+优质组件。它提供了详细的文档和示例代码,可以帮助开发者快速开发用户界面。提高开发效率,改善开发体验。NutUI支持组件级自定义主题。除了基于京东APP视觉规范的默认主题外,还提供京东科技版(NutUI-JDT)、零售B商城版(NutUI-JDB)、京东企业商务版(NutUI-JDDKH)等众多定制主题可以满足业务定制UI的需求。NutUI3.1版本上线后,正式开启多端开发之路。NutUI与Taro携手合作,让开发者一处编码,多终端运行,自由自在地开发小程序。自上线以来,集团内已有大量使用NutUI开发的小程序案例,如京东科技-企业服务中心、京东科技-京小贷、京东到店-门店端、京东物流-冷链、京东汽车-景安图、门店陈列执行管理等,外部还有千辰汽车、数智安防等案例。NutUI京东小程序经过NutUI团队三个多月的努力,NutUI小程序版70+组件全部完成了对京东小程序的适配,其中包括10+特色业务组件,可以覆盖大部分移动端应用场景。下面是NutUI部分组件的效果示例图:H5与小程序开发对比1.使用场景及用户体验H5页面可以通过链接访问,可以在任何浏览器和社交平台之间传播和分享。用户每次打开都需要重新下载页面资源,离开页面后很难再次找到入口。一般来说,它更适合一些简单的业务场景和需要分享、转发和传播的应用场景。小程序同样无需下载,即开即用,使用体验接近原生APP。小程序对于业务逻辑复杂、页面跳转多、登录支付交易场景的应用具有显着优势。2、运行环境和系统权限H5项目的运行环境通常是手机浏览器或者手机APP的WebView容器。因此,在系统权限方面有比较大的限制。小程序依赖于特定的客户端。获得小程序平台授权后,可以获得更多的摄像、定位、录音等系统权限,实现更丰富的应用功能和场景。京东小程序平台还为开发者提供登录、分享、跳转、唤起等更多开放能力,满足开发者的业务需求。3、开发体验从开发的角度来看,小程序平台提供的原生开发方式与Web开发不同,对编程语言有一定的语法限制。不同小程序平台的项目不兼容,迁移成本比较高。相比之下,H5项目几乎没有兼容性问题,可以直接在主流手机浏览器和APP中通过链接访问。不过在Taro的帮助下,开发者可以使用Vue/React框架编写支持小程序和H5的项目。NutUI还同时支持H5开发和小程序开发。开发者可以在H5、京东小程序、微信小程序等平台之间快速迁移NutUI项目。使用NutUI开发京东小程序Taro脚手架中已经内置了NutUI模板,您只需以下三步即可快速搭建京东小程序项目。1、安装Taro脚手架npminstall-g@tarojs/cli2、初始化项目,选择Vue3-NutUI模板taroinitnutui-jdmp3、启动京东小程序项目,开始编码npmrundev:jd最后,NutUI组件库会不断迭代更新,如果开发过程中遇到任何问题,可以在GitHub开源社区或东东交流群(82957939)联系我们,或发邮件至nutui@jd.com,我们会回复并支持您尽快地。欢迎在GitHub仓库为我们Star,期待您的参与,为NutUI社区贡献自己的代码。相关链接:NutUIGitHubNutUI官网京东小程序官网