Advertisement

uni-app微信公众号支付组件.vue

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
本组件为基于uni-app框架开发的微信公众号支付解决方案,采用.vue文件格式封装,提供简洁高效的代码接口,方便开发者快速集成支付功能。 // 微信充值 // 支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + /wx/mp/js_sig.do, data: { route: url }, method: GET, success: (res) => { jweixin.config({ debug: true, appId: res.data.appId, timestamp: res.data.timestamp, nonceStr: res.data.nonceStr, signature: res.data.signature, jsApiList: [chooseWXPay] }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + /wx/recharge/pay.do, method: POST, header: { Content-type: application/x-www-form-urlencoded }, data: JSON.stringify(data), success: function(res) { alert(下单成功); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync(orderId, res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, nonceStr: res.data.payParams.nonceStr, package: res.data.payParams.package, signType: res.data.payParams.signType, paySign: res.data.payParams.paySign, success: function(e) { alert(支付成功); alert(JSON.stringify(e)); } }); } }); }); jweixin.error(function(res) { console.log(验证失败!) }); } }); }

全部评论 (0)

还没有任何评论哟~
客服
客服
  • uni-app.vue
    优质
    本组件为基于uni-app框架开发的微信公众号支付解决方案,采用.vue文件格式封装,提供简洁高效的代码接口,方便开发者快速集成支付功能。 // 微信充值 // 支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + /wx/mp/js_sig.do, data: { route: url }, method: GET, success: (res) => { jweixin.config({ debug: true, appId: res.data.appId, timestamp: res.data.timestamp, nonceStr: res.data.nonceStr, signature: res.data.signature, jsApiList: [chooseWXPay] }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + /wx/recharge/pay.do, method: POST, header: { Content-type: application/x-www-form-urlencoded }, data: JSON.stringify(data), success: function(res) { alert(下单成功); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync(orderId, res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, nonceStr: res.data.payParams.nonceStr, package: res.data.payParams.package, signType: res.data.payParams.signType, paySign: res.data.payParams.paySign, success: function(e) { alert(支付成功); alert(JSON.stringify(e)); } }); } }); }); jweixin.error(function(res) { console.log(验证失败!) }); } }); }
  • uni-app.vue
    优质
    本组件为基于uni-app框架开发的微信公众号支付解决方案,提供简洁高效的支付功能,适用于各类移动端应用。 // 微信充值 // 支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + /wx/mp/js_sig.do, data: { route: url }, method: GET, success: (res) => { jweixin.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 appId: res.data.appId, // 必填,公众号的唯一标识 timestamp: res.data.timestamp, // 必填,生成签名的时间戳 nonceStr: res.data.nonceStr, // 必填,生成签名的随机串 signature: res.data.signature, // 必填,签名 jsApiList: [chooseWXPay] }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + /wx/recharge/pay.do, method: POST, header: { Content-type: application/x-www-form-urlencoded }, data: JSON.stringify(data), success: function(res) { alert(下单成功); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync(orderId, res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, // 支付签名时间戳 nonceStr: res.data.payParams.nonceStr, // 支付签名随机串 package: res.data.payParams.package, // 接口返回的prepay_id参数 signType: res.data.payParams.signType, // 签名方式 paySign: res.data.payParams.paySign, success: function(e) { alert(支付成功); alert(JSON.stringify(e)); // 支付成功后的回调函数 } }); } }); }); jweixin.error(function(res) { console.log(验证失败!) }); } }); }
  • Vue授权
    优质
    本Vue微信公众号授权组件为开发者提供便捷的微信登录及授权功能集成方案,支持快速接入微信OAuth2.0认证体系。 Vue微信公众号授权插件可以帮助开发者在Vue项目中快速集成微信公众号的登录与授权功能,简化开发流程并提高用户体验。该插件支持多种场景下的OAuth2.0认证,能够灵活适应不同业务需求,并提供详细的文档以帮助用户更好地理解和使用其提供的接口和特性。
  • 、JSAPI在Vue中的调用方法
    优质
    本文详细介绍了如何在基于Vue框架的应用中集成和使用微信支付相关的三种方式:微信支付、公众号支付及JSAPI支付,并提供了具体实现步骤与代码示例。 JSAPI微信支付需要在公众号后台配置一些参数(例如`paydatac`变量需包含由后台返回的微信签名等内容)。如果当前环境无法直接访问WeixinJSBridge对象,则可以使用以下代码进行检测: ```javascript if (typeof WeixinJSBridge === undefined) { if (document.addEventListener) { document.addEventListener(WeixinJSBridgeReady, _self.onBridgeReady, false); } else if (document.attachEvent) { ``` 请根据实际开发环境继续完成相应的逻辑处理。
  • 通知验证
    优质
    简介:介绍如何设置和配置微信公众号支付后的通知验证功能,确保服务器能接收到支付成功信息,实现业务逻辑自动处理。 微信公众号支付回调验证需要进行多次以确保其准确性和可靠性。
  • uni-app实现境外
    优质
    本文将详细介绍如何使用uni-app框架开发支持境外环境下的微信支付与支付宝支付功能,涵盖配置、代码实现及注意事项。 写作背景:uniapp作为国内一个跨平台开发的解决方案,在国内市场使用非常方便。然而,在我为一家位于纽约的公司开发应用时遇到了一些挑战,该公司希望通过第三方对接微信支付和支付宝进行境外支付。具体是否可以直接实现这一目标还有待进一步探索,这里记录一下整个过程,希望能帮助到有需要的人。 由于这是大约一年前的一个项目,所以文中某些地方可能会出现错误或不准确的信息,请大家指正出来以便我及时修正。谢谢! 第一步:为了使用微信和支付宝的支付功能,我们需要分别开通这两家公司的权限。 - 支付宝开通地址为 https://auth.alipay.com/login/index.htm - 微信登录页面请访问对应的网址进行操作。
  • PHP实例演示-Demo
    优质
    本Demo展示了如何使用PHP语言实现微信公众号内的微信支付功能,包括集成步骤、代码示例和常见问题解答,帮助开发者快速上手。 PHP微信公众号微信支付完整示例-Demo提供了一个可以直接运行的代码框架,只需调整几个配置参数即可正常使用,并附有详细说明文档。
  • ASP接口(包含扫码和H5
    优质
    本产品提供全面的微信支付解决方案,涵盖扫码支付、公众号支付及H5支付等多种方式,助力企业轻松实现线上交易。 ASP微信支付接口代码易于整合,仅需简单几步即可应用于各类网站。该支付方式无需任何第三方插件,适用于虚拟主机环境,采用纯代码形式,体积小巧、运行速度快且安全性高。
  • 宝浏览器方案.zip
    优质
    此文档提供了在微信公众号内部实现支付宝浏览器支付的具体方案与技术指导,帮助开发者轻松集成支付宝支付功能。 解决在公众号中调起支付宝支付跳转浏览器的问题:将ap.js 和pay.html引入到项目中,并将需要跳转的支付宝支付地址传入pay.html中的code_url即可。
  • PHP服务端解决方案(涵盖APP、H5及扫码
    优质
    本方案提供全面的PHP微信支付接口实现,适用于APP、公众号、H5和扫码支付场景,助力开发者快速接入并管理各类支付功能。 2018年9月3日整理了PHP服务端微信支付SDK的封装工作。如果觉得有用,请给予好评。 环境配置:在WeChatConfig文件下进行配置。 开发环境:基于ThinkPHP5(tp5)框架,使用php 5.6版本 调用统一下单接口如下: ```php include_once EXTEND_PATH . WeChatSDK/WeChatSDK.php; $data = $this->getOrderInfo($pay_sn); if (!$data) { return $this->resultCode(-2019, 订单不存在或已支付); } $WeixinPay = new \WeChatSDK(); switch ($trade_type) { case JSAPI: // 当前没有实现此功能 break; case NATIVE: $product_id = $pay_sn; break; case MWEB: $product_id = $pay_sn; break; case APP: $product_id = $pay_sn; break; } $out_trade_no = $pay_sn; $result = $WeixinPay->setWeiXinPay($data[pay_body], $data[pay_detail], intval($data[pay_money] * 100), $out_trade_no, $red_url, $trade_type); // APP加密:$WeChatSDK->GetAppParameters($result[data]); // Web编码: $WeChatSDK->GetMwebApiParameters(); // JSAPI参数获取: WeChatSDK-> GetJsApiParameters(); 回调调用代码如下: ```php include_once EXTEND_PATH . WeChatSDK/WeChatSDK.php; Log::write(gwgwgwgw---------------------------------进入异步回掉); $postStr = file_get_contents(php://input); Log::write(gwgwgwgw--------------------------------- . $postStr); $WeChatSDK = new \WeChatSDK(); if (!empty($postStr)) { $postObj = simplexml_load_string($postStr, SimpleXMLElement, LIBXML_NOCDATA); $check_sign = $WeChatSDK->checkSign($postObj, $postObj->sign); Log::write(-----check_sign------- . $check_sign . ------------check_sign--------------); if ($postObj->result_code == SUCCESS && $check_sign == 1) { model(order, service)->affirmPayment($postObj->out_trade_no); $xml = ; echo $xml; } else { $xml = ; echo $xml; } } ```