极客时间付费-微信小程序全栈开发实战
课程简介
这门课在讲什么 《微信小程序全栈开发实战》是一套以真实项目推进的付费课程。它的重点不在语法入门，而在于把一个小程序从页面搭建、数据存储、云函数调用，一直做到广告变现和运营插件接入的完整闭环。对已经能写基础小程序页面、但没独立跑通过一个商业化项目的开发者来说，这套资料的价值在于它的工程结构而非知识点罗列。 所谓「全栈」，在小程序语境下通常指三层：WXML/W…
这门课在讲什么
《微信小程序全栈开发实战》是一套以真实项目推进的付费课程。它的重点不在语法入门，而在于把一个小程序从页面搭建、数据存储、云函数调用，一直做到广告变现和运营插件接入的完整闭环。对已经能写基础小程序页面、但没独立跑通过一个商业化项目的开发者来说，这套资料的价值在于它的工程结构而非知识点罗列。
所谓「全栈」，在小程序语境下通常指三层：WXML/WXSS/JS 的前端页面层、云开发提供的数据库与存储层、以及云函数承担的服务端逻辑层。这门课基本沿着这三层展开，并且在后半段引入了广告 SDK 与运营插件，这两个是纯技术教程里很少系统讲、但实际变现项目绕不开的部分。
技术栈与工程结构
课程基于微信原生小程序框架，没有引入 Taro、uni-app 这类跨端方案，好处是能直接对照官方文档和调试工具，减少一层抽象带来的排错成本。服务端采用微信云开发，意味着不需要自己搭服务器、配域名、处理 HTTPS 证书，云函数用 Node.js 编写，数据库是文档型的云数据库。
这种选型的工程意义在于：一个中小体量的小程序，前后端可以由同一个人完成，省去接口联调周期。但代价是强绑定微信生态，迁移成本较高。学习时值得留意的是云函数的组织方式——是每个功能一个函数，还是按模块聚合，这直接决定了后期维护的难度。课程里的云函数调用实践（包括在插件中调用云函数这类场景），正好能让你看清模块边界该怎么划。
可复用的模块
把课程内容拆开看，至少有几块是可以直接抽出来复用的：
- 广告模块：Banner 广告、封面广告、自定义模板广告、视频激励广告的创建与展示逻辑各不相同，激励广告还涉及用户看完后的回调与奖励发放，这块代码结构清晰，适合作为独立组件沉淀。
- 订阅与通知：模板消息/订阅消息的授权时机、下发条件，是留存环节的常见坑点，课程里给出了实现路径。
- 插件与云函数的互通：插件运行在受限沙箱中，如何通过云函数绕开限制完成数据读写，是一个有代表性的工程问题。
- 运营插件接入：用于促进活跃和留存的插件，接入流程和配置项值得整理成 checklist。
这些模块如果不是自己动手敲一遍，很容易停留在「看懂了但写不出」的状态。建议对照源码逐个跑通，再把它们改造成自己项目里的独立目录。
怎么用这份资料
不建议按视频顺序从头看到尾。更有效的方式是：先快速浏览一遍项目最终形态，明确要做的功能清单；然后挑广告变现和插件调用这两个自己最陌生的模块，边看边改；最后回到基础页面部分查漏补缺。源码的作用是参照——遇到报错时对比自己的实现和课程实现差在哪，比反复看讲解效率高得多。
需要提醒的是，微信小程序的 API 和广告投放规则更新较快，课程录制时的某些配置界面可能已经变化。遇到对不上的地方，以官方文档为准，把课程当作理解思路和结构的参考，而不是逐字照抄的操作手册。
适合谁
如果你已经能独立写出一个小程序页面、了解 setData 和生命周期，但没做过完整的上线项目，尤其是没接触过广告接入和云函数，这门课的实战结构会比较对口。反之，如果连小程序基础语法都还没写过，直接上手会在环境配置和调试环节消耗大量时间，建议先补齐基础再回来。
极客时间付费-微信小程序全栈开发实战
实战掌握微信小程序全栈开发
编辑点评
从基础到实战，深入解析微信小程序开发技巧，涵盖广告变现、运营插件、前端页面构建等，适合希望提升小程序开发能力的开发者。
⭐ 编辑推荐
极客时间付费课程，系统学习微信小程序全栈开发，实战项目驱动，提升开发技能。
✨ 课程亮点
✦实战项目驱动
✦深入解析微信小程序开发
✦涵盖广告变现、运营插件等
课程目录
第七章：添加广告实现流量变现 (3讲)3 集
- 165丨广告：创建与展示 Banner 广告.mp4 [114.9 MB]
- 167丨广告：使用封面广告与自定义模板广告.mp4 [319.7 MB]
- 166丨广告：创建与使用视频激励广告.mp4 [178.8 MB]
第八章：添加运营插件促进用户活跃和留存 (8讲)6 集
- 173丨插件开发：在插件中调用云函数.mp4 [291.4 MB]
- 174丨订阅与通知：实现消息订阅功能.mp4 [225.0 MB]
- 175丨插件开发：转发插件内页面.mp4 [113.2 MB]
- 172丨插件开发：实现第二个版本的功能“每日微报”.mp4 [233.7 MB]
- 168丨插件开发：关于微信小程序插件的基础介绍169丨插件开发：创建第一个插件项目170丨插件开发：实现“每日天气”第一个版本的功能.mp4 [559.6 MB]
- 171丨插件开发：插件的提交审核与使用.mp4 [155.1 MB]
第一章：重新认识微信小程序 (6讲)5 集
- 01丨 课程介绍【优质资源‖关注：cunWorkNotes 解锁】.mp4 [357.6 MB]
- 04丨 新的一年，微信小程序开放了哪些新功能？.mp4 [134.5 MB]
- 06丨 开发环境配置：创建你的第一个小程序项目.mp4 [208.5 MB]
- 05丨 小程序运行机制简介：从零构建一个Web App需要做哪些事情？.mp4 [243.2 MB]
- 03丨 小程序的特点及开发能力.mp4 [109.5 MB]
第四章：快速构建商家小程序前端页面 (77讲)75 集
- 119｜收货地址列表页：优化微信收货地址获取的逻辑【公重号：CunWorkNotes】.mp4 [158.9 MB]
- 116｜后端：创建新增收货地址接口、添加索引.mp4 [351.6 MB]
- 115｜后端：创建address模型与列表接口.mp4 [514.2 MB]
- 102丨购物车页面：实现购物车拉取接口.mp4 [1.1 GB]
- 107丨确认订单页面：实现地址项与商品列表UI.mp4 [384.3 MB]
- 72丨商品列表页：创建分类模型【公重号：CunWorkNotes】.mp4 [350.8 MB]
- 112｜新增地址页：创建新增收货地址页面UI与双向绑定【持续更新‖免费提供：CunworknoteS】.mp4 [270.5 MB]
- 84丨商品列表页：实现分页加载【公重号：CunWorkNotes】.mp4 [747.8 MB]
- 79丨商品列表页：关联查询.mp4 [492.4 MB]
- 74丨商品列表页：创建商品表、品牌表.mp4 [676.3 MB]
- 108丨确认订单页面：绑定商品列表数据【更多精选‖公众号：CunWorknotes】 .mp4 [372.3 MB]
- 86丨商品详情页：创建商品详情接口【资源精选‖更多关注：CunworkNotes】.mp4 [364.3 MB]
- 100丨购物车页面：实现向购物车添加商品的接口.mp4 [710.5 MB]
- 76丨商品列表页：创建商品SKU表.mp4 [1.2 GB]
- 89丨商品详情页：使用Sketch.mp4 [1.0 GB]
- 67丨搭建UI框架（一）：如何基于Vant快速创建小程序页面？.mp4 [536.9 MB]
- 96丨购物车页面：添加 tabBar 导航【优质资源‖关注：cunWorkNotes 解锁】.mp4 [271.1 MB]
- 83丨商品列表页：修改vtabs组件算法.mp4 [561.6 MB]
- 88丨商品详情页：显示标题与价格.mp4 [507.0 MB]
- 93丨商品详情页：实现商品规格接口.mp4 [368.7 MB]
- 143丨小微商户：实现退款接口.mp4 [291.2 MB]
- 95丨购物车页面：整合用户自动登陆功能【资源精选‖更多关注：CunworkNotes】.mp4 [405.0 MB]
- 142丨小微商户：实现支付结果回调的接口【资源精选‖更多关注：CunworkNotes】.mp4 [395.9 MB]
- 136｜微信支付：解决weixin-pay退款失败的问题.mp4 [380.6 MB]
- 82丨商品列表页：实现延迟加载.mp4 [823.3 MB]
- 128｜微信支付：使用koa3-wechat调用统一下单接口准备支付参数.mp4 [566.3 MB]
- 135｜微信支付：尝试使用weixin-pay调用统一下单接口准备支付参数.mp4 [784.6 MB]
- 139｜小微商户：实现下单接口.mp4 [504.1 MB]
- 138｜小微商户：试用小微商户.mp4 [161.5 MB]
- 133｜确认下单页：清空已经下单的购物车商品.mp4 [294.4 MB]
- 130｜微信支付：确认支付订单状态.mp4 [397.6 MB]
- 99丨购物车页面：创建购物车模型.mp4 [611.9 MB]
- 98丨购物车页面：实现编辑模式与正常模式切换.mp4 [1.2 GB]
- 85丨商品列表页：使用骨架屏.mp4 [526.7 MB]
- 141｜小微商户：解决商户ID不能为空等问题.mp4 [272.5 MB]
- 91丨商品详情页：实现选择商品规格的UI.mp4 [561.3 MB]
- 134｜微信支付：实现退款接口.mp4 [391.7 MB]
- 137｜小微商户：申请帐号与支付测试.mp4 [169.9 MB]
- 92丨商品详情页：在底部添加商品导航组件.mp4 [400.6 MB]
- 140｜小微商户：在手机上测试支付功能.mp4 [626.3 MB]
- 97丨购物车页面：构建商品列表.mp4 [396.0 MB]
- 129｜微信支付：使用wx.requestPayment接口发起微信支付.mp4 [364.6 MB]
- 75丨商品列表页：创建商品描述表.mp4 [1.0 GB]
- 94丨商品详情页：展示商品规格以供选择.mp4 [744.5 MB]
- 90丨商品详情页：使用蓝湖.mp4 [610.0 MB]
- 78丨商品列表页：创建商品列表接口.mp4 [415.9 MB]
- 70丨用户登录（一）：创建与使用数据库71丨用户登录（二）：创建sessionKeymodel并完善用户登录.mp4 [1.7 GB]
- 101丨商品详情页：实现“加入购物车”功能.mp4 [1.2 GB]
- 81丨商品列表页：调用商品分类分页列表接口.mp4 [717.8 MB]
- 87丨商品详情页：使用EventChannel.mp4 [210.8 MB]
- 80丨商品列表页：实现vtabs侧边栏导航.mp4 [630.0 MB]
- 113｜微信接口：验证接口是否可用.mp4 [191.4 MB]
- 105丨购物车页面：实现商品增减.mp4 [354.3 MB]
- 73丨商品列表页：使用存储过程初始化分类表.mp4 [923.6 MB]
- 124｜微信支付：申请微信认证及微信支付.mp4 [326.3 MB]
- 68丨使用art-template模板引擎69丨规整后端koa项目结构.mp4 [1.1 GB]
- 104丨购物车页面：实现改变购物车商品数量的接口.mp4 [425.9 MB]
- 109丨确认订单页面：实现确认订单页面其它UI.mp4 [303.6 MB]
- 118｜收货地址列表页：拉取真是收货地址并渲染.mp4 [222.7 MB]
- 103丨购物车页面：调用购物车列表接口与绑定页面数据.mp4 [616.2 MB]
- 111丨快递地址列表页面：创建快递列表页面UI.mp4 [582.8 MB]
- 106丨购物车页面：实现批量删除.mp4 [1.2 GB]
- 114｜收货地址列表页：从微信获取预存的收货地址.mp4 [655.2 MB]
- 110丨购物车页面：尝试使用计算属性.mp4 [487.5 MB]
- 77丨商品列表页：初始化SKU表数据.mp4 [2.0 GB]
- 117｜新增地址页：实现收货地址新增功能.mp4 [519.5 MB]
- 126｜微信支付：安装微信支付模块koa3-wechat.mp4 [872.7 MB]
- 125｜微信支付：登录商户平台作支付开发准备.mp4 [156.7 MB]
- 131｜微信支付：在云服务器上部署测试代码与配置nginx.mp4 [239.7 MB]
- 132｜微信支付：测试支付确认接口是否可用.mp4 [248.7 MB]
- 120｜后端：实现收货地址编辑接口.mp4 [222.2 MB]
- 123｜地址列表页：实现地址删除接口及前端删除功能.mp4 [462.2 MB]
- 122｜地址列表页：实现滑动删除功能的UI.mp4 [477.2 MB]
- 121｜新增编辑地址页：实现前端编辑功能.mp4 [363.6 MB]
- 127｜微信支付：初始化koa3-wechat支付模块.mp4 [572.2 MB]
第五章：基于Node.js快速打造后端接口及公众号页面管理后台 (9讲)9 集
- 146丨微信认证：关于小程序公众号开放平台等帐号认证.mp4 [97.4 MB]
- 145丨公众号：接管公众号消息并作应答.mp4 [287.4 MB]
- 144丨公众号：公众号开发接入配置.mp4 [334.2 MB]
- 148丨云数据库：将线下数据库同步至线上.mp4 [297.4 MB]
- 152丨微页面：如何实现 JS-SDK 的初始化.mp4 [230.0 MB]
- 151丨测试：使用内网穿透服务 ngrok.mp4 [169.6 MB]
- 149丨网页授权：通过测试号拉取用户信息.mp4 [455.2 MB]
- 150丨网页授权：在微信开发者工具中测试网页授权代码.mp4 [451.0 MB]
- 147丨服务号：网页授权的两种方式.mp4 [139.8 MB]
第六章：微信小程序云开发常用功能简介及使用 (12讲)12 集
- 161丨TCB：小程序与公众号共享云环境.mp4 [496.1 MB]
- 159丨云函数：如何在本地调试云函数【公重号：CunWorkNotes】.mp4 [154.1 MB]
- 157丨微信支付：基于云函数实现微信支付【不易整理‖请关注：CunWorkNoteS】.mp4 [358.9 MB]
- 153丨云开发：创建第一个小程序云开发项目【持续更新‖免费提供：CunworknoteS】.mp4 [161.5 MB]
- 162丨云开发：使用实时数据监听实现多端信息同步.mp4 [706.0 MB]
- 163丨云数据库与云存储：使用事务与图片的上传下载功能.mp4 [225.0 MB]
- 158丨云数据库：如何创建集合并实现数据的基本操作.mp4 [276.3 MB]
- 154丨云开发：创建第一个云开发环境.mp4 [137.6 MB]
- 156丨云函数：如何获取用户的openid.mp4 [198.9 MB]
- 160丨云数据库：如何在小程序中操作云数据库.mp4 [154.9 MB]
- 164丨云环境：通过安装扩展应用快速实现功能.mp4 [212.0 MB]
- 155丨云开发：创建第一个云函数login.mp4 [208.7 MB]
第三章：微信小程序开发常用的API介绍及使用 (17讲)16 集
- 63丨开放接口（二）：优化前后端登录代码，解决后端解密错误.mp4 [758.2 MB]
- 56丨网络接口简介（七）：学习 EventChannel 对象.mp4 [507.6 MB]
- 64丨设备能力：如何实现扫码连WiFi功能？.mp4 [782.9 MB]
- 52丨网络接口简介（三）：Promise介绍及6个常用方法【优质资源‖关注：cunWorkNotes 解锁】.mp4 [121.5 MB]
- 66丨前期留言集中答疑（二）.mp4 [181.6 MB]
- 59丨tabBar组件（一）：系统默认的tabBar组件如何开启及使用.mp4 [473.3 MB]
- 54丨网络接口简介（五）：基于 Promise + await、async 关键字改写登录模块.mp4 [1.1 GB]
- 51丨网络接口简介（二）：将登陆代码模块化封装.mp4 [927.4 MB]
- 61丨tabBar组件（三）：通过自定义组件扩展的方式，给任意组件添加通用方法.mp4 [921.5 MB]
- 55丨网络接口简介（六）：关于Page页面隐藏代码执行及 Promise 对象的 catch 处理的补充.mp4 [421.8 MB]
- 62丨开放接口（一）：如何对Page进行全局扩展.mp4 [399.0 MB]
- 65丨前期留言集中答疑（一）.mp4 [152.4 MB]
- 50丨网络接口简介（一）：如何使用wx.request接口.mp4 [1008.8 MB]
- 60丨tabBar组件（二）：基于系统提供的自定义方式，实现一个tabBar组件.mp4 [624.6 MB]
- 57丨网络接口简介（八）：观察者模式介绍及Event模块实现.mp4 [860.9 MB]
- 58丨网络接口简介（九）：扩展wxp模块的request3方法，实现用户登录的自动融合.mp4 [1.2 GB]
第二章：微信小程序组件介绍及使用 (43讲)43 集
- 14丨scroll-view介绍：在小程序中如何实现滚动锚定？.mp4 [548.4 MB]
- 22丨live-player与live-pusher媒体组件：如何实现直播间功能？（一）.mp4 [219.6 MB]
- 18丨滑动选择器表单组件：如何基于wxs自定义一个竖向的slider？.mp4 [529.0 MB]
- 26丨live-player与live-pusher媒体组件：如何实现直播间功能？（五）.mp4 [226.2 MB]
- 43丨WebGL介绍（七）：了解着色器变量值的绑定及三种三角形绘制模式之间的差异.mp4 [279.7 MB]
- 34丨web-view：如何实现免审核发布新的功能页面？（七）.mp4 [606.8 MB]
- 29丨web-view：如何实现免审核发布新的功能页面？（二）【持续更新‖免费提供：CunworknoteS】.mp4 [184.1 MB]
- 19丨页面链接组件：如何自定义一个导航栏？.mp4 [621.2 MB]
- 20丨image媒体组件（上）：如何实现图片的懒加载？【持续更新‖免费提供：CunworknoteS】.mp4 [428.3 MB]
- 11丨 view容器组件及Flex布局：一个view如何实现所有常见的UI布局？（二）.mp4 [208.3 MB]
- 47丨WebGL介绍（十一）：在3D绘制中使用纹理材质.mp4 [545.1 MB]
- 12丨 可移动容器及可移动区域：如何实现单条消息左滑删除功能？（一）.mp4 [368.0 MB]
- 45丨WebGL介绍（九）：完成动画.mp4 [273.4 MB]
- 08丨 progress组件：如何自定义实现一个环形进度条？.mp4 [443.2 MB]
- 44丨WebGL介绍（八）：在着色器中使用共享变量，绘制一个颜色渐变的正方形.mp4 [328.7 MB]
- 07丨 icon组件：关于图标的4个实现方案.mp4 [313.8 MB]
- 10丨 view容器组件及Flex布局：一个view如何实现所有常见的UI布局？（一）.mp4 [431.7 MB]
- 31丨web-view：如何实现免审核发布新的功能页面？（四）.mp4 [473.9 MB]
- 41丨WebGL介绍（五）：学习片断着色器编写，了解变量修饰变型uniform与attribute.mp4 [328.6 MB]
- 25丨live-player与live-pusher媒体组件：如何实现直播间功能？（四）.mp4 [516.0 MB]
- 40丨WebGL介绍（四）：重新认识右手坐标系及如何编写顶点着色器代码.mp4 [486.3 MB]
- 17丨滚动选择器：如何自定义省市区多级联动选择器？（二）.mp4 [813.2 MB]
- 23丨live-player与live-pusher媒体组件：如何实现直播间功能？（二）.mp4 [491.3 MB]
- 42丨WebGL介绍（六）：了解在WebGL中裁剪空间是如何裁剪出来的.mp4 [313.8 MB]
- 30丨web-view：如何实现免审核发布新的功能页面？（三）.mp4 [725.5 MB]
- 37丨WebGL介绍：如何在小程序中展示3D模型？（一）.mp4 [271.7 MB]
- 35丨web-view：如何实现免审核发布新的功能页面？（八）.mp4 [712.5 MB]
- 15丨scroll-view介绍：如果渲染一个滚动的长列表？.mp4 [706.3 MB]
- 24丨live-player与live-pusher媒体组件：如何实现直播间功能？（三）.mp4 [558.9 MB]
- 36丨web-view：如何实现免审核发布新的功能页面？（九）.mp4 [173.4 MB]
- 21丨image媒体组件（下）：开发中经常遇到的问题？.mp4 [478.1 MB]
- 38丨WebGL介绍（二）：如何在小程序中取到WebGL上下文环境对象.mp4 [190.6 MB]
- 16丨滚动选择器：如何自定义省市区多级联动选择器？（一）.mp4 [565.9 MB]
- 28丨web-view：如何实现免审核发布新的功能页面？（一）.mp4 [884.9 MB]
- 46丨WebGL介绍（十）：绘制一个旋转的立方体.mp4 [636.6 MB]
- 27丨live-player与live-pusher媒体组件：如何实现直播间功能？（六）.mp4 [801.8 MB]
- 39丨WebGL介绍（三）：了解WebGL的世界坐标系.mp4 [351.6 MB]
- 48丨WebGL介绍（十二）：如何创建相机、场景及光源.mp4 [360.0 MB]
- 09丨 rich-text组件：如何单击预览rich-text中的图片并保存？.mp4 [475.1 MB]
- 49丨WebGL介绍（十三）：创建加载器、渲染器与控制器，完成3D模型文件的加载与展示.mp4 [421.6 MB]
- 33丨web-view：如何实现免审核发布新的功能页面？（六）.mp4 [464.9 MB]
- 32丨web-view：如何实现免审核发布新的功能页面？（五）.mp4 [692.8 MB]
- 13丨可移动容器及可移动区域：如何实现单条消息左滑删除功能？（二）.mp4 [1.1 GB]
第九章：小程序第三方开发框架简介与使用 (4讲)3 集
- 178丨课程答疑：如何使用源码179丨课程回顾及结束语.mp4 [247.4 MB]
- 177丨Webpack构建小程序项目的示例：支持原生混合开发与云开发.mp4 [189.5 MB]
- 176丨在小程序中使用Vue：使用kbone创建同构项目.mp4 [359.8 MB]
适合人群
- 微信小程序开发者
- 前端工程师
- 希望提升开发技能的程序员
🎯 学习收获
- 掌握微信小程序全栈开发
- 提升广告变现能力
- 实现用户活跃和留存
🎉 祝您学习愉快！
[衡天云]爆款云服务器 低至12元/月
![[衡天云]爆款云服务器 低至12元/月](/hty.png)