关键字：微信支付 微信支付v3 动态native支付 统一支付 Native支付 prepay_id 
作者：方倍工作室

本文介绍微信支付下的扫描二维码并输入自定义金额的支付的开发过程。

注意

微信支付现在分为v2版和v3版，2014年9月10号之前申请的为v2版，之后申请的为v3版。V3版的微信支付没有paySignKey参数。v2的相关介绍请参考方倍工作室的其他文章。本文介绍的为微信支付v3。

一. OAuth2.0授权

JSAPI 支付前需要调用 登录授权接口获取到用户的 Openid 。所以需要做一次授权，这次授权是不弹出确认框的。
其实质就是在用户访问

http://www.fangbei.org/wxpay/js_api_call.php

时跳转到

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx8888888888888888&redirect_uri=http://www.fangbei.org/wxpay/js_api_call.php&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

以此来获得code参数，并根据code来获得授权access_token及openid

其实现的详细流程可参考 微信公众平台开发（71）OAuth2.0网页授权

二、获取用户输入金额

上述流程中是获得用户的openid，另外还需要获得本次的交易金额。

    <body onselectstart="return true;" ondragstart="return false;">

        <form method="post" action="submit.php" id="form" onsubmit="return tgSubmit()">

            <div class="container gray_bg">

                <div class="explain">

                    <h3>

                         企业微信支付-扫码自定义金额

                    </h3>

                </div>

                <div class="box apply_box" id="applyBox">

                    <dl class="pb15">

                        <dt>

                            金额(￥)

                        </dt>

                        <dd>

                            <input name="amount" class="txt required" id="amount" value="" placeholder="请输入数字金额，单位元" type="tel" onkeyup="checkNum(this)"/>

                        </dd>

                    </dl>

                </div>

                <footer class="sub_wrap">

                    <input type="hidden" name="openid" value="<?php echo $openid;?>">

                    <input type="submit" class="btn mt20" id="subBtn" value="提交" />

                    <div class="copyright">技术支持 方倍工作室

                    </div>

                </footer>

            </div>

        </form>

    </body>

三、拉取支付插件

获得openid和金额之后，直接使用统一订单接口输入参数

    $jsApi = new JsApi_pub();

    //=========步骤2：使用统一支付接口，获取prepay_id============

    //使用统一支付接口

    $unifiedOrder = new UnifiedOrder_pub();

    //设置统一支付接口参数

    //设置必填参数

    //appid已填,商户无需重复填写

    //mch_id已填,商户无需重复填写

    //noncestr已填,商户无需重复填写

    //spbill_create_ip已填,商户无需重复填写

    //sign已填,商户无需重复填写

    $unifiedOrder->setParameter("openid","$openid");//商品描述

    $unifiedOrder->setParameter("body","自定义价格扫码商品");//商品描述

    //自定义订单号，此处仅作举例

    $timeStamp = time();

    $out_trade_no = WxPayConf_pub::APPID."$timeStamp";

    $unifiedOrder->setParameter("out_trade_no","$out_trade_no");//商户订单号

    $unifiedOrder->setParameter("total_fee",($amount * 100));//总金额

    $unifiedOrder->setParameter("notify_url",WxPayConf_pub::NOTIFY_URL);//通知地址

    $unifiedOrder->setParameter("trade_type","JSAPI");//交易类型

    //非必填参数，商户可根据实际情况选填

    //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号

    // $unifiedOrder->setParameter("device_info","XXXX");//设备号

    //$unifiedOrder->setParameter("attach","XXXX");//附加数据

    //$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间

    //$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间

    //$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记

    //$unifiedOrder->setParameter("openid","XXXX");//用户标识

    $unifiedOrder->setParameter("product_id","XXXX");//商品ID

    $prepay_id = $unifiedOrder->getPrepayId();

    // logger("prepay_id ".$prepay_id);

    //=========步骤3：使用jsapi调起支付============

    $jsApi->setPrepayId($prepay_id);

    $jsApiParameters = $jsApi->getParameters();

详细流程，可以参考 微信支付开发(1) JS API支付

四、效果展示

扫描二维码

  

微信支付v3开发(5) 扫码并输入金额支付的更多相关文章

  1. Java微信公众平台开发之扫码支付模式一

    官方文档点击查看准备工作:已通过微信认证的公众号,必须通过ICP备案域名(否则会报支付失败)借鉴了很多大神的文章,在此先谢过了大体过程:先扫码(还没有确定实际要支付的金额),这个码是商品的二维码,再生 ...

  2. Java微信公众平台开发之扫码支付模式二

    官方文档点击查看 准备工作:已通过微信认证的公众号,域名可以不通过ICP备案借鉴了很多大神的文章,在此先谢过了大体过程:根据固定金额和商品的ID先生成订单,再生成二维码,客户扫一扫付款模式二支付的流程 ...

  3. 微信支付 V3 开发教程（一）：初识 Senparc.Weixin.TenPayV3

    前言 我在 9 年前发布了 Senparc.Weixin SDK 第一个开源版本,一直维护至今,如今 Stras 已经破 7K,这一路上得到了 .NET 社区的积极响应和支持,也受到了非常多的宝贵建议 ...

  4. 【原创分享·微信支付】 C# MVC 微信支付教程系列之扫码支付

    微信支付教程系列之扫码支付                  今天,我们来一起探讨一下这个微信扫码支付.何为扫码支付呢?这里面,扫的码就是二维码了,就是我们经常扫一扫的那种二维码图片,例如,我们自己添 ...

  5. C# 微信支付教程系列之扫码支付

    微信支付教程系列之扫码支付            今天,我们来一起探讨一下这个微信扫码支付.何为扫码支付呢?这里面,扫的码就是二维码了,就是我们经常扫一扫的那种二维码图片,例如,我们自己添加好友的时候 ...

  6. VopSdk一个高逼格微信公众号开发SDK(源码下载)

    看之前回复很多说明大家很有热情&文章被误删掉了,不想让有的朋友错失这个高逼格的东西,现在重新发布,这次就直接放出源码,文章最末下载地址. 看之前回复很多说明大家很有热情&文章被误删掉了 ...

  7. 【支付宝支付】扫码付和app支付，回调验证签名失败问题

    在检查了参数排序,编码解码,文件编码等问题后,发现还是签名失败,最后找出原因: 扫码付和app支付采用的支付宝公钥不一样   Pid和公钥管理里面:   开放平台密钥界面和开放平台应用界面的密钥应该一 ...

  8. 微信小程序实现连续扫码功能（uniapp）

    注:本文使用的是 uniapp 语法. 微信小程序提供了扫码API:wx.scanCode,但它只能扫一次码,想要实现连续扫码,需要借用 camera 组件.camera 组件不仅能拍照,还具有扫码功 ...

  9. 微信支付v3开发(6) 收货地址共享接口

    请看新版教程  微信支付开发(7) 收货地址共享接口V2 本文介绍微信支付下的收货地址共享接口的开发过程. 一. 简单介绍 微信收货地址共享,是指用户在微信浏览器内打开网页,填写过地址后,兴许能够免填 ...

随机推荐

  1. DTP模型之二：（XA协议之二）jotm分布式事务实现

    分布式事务是指操作多个数据库之间的事务,spring的org.springframework.transaction.jta.JtaTransactionManager,提供了分布式事务支持.如果使用 ...

  2. JavaScript-Tool：jQuery

    ylbtech-JavaScript-Tool:jQuery 1.返回顶部 1. jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码 ...

  3. GC及其作用

    Java GC 是垃圾回收机制,自动内存管理和垃圾清扫机制,释放内存中的资源和垃圾

  4. A-Z,a-z,0-9的unicode编码表

    1.转自:https://blog.csdn.net/fedawn/article/details/7307993 A-Z 的 Unicode 字符编码表     十进制  十六进制 1.“A”的 U ...

  5. java定时器Timer的使用

    Time类主要负责完成定时计划任务的功能,就是在指定的时间的开始执行某个任务. Timer类的作用是设置计划任务,而封装任务内容的类是TimerTask类.此类是一个抽象类,继承需要实现一个run方法 ...

  6. C#读写Access数据库、表格datagridview窗体显示代码实例

    C#读写Access数据库.表格datagridview窗体显示代码实例 最近项目中用到C#对于Access数据库表读写.mdb操作,学习了下相关的东西,这里先整理C#对于Access数据库的操作,对 ...

  7. TypeScript完全解读(26课时)_1.TypeScript完全解读-开发环境搭建

    1.TypeScript完全解读-开发环境搭建 初始化项目 手动创建文件夹 D:\MyDemos\tsDemo\client-demo 用VSCode打开 npm init:初始化项目 然后我们的项目 ...

  8. Identity Server 4 原理和实战（完结）_Implicit Flow 实例

    oidc-client.js貌似是IdentityServer4的团队开发的 服务端的设置 在服务端新增一个Client 之后需要在angular客户端页建两个页面,对应这两个url才行 登出之后要跳 ...

  9. sed的基础用法简介

    sed 最近学习了一些sed的相关知识,初步接触sed以后给我的感受主要有两点.首先是sed强大的功能,学了以后发现之前写的脚本利用sed以后会简化很多啊,具体的有些利用sed编辑shell脚本的思路 ...

  10. 微信小程序 设置宽度是100%，然后图片能成为正方形的方法。小程序按屏幕比例的正方形

    1.在全局app.js中获取设备的宽度 globalData: { userInfo: null, sysWidth:wx.getSystemInfoSync().windowWidth, //图片宽 ...