文档中心
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档

Evan Xu

前端界的小学生
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档
  • PHP

  • Laravel

  • ThinkPHP

  • MySql

  • linux

  • 公众号与小程序

    • 学习流程
    • 开发准备
    • 相关平台
    • 开发流程
    • 工具准备
    • 公众号分类
    • 集成JSSDK用于h5
    • SPA下引入jssdk
    • 前后端分离开发
    • 微信支付介绍
      • 流程
        • 用户管理
        • 支付业务以及回调
        • SPA方式下开发公众号
    • 微信支付参考文章
    • 教学计划
    • 小程序注册平台
    • uni-app
    • 公众号与小程序开发比较
    • 第三方UI
    • 小程序分享功能开发
    • 小程序组件
    • 微信登陆
  • 其他

  • 后端
  • 公众号与小程序
wmhello
2021-10-17
目录

微信支付介绍

# 微信支付介绍

# 流程

  1. 用户管理以及自定义菜单
  2. 支付的业务以及回调
  3. SPA开发微信公众号的流程(网页授权、jssdk分享、支付)

# 用户管理

认证服务号开启客服功能后,如果客服在线了,所有的客户消息都会被发送给在线客服,如果客服下线,则用程序来代替自动处理

# 支付业务以及回调

  1. 前端需要传入金额和用户信息(openId token),调用后端生成预支付订单信息的接口。
  2. 后端接收到用户传来的数据,根据配置的各类参数,生成预支付的标识(有可能出错,所以我们要做一些判断和相关的处理),就是统一下单接口
  3. 用预支付标识换取支付签名,根据不同的平台,返回不同的参数给前端去调用支付
  4. 前端获取支付签名,调用平台提供的各种支付函数进行支付,前端会呼唤起支付界面,用户可以输入密码进行支付 5.支付成功后,会用post方式相关支付成功的信息给后端的回调接口,后端回调接口做业务处理等信息

# SPA方式下开发公众号

1.建立SPA页面

2.SPA下的网页授权

网页授权必须是通过后端来进行,所以要从前端跳转到后端,然后再由后端授权

1.前端路由跳转时首先要判断是否需要获取授权,判断依据是前端是否有token,token存cookie,因为cookie有过期时间
2.如果需要授权,则跳转到后端的发起授权的页面(http://wmhello.mynatapp.cc/api/auth)
3.后端会自动回到回调页面,获得个人的信息,并且可以直接使用easy-wechat提供的令牌,保存个人信息到数据库,然后把令牌和openid进行缓存,设置缓存时间
4.后端处理完成之后,带着token参数跳转到前端页面,前端接收到token参数,保存到cookie并设置过期时间
5.之后前端发送任何请求,都需要带上token,表示当前用户的信息,后端的操作,接收到token后,就可以获取openid,然后进行这种的操作

#微信支付
前后端分离开发
微信支付参考文章

← 前后端分离开发 微信支付参考文章→

最近更新
01
使用VuePress搭建博客系统(一)
08-08
02
利用FreeSSL.cn申请免费SSL证书
07-23
03
民主测评管理系统
07-22
更多文章>
Theme by Vdoing | Copyright © 2019-2024 wmhello |备案号:滇ICP备2023013341号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式