uniapp中有关调用微信支付功能和其他注意事项

灰太狼 2022-12-07 12:15 113阅读 0赞

## 先看代码，复制使用即可，当然，可能并不是通用的，建议您一边阅读，一遍整理思路，总的来说，思路很重要，其次才是代码。 ##

#### （在此之前，您首先要确定的是您的小程序主体是商户才可以发动微信支付） ####

<script>
      //就一般思路而言 您首先将要做的是 根据商品订单或者其他信息创建一个订单
      // 比如创建订单接口({activity_id:_this.activity_id})
      // 然后调用你们后台的支付接口等待返回数据 如下
      export default { 
      	name: 'paymoney',
        data(){ 
          return{ 
            Appid:'这是您的Appid',
            orderid:'订单id'
          }
        },
        methods:{ 
          payMoney(){ 
            OrderPay({ 
              order_id: this.orderid
            }).then(res => { 
              if (res.code == 1) { 
                //判断接口正确后调用如下方法 requestPayment 其中有六个参数
                uni.requestPayment({ 
                  appId: _this.Appid,   //您的appid
                  timeStamp: res.data.timeStamp,  //时间戳 ，由后台返回
                  nonceStr: res.data.nonceStr,//随机字符串，由后台返回
                  package: res.data.package, //统一下单的参数
                  // 签名算法 一般是MD5 这里使用三目运算意思的
                  // 后端返回signType了吗？返回了用返回的。 : 没有返回 用MD5
                  signType: res.data.signType ? res.data.signType : 'MD5',
                  paySign: res.data.paySign,  //支付签名
                  success(res) { 
                    //支付成功
                    wx.showToast({ 
                      title: '支付成功',
                      icon: 'none',
                      duration: 2000,
                    })
                  },
                  fail(err) { 
                    //支付失败
                    wx.showToast({ 
                      title: err.msg,
                      icon: 'none',
                      duration: 500,
                    })
                  }
                })
              }
            })
          }
        }
      }
    </script>

附加和可能出现的有用信息已添加注释  
其他有关uniapp的疑问或者此方法不理解的地方您可留言，我会尽快回复并帮您解决。

发表评论取消回复

表情：

评论列表（有 0 条评论，113人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序转支付宝小程序注意事项

据百度可以找到两种直接转换的方法，都是使用vscode的插件： 1.wx2my ![在这里插入图片描述][20200624163045526.png] 2.Antm

电玩女神/ 2023年02月20日 07:20/ 0 赞/ 523 阅读

相关 VUE_微信浏览器调用微信支付，h5调用微信支付，h5调用支付宝支付

import { Toast,Dialog } from 'vant'; //微信支付兼容微信浏览器和h5 wxpay:function(wxCo

朱雀/ 2023年01月13日 15:59/ 0 赞/ 433 阅读

相关 uniapp实现微信公众号支付

1、申请企业服务号（必须企业认证） [https://mp.weixin.qq.com][https_mp.weixin.qq.com] 2、获取appid 和秘钥

╰+攻爆jí腚メ/ 2022年12月29日 14:27/ 0 赞/ 270 阅读

相关微信小程序调用微信支付

一：小程序充值列表 <view class="charge\_rule\_list fl \{ \{current\_id==item.id?'active':''\}\}"

悠悠/ 2022年12月24日 06:57/ 0 赞/ 209 阅读

相关 uniapp中有关调用微信支付功能和其他注意事项

先看代码，复制使用即可，当然，可能并不是通用的，建议您一边阅读，一遍整理思路，总的来说，思路很重要，其次才是代码。（在此之前，您首先要确定的是您的小程序主体是商户才可

灰太狼/ 2022年12月07日 12:15/ 0 赞/ 114 阅读

相关 Java中有关Null的注意事项

对于Java程序员来说，null是令人头痛的东西。时常会受到空指针异常（NPE）的骚扰。连Java的发明者都承认这是他的一项巨大失误。Java为什么要保留null呢？nul

朴灿烈づ我的快乐病毒、/ 2022年07月12日 05:10/ 0 赞/ 184 阅读

相关 paypal支付注意事项

公司做出口业务自营网站需要使用paypal支付，最开始一脸懵逼从没有接触过paypal，后来看官网和其它博客加上自己慢慢摸索，实战得出以下注意事项。 1.Q：我的账号的app

深藏阁楼爱情的钟/ 2022年05月21日 11:42/ 0 赞/ 179 阅读

相关调起微信支付注意事项及问题

开发需求是APP（android）内调起微信支付，然而调用过程是那么艰辛，本以为微信官方的demo运行起来就可以了，可以连运行起来都发现是件很困难的事情，官方给的demo，是e

墨蓝/ 2022年01月30日 00:29/ 0 赞/ 249 阅读

相关 uniapp微信登录注意事项（app端）

真机调试设置 1、manifest.json app模块权限配置选择oauth(登录鉴权) ![在这里插入图片描述][watermark_type_ZmFuZ3

本是古典何须时尚/ 2021年09月28日 03:46/ 0 赞/ 646 阅读

相关 uniapp 记录注意事项

1.uniapp无法使用js的dom节点操作拿到节点对象，也无法使用vue的ref语法拿到节点对象解决：使用uniapp的官方的api uni.cre

刺骨的言语ヽ痛彻心扉/ 2021年07月24日 15:23/ 0 赞/ 484 阅读