微信小程序电商实战 10:上线部署——审核、CI/CD 与常见被拒原因
完整的小程序上线流程:miniprogram-ci 自动化上传代码,体验版 → 审核 → 正式版的完整发布链路,覆盖电商类小程序常见被拒原因(资质、支付、内容)及规避方案。
微信小程序电商实战 09:性能优化——分包加载、虚拟列表与图片懒加载
针对电商小程序的三大性能瓶颈:主包超限、长列表卡顿、图片加载慢,分别用分包加载、Taro 虚拟列表、云存储 CDN + webp 给出完整解决方案。
微信小程序电商实战 08:用户中心——微信授权登录、收货地址与订单历史
实现微信小程序用户体系:wx.login 静默登录获取 openid,引导用户授权手机号,管理多个收货地址,展示订单历史列表并支持按状态筛选。
微信小程序电商实战 07:微信支付完整流程——下单、支付与服务端核实
实现微信支付三段式完整流程:CloudBase 支付模板创建统一下单云函数,小程序端调用 wx.requestPayment,服务端轮询确认支付结果——覆盖最关键的一个坑:前端回调不可靠。
微信小程序电商实战 06:购物车与订单——Pinia 状态设计与完整流程
用 Pinia 实现购物车全局状态(增删改、全选、批量删除),设计订单确认页到订单列表的完整流程,处理地址选择、价格计算、提交订单等核心逻辑。
微信小程序电商实战 05:商品模块——列表页、详情页与 SKU 选择
实现电商核心——商品模块:左侧分类 + 右侧商品列表的双栏布局、NutUI InfiniteLoading 无限滚动、商品详情页 + SKU 弹窗选规格,覆盖从列表到加购的完整购买链路。
微信小程序电商实战 04:微信云开发环境搭建与数据库设计
初始化微信云开发环境,设计电商场景的 6 张核心数据表,配置云存储存放商品图片,封装云函数调用层,在小程序端无缝调用后端逻辑。
微信小程序电商实战 03:NutUI 配置与电商常用组件
在 Taro 3 + Vue 3 项目中安装配置 NutUI,开启按需加载,掌握电商场景必用的 6 类组件:商品卡片、SKU 选择器、购物车角标、地址选择器、订单状态、Toast/Dialog 反馈。
微信小程序电商实战 02:Taro 3 + Vue 3 + TypeScript + Pinia 脚手架搭建
从零初始化 Taro 3 + Vue 3 + TypeScript + Pinia 项目,配置路径别名、环境变量、ESLint,跑通微信开发者工具预览,建立电商小程序的标准目录结构。
微信小程序电商实战 01:技术栈全景选型
系统对比原生、Taro、uni-app 三条路线,逐层拆解 UI 库、状态管理、云开发、支付集成的选型逻辑,给出一套适合电商场景的确定性技术栈:Taro 3 + Vue 3 + NutUI + Pinia + 微信云开发。