js调微信支付、支付宝支付

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="btn">点击click</div>

<script>
//微信支付js交互
document.getElementById("btn").addEventListener(‘click‘, function () {
console.log(777)

function setupWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
window.WVJBCallbacks = [callback];
var WVJBIframe = document.createElement(‘iframe‘);
WVJBIframe.style.display = ‘none‘;
WVJBIframe.src = ‘wvjbscheme://__BRIDGE_LOADED__‘;
document.documentElement.appendChild(WVJBIframe);
setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)

}

var u = navigator.userAgent;
var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1 //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
// console.log(item)
if(isAndroid){
window.AndroidWebView.OnClickMethod(‘wechat_pay‘,JSON.stringify({
appid:"wx78c2dc9c01b80aa4",//移动应用的appid
noncestr:"nurd5ac5vfdsujmh0v2s7dmm7w7kxu34",//生成签名的随机串
package:"Sign=WXPay",//订单详情扩展字符串
partnerid:"1534243971",//商户号
prepayid:"wx28182123435578cdcec9be991021847700",//统一下单接口返回的 prepay_id
timestamp:"13589200697",//生成签名的时间戳
sign:"21BE66D5CDAE3F6DB9CF7E7865541D8E",//签名
url:‘http://www.goumaijie.com/?mod=appapi&act=vue_jump&ctrl=share_app_mem‘//要跳转的url
}),‘‘)
}else if(isiOS){
setupWebViewJavascriptBridge((bridge)=> {
var params = {"wechat_pay": ‘jump_SkipUIIdentifier‘,"comFrom":JSON.stringify({
appid:"wx78c2dc9c01b80aa4",//移动应用的appid
noncestr:"nurd5ac5vfdsujmh0v2s7dmm7w7kxu34",//生成签名的随机串
package:"Sign=WXPay",//订单详情扩展字符串
partnerid:"1534243971",//商户号
prepayid:"wx28182123435578cdcec9be991021847700",//统一下单接口返回的 prepay_id
timestamp:"13589200697",//生成签名的时间戳
sign:"21BE66D5CDAE3F6DB9CF7E7865541D8E",//签名
url:‘http://www.goumaijie.com/?mod=appapi&act=vue_jump&ctrl=share_app_mem‘//要跳转的url
}),"identifier":‘wechat_pay‘}
bridge.callHandler(‘WebViewJavascriptBridge‘,params,()=>{})
// setTimeout(()=>{
// if(this.$cookies.isKey(‘SpecialShopMoreOpen‘)){
// this.$cookies.remove(‘SpecialShopMoreOpen‘)
// }else{
// if(typeof(callback)=="function"){
// callback()
// }
// }
// },3000)
})

}

}, false);

//支付宝支付js交互
/*
document.getElementById("btn").addEventListener(‘click‘, function () {
console.log(777)

function setupWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
window.WVJBCallbacks = [callback];
var WVJBIframe = document.createElement(‘iframe‘);
WVJBIframe.style.display = ‘none‘;
WVJBIframe.src = ‘wvjbscheme://__BRIDGE_LOADED__‘;
document.documentElement.appendChild(WVJBIframe);
setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)

}

var u = navigator.userAgent;
var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1 //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
// console.log(item)
if(isAndroid){
window.AndroidWebView.OnClickMethod(‘alipay_topay‘,JSON.stringify({
//参数code为签名字符串 url是要跳转的url
code:‘biz_content=%7B%22body%22%3A%222017%E6%98%A5%E5%AD%A3%E6%96%B0%E6%AC%BE%E4%BF%AE%E8%BA%AB%22%2C%22out_trade_no%22%3A%2210881566987772%22%2C%22subject%22%3A%22%E5%97%A8%E5%A6%82%E6%84%8F%22%2C%22timeout_express%22%3A%2230m%22%2C%22total_amount%22%3A%220.01%22%7D&version=1.0&method=alipay.trade.app.pay&format=json&app_id=2016120103683451&sign_type=RSA×tamp=2019-08-28+18%3A22%3A52&charset=utf-8¬ify_url=http%3A%2F%2Fwww.goumaijie.com%2Fpayapi.php&sign=bcsnLQJy5uWhM7yBPjkxmqjHe%2FI%2BfJiVJDsGoEk0kwI%2BYIQ52bHQVNuijPOdfDCw9OEq0OnRPKRf4q58F9tZZ4Fzx8XuJTdopN4v7y1%2FJCo1CTP%2FcmzlNzOw7V6SfWwEqXuV7nwJCEpofk1Q0qWE2gewyzQPr7InmJlNELAKC9U%3D‘,
url:‘http://www.goumaijie.com/?mod=appapi&act=vue_jump&ctrl=share_app_mem‘//要跳转的url
}),‘‘)
}else if(isiOS){
setupWebViewJavascriptBridge((bridge)=> {
var params = {"alipay_topay": ‘jump_SkipUIIdentifier‘,"comFrom":JSON.stringify({
//参数code为签名字符串 url是要跳转的url
code:‘biz_content=%7B%22body%22%3A%222017%E6%98%A5%E5%AD%A3%E6%96%B0%E6%AC%BE%E4%BF%AE%E8%BA%AB%22%2C%22out_trade_no%22%3A%2210881566987772%22%2C%22subject%22%3A%22%E5%97%A8%E5%A6%82%E6%84%8F%22%2C%22timeout_express%22%3A%2230m%22%2C%22total_amount%22%3A%220.01%22%7D&version=1.0&method=alipay.trade.app.pay&format=json&app_id=2016120103683451&sign_type=RSA×tamp=2019-08-28+18%3A22%3A52&charset=utf-8¬ify_url=http%3A%2F%2Fwww.goumaijie.com%2Fpayapi.php&sign=bcsnLQJy5uWhM7yBPjkxmqjHe%2FI%2BfJiVJDsGoEk0kwI%2BYIQ52bHQVNuijPOdfDCw9OEq0OnRPKRf4q58F9tZZ4Fzx8XuJTdopN4v7y1%2FJCo1CTP%2FcmzlNzOw7V6SfWwEqXuV7nwJCEpofk1Q0qWE2gewyzQPr7InmJlNELAKC9U%3D‘,
url:‘http://www.goumaijie.com/?mod=appapi&act=vue_jump&ctrl=share_app_mem‘//要跳转的url
}),"identifier":‘alipay_topay‘}
bridge.callHandler(‘WebViewJavascriptBridge‘,params,()=>{})
// setTimeout(()=>{
// if(this.$cookies.isKey(‘SpecialShopMoreOpen‘)){
// this.$cookies.remove(‘SpecialShopMoreOpen‘)
// }else{
// if(typeof(callback)=="function"){
// callback()
// }
// }
// },3000)
})

}

}, false);
*/

//余额支付js交互
/*
document.getElementById("btn").addEventListener(‘click‘, function () {
console.log(777)

function setupWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
window.WVJBCallbacks = [callback];
var WVJBIframe = document.createElement(‘iframe‘);
WVJBIframe.style.display = ‘none‘;
WVJBIframe.src = ‘wvjbscheme://__BRIDGE_LOADED__‘;
document.documentElement.appendChild(WVJBIframe);
setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)

}

var u = navigator.userAgent;
var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1 //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
// console.log(item)
if(isAndroid){
window.AndroidWebView.OnClickMethod(‘jump_SkipUIIdentifier‘,JSON.stringify({
//其他不用动只需要传url
is_need_login: "1",
SkipUIIdentifier: "pub_wailian",
show_type_str: "",
url: "",//余额支付只要传这个
jsonInfo: `{"outlink_style":"0","outlink_check_fontcolor":"000000","outlink_check_bgcolor":"FFFFFF","outlink_pull_onoff":"0","outlink_navhide_onoff":"0","wl_type":"0","outlink_returnimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkreturnimg.png","outlink_checkreturnimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkreturnimg.png","outlink_closeimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkcloseimg.png","outlink_checkcloseimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkcloseimg.png"}`

}),‘‘)
}else if(isiOS){
setupWebViewJavascriptBridge((bridge)=> {
var params = {"jump_SkipUIIdentifier": ‘jump_SkipUIIdentifier‘,"comFrom":JSON.stringify({
//其他不用动只需要传url
is_need_login: "1",
SkipUIIdentifier: "pub_wailian",
show_type_str: "",
url: "",//余额支付只要传这个
jsonInfo: `{"outlink_style":"0","outlink_check_fontcolor":"000000","outlink_check_bgcolor":"FFFFFF","outlink_pull_onoff":"0","outlink_navhide_onoff":"0","wl_type":"0","outlink_returnimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkreturnimg.png","outlink_checkreturnimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkreturnimg.png","outlink_closeimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkcloseimg.png","outlink_checkcloseimg":"http://www.goumaijie.com/View/index/img/appapi/comm/outlink_checkcloseimg.png"}`

}),"identifier":‘jump_SkipUIIdentifier‘}
bridge.callHandler(‘WebViewJavascriptBridge‘,params,()=>{})
// setTimeout(()=>{
// if(this.$cookies.isKey(‘SpecialShopMoreOpen‘)){
// this.$cookies.remove(‘SpecialShopMoreOpen‘)
// }else{
// if(typeof(callback)=="function"){
// callback()
// }
// }
// },3000)
})

}

}, false);
*/

//交互跳转标识的
function pay_doing(obj){
var senddata={};

senddata[‘appid‘]="wx78c2dc9c01b80aa4";
senddata[‘noncestr‘]="nurd5ac5vfdsujmh0v2s7dmm7w7kxu34";
senddata[‘package‘]="Sign=WXPay";
senddata[‘partnerid‘]="15342471";
senddata[‘prepayid‘]="wx28182123435578cdcec9be991021847700";
senddata[‘timestamp‘]="13589200697";
senddata[‘sign‘]="21BE66D5CDAE3F6DB9CF7E7865541D8E";
senddata[‘url‘]=‘http://www.goumaijie.com/?mod=appapi&act=vue_jump&ctrl=share_app_mem‘;

senddata=JSON.stringify(senddata);
js_repl("wechat_pay",senddata,‘wechat_pay‘,‘‘);
return;
}

function pay_doing1(obj){
var senddata={};
senddata[‘code‘]=‘biz_content=%7B%22body%22%3A%222017%E6%98%A5%E5%AD%A3%E6%96%B0%E6%AC%BE%E4%BF%AE%E8%BA%AB%22%2C%22out_trade_no%22%3A%2210881566987772%22%2C%22subject%22%3A%22%E5%97%A8%E5%A6%82%E6%84%8F%22%2C%22timeout_express%22%3A%2230m%22%2C%22total_amount%22%3A%220.01%22%7D&version=1.0&method=alipay.trade.app.pay&format=json&app_id=2016120103683451&sign_type=RSA×tamp=2019-08-28+18%3A22%3A52&charset=utf-8¬ify_url=http%3A%2F%2Fwww.goumaijie.com%2Fpayapi.php&sign=bcsnLQJy5uWhM7yBPjkxmqjHe%2FI%2BfJiVJDsGoEk0kwI%2BYIQ52bHQVNuijPOdfDCw9OEq0OnRPKRf4q58F9tZZ4Fzx8XuJTdopN4v7y1%2FJCo1CTP%2FcmzlNzOw7V6SfWwEqXuV7nwJCEpofk1Q0qWE2gewyzQPr7InmJlNELAKC9U%3D‘;
senddata[‘url‘]=‘http://www.goumaijie.com/?mod=appapi&act=vue_jump&ctrl=share_app_mem‘;
senddata=JSON.stringify(senddata);

js_repl("alipay_topay",senddata,‘alipay_topay‘,‘‘);
return;
}

</script>
</body>
</html>

原文地址：https://www.cnblogs.com/adolfvicto/p/11662598.html

时间： 2024-10-11 09:17:17

js调微信支付、支付宝支付的相关文章

Android H5调起原生微信或支付宝支付

Android H5调起原生微信或支付宝支付 WebView调用原生微信或支付宝回调:其原理就是在shouldOverrideUrlLoading(final WebView view, String url)方法中进行拦截处理. 由于支付宝的取消支付之后跳转的页面显示不太友好,所以集成支付宝SDK-手机网站支付转APP支付,说明文档参照https://docs.open.alipay.com/204/105695/.按照说明集成aliPaySdk. 初始化WebView: private vo

如何申请三方支付接口 微信支付 支付宝支付 网银支付 钱包支付 扫码支付等

如何申请三方支付接口 微信支付 支付宝支付 网银支付 钱包支付  扫码支付等 首先,需要提供一整套申请支付接口的资料,如下 一.企业3证加盖公司公章 二.法人手持身份证照片 三.对应企业ICP备案的交易网站域名 资料审核初步审核之后,请把支付合作协议打印出来一式二份附带企业三证打印盖章邮寄到三方支付公司进一步审核 审核通过后,进行支付接口的对接 联调 最终正式环境上线

iOS不用官方SDK实现微信和支付宝支付XHPayKit

作者:朱晓辉Allen 链接:https://juejin.im/post/5a90dd3a6fb9a0634912b755 前言 前段时间由于项目需求,移除了项目中的微信支付SDK和支付宝支付SDK,这种情况下需要自己搞定支付,第一时间考虑到的是使用openshare,但是当下载openshare下来后发现,openshare的支付接口,并不能直接替换官方SDK支付接口, 官方SDK的实现逻辑是后台订单签名完成后,客服端传签名信息及参数给支付SDK,支付SDK生成协议url,然后拉起第三方支付

MUI 微信 和支付宝支付 （前台代码）

<!-- 校园公告详情界面 用于显示校园公告的详情信息 在校园公告界面点击某一条目后 进入本界面查看详情 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxim

支付-支付宝支付简单了解

支付宝支付 # 1.在沙箱环境下实名认证:https://openhome.alipay.com/platform/appDaily.htm?tab=info # 2.电脑网站支付API:https://docs.open.alipay.com/270/105898/ # 3.完成RSA密钥生成:https://docs.open.alipay.com/291/105971 # 4.在开发中心的沙箱应用下设置应用公钥:填入生成的公钥文件中的内容 # 5.Python支付宝开源框架:https:/

第三方支付——支付宝支付

本次针对沙箱环境下的支付宝支付配置以及模拟下订单付款.以及订单查询.话不多说,请看下文 1.首先需要用你的支付宝账户登录蚂蚁金服开放平台 2.进入沙箱环境,APPID.沙箱账号之类的信息就会映入眼帘 3.先配置RSA(SHA1)密钥信息(上图中红框标记的地方),再看阿里粑粑给的Demo吧 4.秘钥生成请移步文档(RSA2签名格式的话,要生成2048位的!!不要被示例图给迷惑了,当时我用的是RSA格式(需要生成的是1024位秘钥)结果用的2048位的,一直报错,需要注意一下) 5.支付宝电脑版支付

iOS移动支付——支付宝支付

这篇博客总结得很好,我只对在iOS上集成支付宝做简洁的步骤总结. http://www.it165.net/pro/html/201402/9376.html iOS集成支付宝支付的步骤: 准备工作的步骤: 1. 先于支付宝签约,获得商户ID(partner)和账号ID(seller):(主要由公司负责) 2.下载并在项目中导入以下文件.(解释:若APP是在客户端生成订单信息,则需要这些文件先生成加密签名,继而生成订单信息.而若APP是由服务器直接返回已经加密好的订单信息,那我们就不用导入了.)

微信、支付宝支付绑定多个商户号

微信 当有多个收款或对账账户的需求的时候,可以通过微信服务商申请新的支付商户号,然后让服务商在配置中,给你设定默认关注的公众号是同一个公众号id就可以了. https://www.zhihu.com/question/33628407 支付宝 https://openclub.alipay.com/read.php?tid=2123&fid=56&page=1 原文地址:https://www.cnblogs.com/y-blog/p/9166813.html

微信与支付宝支付 浏览器判断&amp;页面关闭

以下为php浏览器头判断代码实例: public function getUserAgent(){ return isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : '';} $agent = self::getUserAgent(); if (strpos($agent, 'MicroMessenger') === false) { throw new Q_Exception('请使用微信打开', Lib_Cod