微信小程序支付实现

微信小程序的支付功能:

支付的准备工作:

  注册小程序的账号 (不能是个人号,个人号无法认证,并且无法开通微信支付)

  进行小程序的认证 (300/年)

  开通微信支付  (填写支付所需要的相关信息)


前端业务:
  1. 在小程序启动的时候,调用wx.login方法获取凭证(凭证也就是code码)
  2. 调用获取openid接口,通过传递code码获取后台给返回的openid以及相关信息
  3. 将openid和相关信息保存到本地
  4. 当点击确认支付按钮的时候,调用统一下单接口
    4.1 获取保存到本地的openid以及相关信息
    4.2 获取购物车的数据,并且将获取到的购物车的数据,转化为字符串(使用JSON.stringify()方法)
    4.3 实现签名
      4.3.1 和后端确定加密的方式(md5)以及所要加密的字段 
      4.3.2 创建一个sign方法,在这个方法里面接收我们要加密的字段
        - 在sign方法里面,创建一个数组
        - 使用for in语句遍历加密的字段
        - 将遍历的字段添加数组里面
        - 对数组使用sort方式进行排序
        - 初始化str变量,用来保存加密的字段属性和字段值的拼接
        - 在使用for语句遍历保存加密字段属性的数组
        - 引入md5模块
        - 使用md5进行加密
        - 将加密之后的内容return 返回sign这个方法
    4.4 将统一下单接口所需要参数一一进行传递
  5. 当统一下单接口调用成功之后,能够获取到支付所需要的相关信息
  6. 调用小程序内置的支付api,将支付api所需要的参数进行传递,如果正确的话,则拉起支付
  7. 进行支付
  8.支付成功之后,清除购物车的数据,并且跳转到支付成功的页面    

  代码: 
    代码一共分为2部分:
      获取code码以及openid的相关信息:

      -------------------------------------------------------------------------------