#微信小程序

10 篇
Taro 6 Vue3 4 CloudBase 3 Pinia 3 虚拟列表 2 NutUI 2 部署 1 上线 1 审核 1 CI/CD 1 miniprogram-ci 1 发布流程 1

微信小程序电商实战 10:上线部署——审核、CI/CD 与常见被拒原因

完整的小程序上线流程:miniprogram-ci 自动化上传代码,体验版 → 审核 → 正式版的完整发布链路,覆盖电商类小程序常见被拒原因(资质、支付、内容)及规避方案。

#部署#上线#审核

微信小程序电商实战 09:性能优化——分包加载、虚拟列表与图片懒加载

针对电商小程序的三大性能瓶颈:主包超限、长列表卡顿、图片加载慢,分别用分包加载、Taro 虚拟列表、云存储 CDN + webp 给出完整解决方案。

#Taro#性能优化#分包加载

微信小程序电商实战 08:用户中心——微信授权登录、收货地址与订单历史

实现微信小程序用户体系:wx.login 静默登录获取 openid,引导用户授权手机号,管理多个收货地址,展示订单历史列表并支持按状态筛选。

#微信登录#wx.login#openid

微信小程序电商实战 07:微信支付完整流程——下单、支付与服务端核实

实现微信支付三段式完整流程:CloudBase 支付模板创建统一下单云函数,小程序端调用 wx.requestPayment,服务端轮询确认支付结果——覆盖最关键的一个坑:前端回调不可靠。

#微信支付#wx.requestPayment#CloudBase

微信小程序电商实战 06:购物车与订单——Pinia 状态设计与完整流程

用 Pinia 实现购物车全局状态(增删改、全选、批量删除),设计订单确认页到订单列表的完整流程,处理地址选择、价格计算、提交订单等核心逻辑。

#Taro#Vue3#Pinia

微信小程序电商实战 05:商品模块——列表页、详情页与 SKU 选择

实现电商核心——商品模块:左侧分类 + 右侧商品列表的双栏布局、NutUI InfiniteLoading 无限滚动、商品详情页 + SKU 弹窗选规格,覆盖从列表到加购的完整购买链路。

#Taro#Vue3#商品列表

微信小程序电商实战 04:微信云开发环境搭建与数据库设计

初始化微信云开发环境,设计电商场景的 6 张核心数据表,配置云存储存放商品图片,封装云函数调用层,在小程序端无缝调用后端逻辑。

#云开发#CloudBase#云数据库

微信小程序电商实战 03:NutUI 配置与电商常用组件

在 Taro 3 + Vue 3 项目中安装配置 NutUI,开启按需加载,掌握电商场景必用的 6 类组件:商品卡片、SKU 选择器、购物车角标、地址选择器、订单状态、Toast/Dialog 反馈。

#Taro#NutUI#UI组件库

微信小程序电商实战 02:Taro 3 + Vue 3 + TypeScript + Pinia 脚手架搭建

从零初始化 Taro 3 + Vue 3 + TypeScript + Pinia 项目,配置路径别名、环境变量、ESLint,跑通微信开发者工具预览,建立电商小程序的标准目录结构。

#Taro#Vue3#TypeScript

微信小程序电商实战 01:技术栈全景选型

系统对比原生、Taro、uni-app 三条路线,逐层拆解 UI 库、状态管理、云开发、支付集成的选型逻辑,给出一套适合电商场景的确定性技术栈:Taro 3 + Vue 3 + NutUI + Pinia + 微信云开发。

#Taro#Vue3#NutUI