# 本节知识点 - 1,订单详情页的开发 - 2,微信小程序支付功能的实现 - 3,使用云开发实现支付功能 - 4,云函数的创建与上传 - 5, 微信支付商户号,和支付密匙的配置 # 实现小程序微信支付功能的必要条件 - 1,必须是非个人小程序 - 2,必须开通微信支付商户号 # 本章效果图 ![](https://box.kancloud.cn/70807fbc058a49082beefb41e0ea99e6_296x600.gif ) # 课后作业 - 1 ,跟着老师实现云开发支付功能 - 2 ,完成订单详情页的开发 # 课程中用到的网址 - 1,微信官方: https://mp.weixin.qq.com/ - 2,在线视频讲解:[https://edu.csdn.net/course/detail/24770](https://edu.csdn.net/course/detail/24770) - 3,云开发官方文档:[https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html) - 4,云开发支付源码:加老师微信(2501902696)获取 - 5,订单详情页源码:加老师微信获取 - 6,《微信支付商户平台-配置密钥/API安全》:[https://www.jianshu.com/p/f0805f5792e3](https://www.jianshu.com/p/f0805f5792e3) - 7,《微信小程序开发常见问题及解决方案》:[https://www.jianshu.com/p/07bf2e061cd5](https://www.jianshu.com/p/07bf2e061cd5) # 本节资源 在线视频:[https://edu.csdn.net/course/detail/24770](https://edu.csdn.net/course/detail/24770) 源码下载:在我们商城小程序教程的第4章里有下面两个代码 ![](https://box.kancloud.cn/c0bd29e3cd62cce33721885bc15d9074_1026x706.png =280x) # 代码资源 商品下单 ``` //下单 xiadan(event) { wx.showLoading({ title: '正在下单', }); let item = event.currentTarget.dataset.item // 利用云开发新接口,调用云函数发起订单 let id = item.goodid; wx.cloud.callFunction({ name: 'pay', data: { type: 'unifiedorder', data: { goodId: id, } }, success(res) { wx.hideLoading(); console.log("提交成功", res) wx.navigateTo({ url: "../result/result?id=" + res.result.data.out_trade_no }); }, fail(res) { wx.hideLoading(); console.log("提交失败", res) } }); } ``` # 零基础入门小程序开发 如果你还不知道怎么注册小程序,怎么使用小程序开发者工具,怎么获取到自己的appid,怎么上线自己的小程序,请移步到老师的另外一门课程《零基础10天实战入门小程序开发》 笔记:[零基础10天实战入门小程序开发笔记](https://www.kancloud.cn/java-qiushi/xiaochengxu) **视频:** [零基础10天实战入门小程序开发笔记视频](https://edu.csdn.net/course/play/9531) 最好跟着老师的教程敲代码,如果实在敲不出来,加老师微信索要源码 # 老师微信 2501902696(备注小程序)