微信H5支付开发流程(前端)

功能描述

公司最近有个项目要做基于微信的H5校服定制wepApp的开发,用户选择完商品后结算,整个流程结束。此文主要针对订单和结算流程介绍。在整个支付流程过程中,前端只做了很少一部分的工作(传递参数给后台使之生成订单,拿到订单相关参数调用WeixinJSBridge.invoke方法唤起微信支付界面,),大部分操作涉及安全问题均在后台实现。

准备工作

(1)设置支付目录

在”商户平台—产品中心—开发配置“设置公众号支付目录。这个一般要提前申请,需要审核资质,需要营业执照等等。

微信生态术语比较多 ,可以参考名词解释来更准确理解文档内容。

(2)设置授权域名

在公众号后台“设置—公众号设置—功能设置—网页授权域名”设置回调的域名。

主要流程及说明

参考文档 微信支付开发文档

原文地址:https://www.cnblogs.com/JessicaIsEvolving/p/8570151.html

时间: 2024-08-04 11:45:19

微信H5支付开发流程(前端)的相关文章

微信H5支付开发全过程(除内置微信以外的浏览器)

前言:网上都是~ 呵呵 自己搞 只要花时间 多问客服总会有的 只说程序不说准备工作 自己ID 或者秘钥都准备好了  写的有点儿乱 可以把所有的方法 放在一个文件中调用 public function wechat ($doorder,$doczmoney,$doczbody) { // H5 微信支付 $wxUrl = "https://api.mch.weixin.qq.com/pay/unifiedorder"; //下单接口 $appid = ""; //公众

Android通过外部浏览器调用微信H5支付,Android+PHP详解

看了好多关于讲解微信H5支付开发的文章,大多数都是通过微信内部浏览器来调用支付接口(其实就是公众号支付),可能是因为H5支付接口刚开放不久吧. 微信官方体验链接:http://wxpay.wxutil.com/mch/pay/h5.v2.php,请在微信外浏览器打开. 看了上面的体验链接,如果感兴趣,可以接着往下看,希望对你有所帮助. 一.Android端 Android端代码相对来说比较简单一些,我这边直接调用系统浏览器打开H5支付页面 Intent intent = new Intent()

微信支付开发流程

授人以鱼不如授人以渔 微信支付开发流程 下面以PHP语言为例,对微信支付的开发流程进行一下说明. 1.获取订单信息 2.根据订单信息和支付相关的账号生成sign,并且生成支付参数 3.将支付参数信息POST到微信服务器,获取返回信息 4.根据返回信息生成相应的支付代码(微信内部)或是支付二维码(非微信内),完成支付. 下面分步骤的讲一下: 1.微信支付中相关的必须的订单参数有三个,分别是:body(商品名或订单描述),out_trade_no(一般为订单号)和total_fee(订单金额,单位“

微信支付开发流程(1/2)

授人以鱼不如授人以渔 微信支付开发流程 下面以PHP语言为例,对微信支付的开发流程进行一下说明. 1.获取订单信息 2.根据订单信息和支付相关的账号生成sign,并且生成支付参数 3.将支付参数信息POST到微信服务器,获取返回信息 4.根据返回信息生成相应的支付代码(微信内部)或是支付二维码(非微信内),完成支付. 下面分步骤的讲一下: 1.微信支付中相关的必须的订单参数有三个,分别是:body(商品名或订单描述),out_trade_no(一般为订单号)和total_fee(订单金额,单位“

微信h5支付demo微信H5支付demo非微信浏览器支付demo微信wap支付

一.首先先确定H5支付权限已经申请!(需要微信h5支付demo的可以加 851 488 243 备注:h5支付) 二.开发流程 1.用户在商户侧完成下单,使用微信支付进行支付 2.由商户后台向微信支付发起下单请求(调用统一下单接口)注:交易类型trade_type=MWEB 3.统一下单接口返回支付相关参数给商户后台,如支付跳转url(参数名"mweb_url"),商户通过mweb_url调起微信支付中间页 4.中间页进行H5权限的校验,安全性检查(此处常见错误请见下文) 5.如支付成

C#开发微信门户及应用(44)--微信H5页面开发的经验总结

在我们开发微信页面的时候,需要大量用到了各种呈现的效果,一般可以使用Boostrap的效果来设计不同的页面,不过微信团队也提供很多这方面的资源,包括JSSDK的接口,以及Weui的页面样式和相关功能页面,给我们提供了很大的便利,本文是在自己做的一些H5微信应用页面上做了一些功能总结,希望能够给大家提供一定的帮助. 1.微信网页开发 1) JSSDK 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包.通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语

php微信h5支付

近期开发用到了微信h5支付,大概分享一下代码和常见问题 注:支付调试需要在线上调试,本地调试微信回调是找不到的 1.预下单 public function getCode($info) { $url = "https://api.mch.weixin.qq.com/pay/unifiedorder";//微信传参地址 //1.获取调用统一下单接口所需必备参数 $appid = $this->appid;//微信公众号appid $mch_id = $this->mchid;

微信支付—微信H5支付「非微信内部浏览器-QQ/UC浏览器等」

前言 微信支付-微信H5外部浏览器支付「本文」微信H5内部浏览器支付「待写」PC端扫码支付「待写」 一直计划着写一写微信支付相关的文章,希望能加深一下自己的印象,拖了一天又一天… 最近终于空出时间来填坑了,我将文章分为微信H5外部浏览器支付.微信H5内部浏览器支付.PC端扫码支付三篇来写. 本篇是微信H5外部浏览器支付:支付时会唤起微信APP进行支付. 扫盲补充:关于微信H5支付,分为内部浏览器支付 + 外部浏览器支付,两者还是稍微有点点区别的,内部浏览器即在微信内打开网页,进行支付,支付调用由

微信H5支付申请相关问题

之前的文章「微信支付申请相关问题」里说过微信公众号和 APP 申请微信支付,今天来说下微信 H5 支付的申请. 一.背景介绍 H5 支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付.主要用于触屏版的手机浏览器请求微信支付的场景.可以方便的从外部浏览器唤起微信支付. 微信官方体验链接:https://wxpay.wxutil.com/mch/pay/h5.v2.php,请在微信外浏览器打开. 可能很多人对 微信 H5 支付