00:00
大家好,那在说完订单的预览功能之后,我们来看一下提交订单啊,并支付,那提交订单呢,也是有相关的API的在这里啊,提交订单,提交订单请求这个地址啊,请需要把什么传过去呢?只需要传一个地址的ID就可以了啊。呃,因为订单的这个数据呢,都是基于我们,呃,数据库里存储的购物车相关的数据去去生成的啊,所以呢,我们提交订单只需要提交你要发货的这个地址就可以了。啊,请这个片。然后提交完订单之后呢。就可以弹出这个支付的二维码进行支付了,那如果是小程序中呢,就可以呃,调用小程序的支付的这个API,去弹出来这个支付的这个API啊。那我们先来提交订单啊,并支付。然后这里呢,是弹出了一个二维码啊,进行了一个支付,那如果是在小程序中的,因为这个模拟器无法模拟模拟这个小程序支付,所以呢,这里是大家显示的一个弹窗,那如果是小程序,你提交完订单之后,你应该请求啊。
01:01
应该使用什么呢?应该请求一个。就是在支付里面请求一个支付的一个信息啊,这里呢是获取了这个支付的二维码,那如果是小程序呢,你应该请求的是小程序相关的一个支付,当然现在没有,呃,小程序支付相关的API,因为这个小程序的这个微信的这个支付呢啊,没有测试的沙箱啊,所以呢,呃,为了项目的进行下去,然后这里就是用的这个弹窗,用的是支付宝的这个支付啊,那因为支付宝它提供了沙箱环境啊,有沙箱支付宝的下载,然后账号和密码啊,以及这个支付成功的一个回调啊,那为什么用这个支付宝呢?因为它有杀伤环境,而且支付成功之后呢,我们可以继续进行啊下面的一些步骤。那如果是小程序支付啊,那我给大家说怎么去实现啊,在这个组件里面啊,因为这个。呃,UN嘛,他用的是小程序PI,在这个API里面有一个支付相关的,来你看看有一个。我来给大家找一下啊。啊,这里啊,第三方服务有一个支付啊,那我们只要调这个啊,Unit request payment就可以发起这个小程序的一个啊,一个支付啊,当然它是统一的各个平台的客户端的一个支付API啊,不只是在某家小程序的,所以呢,我们如果是写这个,比如支付宝小程序啊,微信小程序啊,你要调用这个API,然后它需要一些参数啊。
02:19
好,我们来看他的事例啊,他的视力。啊在啊,这里有示例啊,有这个我们来看小程序的这个事例啊好,我们调用这个API呢,需要传这些参数就可以了,啊,主要是传这些参数啊这些参数。啊,那这些参数是怎么怎么回怎么来的呢?是我们可以订单创建完成之后去请求一个支付的啊,一个API啊,但是现在没有这个API可以拿到这些配置啊嗯,大家可以看到,其实呃,像微信这里这里我们呃生成二维码的这些配置呢,其实已经跟这些差不多了啊,但我们如果是单独请求的呃,微信小程序的支付的话,是可以拿到这些配置的,我们把拿到这些配置,把这个参数填上就可以,呃弹出这个微信的这个支付,然后我们输入密码或者按指纹就可以进行支付。
03:03
啊,这是小程序的支付。啊,但是因为这个呃,微信它没有提供这个支付的沙箱环境,所以呢,呃,我们进行到这里呢,为了项目能进行下去呢,所以是用了这个二维码的一个支付方式啊二维码,其实二维码应该是在PC上去用的啊,我们扫码进行支付码,用手机扫码啊,其实在手机上是不合适的,这块大家注意啊,就是为了啊,为了这个项项目我们的,为了我们的学习的这个项目能进行下去,所以弹窗的在APP上,你就是在APP上或者移动端,你千万不要弹窗。哪怕是移动端H5的啊。我们也会直接去唤醒wa,就是wa这个APP的一个,就是呃,Wap的一个支付,它会直接在H5里面去唤醒这个支付宝,或者唤醒这个微信小程序支付。就在移动端没有这没有这种写法,这是为了大家练习方便,因为你在电脑上这个弹窗之后,拿手机扫描之后啊,就可以完成这个订单的一个支付啊,从而进进入到下一个环节啊,这是预单的这个环节啊。
04:00
呃,那这会给大家说完之后啊,再强调一遍,千万千万啊,在真实的项目中不要这么去写,真实的项目中你应该使用的是啊,我们这里的这个API啊,使用这个unit。啊,Request payment,当然你所有需要的这个支付的参数啊,比如说这个小程序的支付,这些参数都是可以通过请求API去获取到的。明白了吧啊。如果你写的是一个小程序的一个呃项目的话啊,那如果你的后端,后端会肯定会给你写这个啊,比如说微信支付的配置,那你请求之后就可以拿到这些配置啊,从而去呃,使用这个微信支付这块我再强调一遍啊,我们这个只是为了为了我们的这个学习的这个项目进行下去啊。好,我们先点这个啊,不管是支付成功还是这个稍后支付啊。呃,有一点需要,嗯,人家说明你看一下这里呢,我一直呃写了一个轮询,一直在监听,在请求一个接口,那为什么要请求他呢?这是因为我们在支付成功之后,对吧,那订单的状态发生了改变,但是我们前台就是我们这里不断的改变,所以呢,我们要去轮询,去请求一个API,就是这里这个订单的状态,那我们呃判断订单的状态等于二的时候,就是支付成功了。
05:10
清楚了吧啊。啊,那支付成功的时候呢,支付成功以后,我们就可以跳到这个啊,支付成功的一个页面啊,支付成功的一个页面啊,支付成功的这个页面呢,嗯,我现在没办法给大家支付啊,那我可以去。可以去这个。呃,直接给大家看一下吧,有一个。来我写一下啊,有一个这个啊的一个页面啊,我们直接编译到这个页面给大家看一下,就是如果支付成功的情况下,我们就来到这个页面清楚了吧,然后可以查看订单的一个详情。那我们继续啊。重新来给大家演示一下啊,已经支付过的,支付过的商品在购物车里就没了。好,那我们继续继续说啊,说这个支付啊。支付成功之后啊,就是状态改变的时候,我们要自动跳到那个支付成功的那个页面啊,当然也可以选择稍后支付,稍后支付呢,和刚才我们查看的那个啊,就是订单支付成功以后的点击,点击那个订单详情是一样的,就会来到订单的一个详情页。
06:15
好,那这节课呢,我们就先到这里,在下一节课再说这个订单详情的事情。
我来说两句