需求说明
这个需求说明是完全没有必要的,但是还是写一下吧,但凡是做公众号的,一般都是需要了解这个微信支付的,不然基本的业务都没办法走,所以今天简单的记录一下微信支付的一些问题以及流程是怎么样的。记录的是jsapi支付,别的支付方式暂时没有记录,也就是拉起来付款界面的支付。
微信支付产品
https://pay.weixin.qq.com/static/product/product_index.shtml#payment_product
微信开发步骤
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php"color: #ff0000">支付接口
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php"htmlcode">
function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId":"wx2421b1c4370ec43b", //公众号名称,由商户传入 "timeStamp":"1395712654", //时间戳,自1970年以来的秒数 "nonceStr":"e61463f8efa94090b1f366cccfbbb444", //随机串 "package":"prepay_id=u802345jgfjsdfgsdg888", "signType":"MD5", //微信签名方式: "paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 }, function(res){ if(res.err_msg == "get_brand_wcpay_request:ok" ){ // 使用以上方式判断前端返回,微信团队郑重提示: //res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。 } }); } if (typeof WeixinJSBridge == "undefined"){ if( document.addEventListener ){ document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); }else if (document.attachEvent){ document.attachEvent('WeixinJSBridgeReady', onBridgeReady); document.attachEvent('onWeixinJSBridgeReady', onBridgeReady); } }else{ onBridgeReady(); }
这段是官方的源码,我们是可以直接拿来使用的,这里主要是展示一下腾讯的签名是怎么生成的:
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php"color: #ff0000">看源码
废话不说了,既然是记录,就直接贴源码:
- 步骤很简单:
- 根据js拿到code
- 根据code获取openid
- 根据openid获取到预付id
- 根据预付id加上一些必要参数拉起支付
- 判断支付的成功与否进行相应的操作
/** * @_fun_jsapi 拉起微信付款的界面 */ _fun_jsapi(order_no) { let that = this let openid = sessionStorage.getItem('openid') if (openid && that.timestamp && that.nonceStr) { request({ method: 'post', url: Constants.host_jsapi + api.jsapi, data: { out_trade_no: order_no, //商家订单号 total_fee: that.account_price * 100, product_id: '8501', //所含产品id body: '微信公众号订房-颐陆科技', //订单简述 128字符(中文32位) detail: '', //订单详情 60000字符 (中文1500位) fee_type: '', //币种 缺省值CNY attach: '', //用户附加字串,原样返回 limit_pay: '', //限制字串 例:no_credit 不收信用卡 goods_tag: '', //订单优惠标记 openid: openid, //仅在jsapi中会使用 } }).then((res) => { //alert(JSON.stringify(res)) if (res.data.result_code === 'SUCCESS') { that.prepay_id = res.data.prepay_id that.timestamp = res.data.time_stamp that.nonceStr = res.data.nonce_str that.paySign = res.data.pay_sign that.onBridgeReady() } else { instance('error') } }).catch((err) => { instance(err); //alert(err); }) //instance(sessionStorage.getItem('openid')); } else { instance('参数获取失败') } }, /** * @onBridgeReady */ onBridgeReady() { let that = this WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId": "wx7eb8183de8a1311b", //公众号名称,由商户传入 "timeStamp": that.timestamp + "", //时间戳,自1970年以来的秒数 "nonceStr": that.nonceStr, //随机串 "package": "prepay_id=" + that.prepay_id, //预定单id "signType": "MD5", //微信签名方式: "paySign": that.paySign//微信签名 }, function (res) { if (res.err_msg == "get_brand_wcpay_request:ok") { //instance('支付成功') that.$router.push({path: '/Pay_success'}) } else if (res.err_msg == "get_brand_wcpay_request:ok") { //that.$router.push({path:'/Pay_success'}) 取消支付 instance('取消支付') } else { //instance('支付失败') } }) },
需要注意的是:微信支付的金额是分为单位的,也就是我们正常的钱需要进行*100的操作
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 中国武警男声合唱团《辉煌之声1天路》[DTS-WAV分轨]
- 紫薇《旧曲新韵》[320K/MP3][175.29MB]
- 紫薇《旧曲新韵》[FLAC/分轨][550.18MB]
- 周深《反深代词》[先听版][320K/MP3][72.71MB]
- 李佳薇.2024-会发光的【黑籁音乐】【FLAC分轨】
- 后弦.2012-很有爱【天浩盛世】【WAV+CUE】
- 林俊吉.2012-将你惜命命【美华】【WAV+CUE】
- 晓雅《分享》DTS-WAV
- 黑鸭子2008-飞歌[首版][WAV+CUE]
- 黄乙玲1989-水泼落地难收回[日本天龙版][WAV+CUE]
- 周深《反深代词》[先听版][FLAC/分轨][310.97MB]
- 姜育恒1984《什么时候·串起又散落》台湾复刻版[WAV+CUE][1G]
- 那英《如今》引进版[WAV+CUE][1G]
- 蔡幸娟.1991-真的让我爱你吗【飞碟】【WAV+CUE】
- 群星.2024-好团圆电视剧原声带【TME】【FLAC分轨】