公众号贝塔猫 BetaCat 左下角为小程序入口 btMall 商城是一个b2b项目 把原本的线下宠物医疗采购全部转移至线上。此小程序类似 大多数的电商平台,分为首页、分类页、商品详情页、额度流水页、订单页、售后页、提交订单页、购物车页以及我的页面。亮点:两种支付模式(先用后付,现付现结)支付方式为后台对医院的配置。(原生小程序+vant +埋点+sentry)
责任描述: 项目的搭建, 功能的评审, 公共组件的封装, 项目的排期, 以及所有页面的交互。
使用技术:
1.根据不同页面的不同逻辑将所有的路由跳转统一处理,巧妙使用 redirectTo和 navigateTo 防止小程序页面栈溢出导致小程序卡死的问题
2.接入埋点(友盟 ),使用 Openid 来统计微信小程序的用户,会使统计的指标更为准确。记录用户经常下单的商品,返回给服务端,以便于供应商进行商品精准的进货 。
3.接入 sentry ,精准捕捉报错,并且区分环境。若生产报警,会第一时间捕捉报错,方便开发人员及时了解 bug 并迅速解决。
4.采用 oss ,将本地资源转化为网络资源,提升加载速度,并防止本地资源过大小程序无法发布,同时采用分包、按需引入的策略避免小程序过大的问题。
5.二次封装 stepper 组件,统一样式,方便复用,并且传入不同的值达到不同的目的。封装 scroll ,将所有商品展示页面的上拉加载,下拉刷新以及 Loading 进行统一处理。
6.封装 format ,对时间格式以及金额进行统一的处理。
7.对接快递100,让客户可以随时查看已发货的物流状态 并封装成组件用户不但可以输入快递单号进行快递查询,也可以通过扫描二维码,调取原生方法进行快递查询。
8. 封装 eventBus 解决小程序跨组件传值问题,解决一个页面发布,多个页面响应的问题。