如果你正在找一门能把 uni-app 真正用起来的课，这门《徐老师2025新版uniapp课程项目实战带支付》值得先了解一下。它不铺概念，直接从一个完整项目出发，把移动端开发中最容易卡住的两个环节——多端运行和支付——拆开讲清楚。
这门课解决什么工作场景
现实里的移动端需求，很少只做一个小程序。客户常常会问：能不能同时上 H5、微信小程序，安卓和 iOS 也要能装。uni-app 的价值就在这里，一套代码多端发布。但真正动手时会发现，不同端的运行差异、真机调试、条件编译、编辑器配置，每个都能耗掉半天。这门课从一个实际项目切入，把这些环节一个一个过掉，尤其把 iOS、安卓真机运行和模拟器配置单独拎出来讲，说明它是按“做完能跑起来”的标准设计的。
支付部分是这个课的重点。移动端支付涉及前端调用、后端接口配合、不同平台的差异处理，很多人学到支付就卡住。课程把它作为独立模块解析，对想接商业项目的开发者来说，这是最实在的一块内容。
学完能独立做什么
- 能独立搭建一个 uni-app 项目，并选择适合自己团队的项目结构方式；
- 能把同一套代码运行到小程序、H5、安卓和 iOS 真机上，会用模拟器和 VS Code 等编辑器调试；
- 能看懂并正确使用条件编译，处理不同平台的兼容问题；
- 能在一个完整项目里接入支付功能，理解支付流程的前后端配合逻辑。
换句话说，学完之后你手上会有一个跑通支付的项目经验，而不是只停留在“知道 uni-app 是什么”的程度。
资料适合什么基础
课程从“认识 uni-app”和项目搭建讲起，两个搭建方式、目录结构、语法规范都有覆盖，所以零基础或刚转移动端的人跟得上。但要注意，它默认你有基本的 HTML 和 JavaScript 基础，完全没写过前端代码的话，前期会有点吃力，建议先补一点 JS 再开始。
对已经做过小程序或 Vue 的开发者，前面几节可以快速过，重点放在真机调试、条件编译和支付部分——这些才是日常开发中真正会踩坑的地方。
怎么用这份资料效率更高
建议不要只看不练。课程是项目实战导向，最好的用法是：先把项目演示看一遍，心里有个目标；然后跟着搭建，每跑通一个端就停下来自己操作一遍，尤其是真机和模拟器部分，只看视频很容易以为自己会了，一上手就出问题。
支付模块建议单独花时间，把流程画出来，理清哪一步在前端、哪一步在服务端。遇到条件编译的写法，不要死记，理解它解决的场景，以后用到时回来查就行。
整体看，这门课定位清楚：给想用 uni-app 做真实项目的人一条可走通的路。如果你正打算接一个多端项目，或者想把支付这块补上，它值得放进学习清单；如果你只是想随便看看 uni-app 是什么，那可能用不上这么完整的实战内容。
课程目录
1 课程导读 2 项目演示 3 1.认识uni-app 4 2.项目搭建的两种方式 5 3.项目如何运行到小程序、h5 6 4.ios和andriod真机运行 7 5.安卓模拟器安装配置及项目调试 8 6.苹果模拟器安装配置 9 7.vscode等其他编辑器如何预览app和小程序项目 10 8.项目目录文件介绍 11 9.关于条件编译 12 10.uniapp语法规范之html部分 13 11.uniapp语法规范之js部分 14 12.uniapp语法规范之css部分 15 13.应用和页面的生命周期 16 14.pages.json配置项解读 17 15.pages配详解 18 16.tabBar配置详解 19 17.easycom配置详解 20 18.subPackages分包加载配置 21 19.preloadRule分包预加载 22 20.关于getApp函数 23 21.路由跳转(api的方式) 24 22.路由跳转(navigator组件) 25 23.getCurrentPages获取页面栈 26 24.插件市场插件的使用 27 25.vscode等其他编辑器如何使用插件市场的插件 28 26.基本视图容器组件 29 27.swiper轮播图组件 30 28.内容组件和基础表单组件 31 29.button组件及open-type开放能力 32 30.单选复选组件的使用 33 31.picker、picker-view选择器 34 32.image图片组件与lazy-load 35 33.其他媒体组件 36 34.Api之发送网络请求 37 35.小程序配置合法域名 38 36.跨域问题解决及全平台兼容 39 37.数据缓存相关api 40 38.界面弹窗相关api 41 39.导航条相关api 42 40.tabBar相关api 43 41.滚动行为和窗口变化 44 42.设备系统信息相关api 45 43.拦截器的使用 46 44.自定义事件的使用 47 全集试看 1.溜溜爪宠物项目的创建 48 全集试看 2.tabBar的创建 49 全集试看 3.uview Plus的安装 50 全集试看 4.顶部导航栏静态结构开发 51 5.不同设备下胶囊按钮位置处理 52 6.地理信息定位与用户授权 53 7.通过高德地图平台申请逆地理编码服务 54 8.封装逆地理编码工具获取用户真实地理位置 55 9.对于uni.request请求的二次封装 56 10.自定义开发请求拦截器和响应拦截器 57 11.调用接口开发轮播图板块 58 12.调用接口开发功能列表板块 59 13.广告模块开发 60 14.省钱速报静态结构开发 61 15.商家列表基础结构搭建 62 16.调用后端接口动态渲染商家数据 63 17.开发列表懒加载触底加载更多功能 64 18.精选页面顶部搜索静态结构开发 65 19.调用接口开发左侧商品菜单模块 66 20.选中菜单高亮效果的实现 67 21.调用接口根据分类获取商品列表 68 22.开发商品列表页面 69 23.商品触底懒加载功能 70 24.开发悬浮购物车 71 25.加购时检测账号是否登录并重定向 72 26.登录界面基本结构开发 73 27.小程序h5app登录界面的条件渲染 74 28.企业身份申请获取用户手机号服务完整流程 75 29.通过button开放能力获取小程序动态令牌code 76 30.根据uni.login返回的身份凭证获取openid 77 31.获取access_token结合动态令牌获取用户手机号 78 32.调用后端接口实现完整手机号登录功能 79 33.特殊场景如何调通登录接口 80 34.封装规格选择弹窗组件 81 35.传入商品数据至规格组件 82 36.调用规格接口并修改响应拦截器 83 37.验证身份并获取商品规格数据 84 38.商品规格动态渲染 85 39.多重不确定规格中的高亮问题 86 40.规格选择与展示功能 87 41.计算已选商品总价 88 42.调用接口实现加入购物车功能 89 43.加购功能优化 90 44.购物车悬浮按钮数量的显示 91 45.编写购物车静态界面 92 46.用户登录联动购物车功能的优化 93 47.调用接口动态渲染购物车列表页面 94 48.开发购物车商品选中计算价格功能 95 49.购物车全选功能的实现 96 50.调用接口实现删除购物车数据功能 97 51.详情页面分包加载配置和预加载规则 98 52.商品数据传递与动态参数获取 99 53.商品详情静态页面结构搭建 100 54.商品详情页面样式的添加 101 55.详情页引入规格弹窗组件 102 56.规格选择组件特殊场景复用的逻辑分析 103 57.结合pinia处理规格选择与加购功能 104 58.调用接口完善加购的剩余功能 105 59.服务页面静态页面开发 106 60.调用接口开发宠物领养和附近商家 107 61.我的页面静态结构开发 108 62.我的页面样式的添加 109 63.我的个人信息功能开发 110 64.地址管理分包加载配置 111 65.地址管理页面静态结构开发 112 66.地址管理页面样式开发 113 67.调用接口开发地址列表和删除地址功能 114 68.国内地址省市区级联加载选择 115 69.完成城市区域动态联动并动态获取地址 116 70.地址表单的逻辑处理 117 71.调用接口实现完整地址新增编辑功能 118 72.地址页面跳转权限的判断 119 73.商家服务页面开发 120 74.好评价格排序弹窗筛选 121 75.商家服务多条件查询开发 122 76.开发商家模糊查询和好评度排序功能 123 77.开发商家详情顶部商家卡片 124 78.商家服务项目开发 125 79.完成商家信息和底部从操作栏开发 126 80.商家信息的数据传递 127 81.调用接口开发服务价格列表功能 128 82.拨打电话功能和调起地图定位 129 83.订单结算页面静态结构开发 130 84.配送方式订单备注等开发 131 85.收货地址数据回显与切换 132 86.结算商品与实付金额功能开发 133 87.直接下单的订单结算逻辑 134 88.购买服务的订单结算逻辑 135 89.调用微信支付之如何用营业执照注册商户 136 90.微信支付之申请商户API证书获取公钥私钥 137 91.微信支付之设置APIV3密钥 138 92.微信支付之商户号关联AppID 139 93.微信支付之调用接口创建交易订单 140 94.真实发起微信支付与收款到账 141 95.阿里云购买并配置短信验证码服务 142 96.真实实现发送登录验证码到用户手机 143 97.完整实现手机短信验证码登录功能 144 98.其他平台的支付 145 99.项目的收尾优化 146 100.项目切换为线上服务接口和真机调试 147 101.微信公众平台配置合法域名 148 102.小程序端项目发布上线 149 103.h5端项目发布上线 150 104.域名的购买与解析 151 105.工信部ICP备案完整流程 152 106.SSL证书申请部署 153 107.安卓app端的打包 154 108.ios端的打包 适合人群 uni-app初学者 移动端开发者 学习收获 掌握uni-app项目开发 实现支付功能 提升移动端开发能力 祝您学习愉快！ 学有所成，前程似锦！
