浅谈微信内置浏览器调用支付宝支付完整教程《2》

最新推荐文章于 2024-09-06 18:02:25 发布

原创

最新推荐文章于 2024-09-06 18:02:25 发布 · 3.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#支付 #微信支付

本文详细介绍如何集成支付宝支付功能，包括下载支付宝官方Demo、使用ap.js和pay.htm进行支付流程改造，以及创建订单接口的实现方法。

话不多说直接上代码

1、支付宝文档底部下载demo，
2、demo里有ap.js，pay.htm,post.htm等，pay.htm是支付宝为提供的demo中间页，用框架构造项目的需要自己改造下，在跳转中间页面的时候，需要用ap.js的方法

/**
**创建订单接口，这个接口后台会返回一个form表单的字符串
*关注返回后调用goMask方法
*/
pay_click(){
   
   
				let param = {
   
   
					params:{
   
   
						registrationId:this.registrationId,
						payChannel:'alipay'
					}
				}
				this.$http.activity_payFee(param).then(res=>{
   
   
                    if(res.status==200){
   
   
                    	//这里返回的res.data就是form
						var form = res.data;
						this.goMask(res);
					}else{
   
   
						this.$toast.fail(res.message);
					}
                }).catch(err=>{
   
   
					this.$toast.fail(err.message);
                    window.console.log(err.message)
                }