h5支付宝免签支付接口（h5支付宝免签支付接口在哪）

用h5开发的app想接入支付宝，应该去支付宝开放平台申请哪种支付方式？app支付还是手机网站支付？

在你的手机上下载支付宝。手机上自带的应用商店，或者是浏览器里面都可以下载支付宝。点击下载安装就可以了。支付宝下载后，使用自己的手机号码注册，然后使用自己身份证的信息实名认证，认证成功后，你的支付宝就可以正常使用了。

联系方式：QQ：2451468936
（使用浏览器扫码进入在线客服窗口）
复制联系方式

app中使用h5支付

因为苹果爸爸的各种封锁与限制，导致 app 中如果集成支付sdk上架会变得十分困难，总之是想办法去抽成。为了应对这种流氓政策，各小 app 公司纷纷偷梁换柱，通过 h5 支付从而绕开 sdk 支付。

常规的什么申请秘钥，配置回调地址等操作全部忽略了，直接进入核心步骤

支付宝的 h5 支付，返回一个 http 链接，是可以直接在 webview 中使用的，url 会重定向最终指向到支付宝的专属协议上。这里建议直接在 app 上直接通过 new webview 方式实现。

通过微信 h5 支付也是可以生成支付链接的，如果我们直接使用这个 url 的话，一定会抛一个错误“商家参数格式有误，请联系商家解决”， 微信支付的错误解决方案 中已经给出了原因，微信在这里校验了 http 请求中的 referer ，我们直接打开 url 请求头中是没有 referer 字段的，最容易想到的是通过 html 中的 a 标签跳转页面，a 标签会默认携带当前页面的主机地址。

所以就写了一个简单的中转页面，逻辑很简单，在中转链接中添加一个 pay_url 字段，pay_url 就是微信 h5 支付生成的链接，需要进行 encode 编码一下，我们可以在 js 里面重新解码，设置 a 标签的 href 熟悉，执行点击进行跳转。

找个服务器或者 oss 将页面放过去，配置一个域名，因为微信的 h5 支付是绑定了一个主域名，二级域名其实都是可以使用，假如最终配置为 pay.abc.com ，那么我们最终的跳转链接为 。

不管是微信支付还是支付宝支付，其实想从浏览器唤醒支付 app，都是通过特有 schema 唤醒的，支付宝的协议是 alipay://，微信的协议是 weixin://，其实和 http 协议一样，例如： ，浏览器会捕获 http 协议，支付宝和微信都会捕获属于自己的协议，这一点不管在 android 还是 ios 上，也正是利用了这一点，才使我们 app 中唤醒支付宝或者微信成为可能。当然后面很可能也被限制，在将来相当长的一段时间是不会的，正是这些协议使得 h5 和 app 进行交互才使得如今移动操作系统更加繁荣。

微信H5网页公众号外支付接入攻略demo

最近在某C论坛中发现有很多的网友在提问和求助自己的网站卖东西，希望可以接入一个支付接口，可以在用户购买后直接在网页上支付。

我在这里发表一下，网站如果希望用户通过在线付款的方式进行付款，就需要申请一种或多种用于进行人民币支付的支付接口。在线支付接口提供商可以是某个商业银行、银联在线支付或者支付宝、微信支付等第三方的支付机构。

这其中微信支付的申请是比较简单的

下面是对申请微信支付接口做简单介绍：

最常用的第三方支付机构如新浪支付微博钱包、支付宝、财付通、快钱、环迅支付、易宝支付等。他们拥有中国人民银行颁发的非金融机构第三方支付许可证。可以为用户提供支付业务服务，如果用第三方支付首选微信支付，简单易操作。

网站接入微信支付实现在线支付功能，通常有两种方式，一种是在微信内部访问网站，然后下单支付；另一种是在微信外部访问网站，然后下单支付。

在微信内部，我们可以通过在公众号聊天窗口发送访问自己网站链接，或者将网站链接发在自己的朋友圈，微信用户都可以在进入下单，点击下单就会唤起微信H5支付，确认金额，输入支付密码即可完成交易。这个是公众号支付申请，之前就已经开放申请了。针对微信内场景支付

在微信外部，我们可以通过触屏手机上自带的浏览器进入网站，唤起微信支付。这个是微信H5支付申请，是在近期开放的。针对的是企业公司的商城网站场景支付。

所以想获得微信支付H5支付接口：

1首先要有公司资质例如营业执照、公司对公账户、网站备案域名、合法居民身份证；

2这些都需要自申请中上传给微信人工审核；

3审核通过后就可以获得微信支付商户平台的账户和密码

4在商户平台里找到申请入口

5进入申请界面填入H5相关设置信息，注意填入的信息一定要和自己的销售商品情况保持一致。

6提交，等待审核，2个工作日左右，审核通过马上获得支付接口

7再将接口和网站接入即可。

对新接触微信支付的企业来说，申请微信支付还是一个比较头疼的事情，遇到申请失败或被驳回、没有备案的公司网站网址域名、需要网站授权函、类目不会选择导致未通过，都可以通过黑河马进行协助解决，代申请包通过。

h5+ app 第三方支付调用步骤

1 在页面onload中获取支付通道，支付的时候再获取支付通道会浪费用户等待时间：

// 获取支付通道 （微信支付宝）

var wxChannel,aliChannel;

plus.payment.getChannels(function(channels) {

for(var i in channels) {

if(channels[i].id == "wxpay") {

wxChannel = channels[i];

} else {

aliChannel = channels[i];

}

}

}, function(e) {

mui.toast("获取支付通道失败：" + e.message);

});

2 调起后台支付接口 ，传参 userId , log_id , type , pay_pass，后台处理成功返回支付金额（如果是余额支付到这一步就支付成功结束了） 

3 调起支付 ：

//channel 支付通道类型（wxpay/alipay), pay 支付金额

plus.payment.request(channel,pay,function(result){

//支付成功回调......

},function(error){

//取消/支付失败回调......

});

Vue的H5页面唤起支付宝支付功能

目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下Vue中H5页面如何使用支付宝支付。其实很简单的，只不过是调自己后台的一个接口而已（后台根据支付宝文档，写好支付接口）。

触发支付宝支付调用后台接口，后台会返回支付宝提供的form表单，我们只要在vue里面创建新节点，将返回的form表单append进去，并提交就可以唤起支付宝支付。另在此说一下这个

returnUrl

,

它是支付后支付宝回调的页面。具体可以根据自身业务，后台写死或者由前端控制。

methods

()

{

/**

*

支付宝支付

*/

goAlipay

()

{

this.$loading.show()

const

data

=

{

/*

自身接口所需的一些参数

*/

...

amount:

this.price,

/*

支付后支付宝return的url

*/

//

returnUrl:

''

returnUrl:

window.location.origin

+

window.location.pathname

+

'?userParams='

+

this.userParams

}

this.$http(

this.$apiSetting.alipay,

data

).then(res

=

{

this.$loading.hide()

if

(res.data.statusCode

===

'000000')

{

const

div

=

document.createElement('div')

/*

此处form就是后台返回接收到的数据

*/

div.innerHTML

=

res.data.data.alipayInfo

document.body.appendChild(div)

document.forms[0].submit()

}

},

error

=

{

this.$loading.hide()

console.log(error)

})

}

}

总结

以上所述是小编给大家介绍的Vue的H5页面唤起支付宝支付功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章:Vue仿支付宝支付功能vue写h5页面的方法总结用vuex写了一个购物车H5页面的示例代码vue-awesome-swiper

基于vue实现h5滑动翻页效果【推荐】解决vue

js

IOS

H5focus无法自动弹出键盘的问题详解Vue开发微信H5微信分享签名失败问题解决方案vue中用H5实现文件上传的方法实例代码vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理