# 本节知识点
- 1，订单详情页的开发
- 2，微信小程序支付功能的实现
- 3，使用云开发实现支付功能
- 4，云函数的创建与上传
- 5, 微信支付商户号，和支付密匙的配置
# 实现小程序微信支付功能的必要条件
- 1，必须是非个人小程序
- 2，必须开通微信支付商户号
# 本章效果图
# 课后作业
- 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章里有下面两个代码
# 代码资源
商品下单
```
//下单
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（备注小程序）
