H5微信支付所遇到的若干问题

栏目: JavaScript · 发布时间: 6年前

内容简介:最近做了个H5微信支付的需求,记录一下所遇到的一些问题。。在H5页面中,一开始我们是需要拿到微信用户的信息。因此需要调用获取用户的接口。在第一次调用该接口时,需要有一个授权的过程。没有拿到用户信息的话,就需要调取授权让用户确认。

最近做了个H5微信支付的需求,记录一下所遇到的一些问题。。

cookie 丢失的问题

在H5页面中,一开始我们是需要拿到微信用户的信息。因此需要调用获取用户的接口。

在第一次调用该接口时,需要有一个授权的过程。没有拿到用户信息的话,就需要调取授权让用户确认。

然后问题就来了~授权完成后,会发现后端是拿不到 cookie 信息。经过查询资料后发现原来还是跨域在作祟~

虽然我们解决了基本的跨域问题,即域名(origin)的不同。但是默认情况下跨域请求不会发送 cookie .

这时前端需要设置 XHRwithCredentials: true , 后端也需要配合设置 Access-Control-Allow-Credentials 即可。

axios 为例, withCredentials: truedata 平级:

const opt = {
  url: '/user',
  method: 'get',
  data: {
    name: 'jojo'
  },
  withCredentials: false,
}

axios(opt).then(res=> console.log(res))

这种情况一般是前后端项目不在同一个域名的情况下,且需要带凭证的场景需要设置 Credentials

url未注册(url not registered)

随后微信弹了一下 url not registered 的错误,检查支付目录已经正确的被配置。

相关资料

前端:

微信内H5调起支付

后端:

jsapi 开发流程


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

一本书读懂24种互联网思维

一本书读懂24种互联网思维

安杰 / 台海出版社 / 2015-3-1 / 39.80元

互联网思维已经不再局限于互联网,与当初人类史上的“文艺复兴”一样,这种思维的核心即将开始扩散开去,对整个大时代造成深远的影响。本书是深入研究互联网思维的精华之作,作者深入浅出地集中阐述了24种互联网思维的内核与精神,并结合实例对这24种互联网思维逐一进行了点评。对于个人与企业如何抓住互联网思维背后正喷薄而出的工作、生活、商业上的大革新与大机遇,如何在互联网思维下进行运作,如何运用互联网思维进行升级......一起来看看 《一本书读懂24种互联网思维》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具