微信扫码的接口开发文档(微信小程序扫码接口)

网友投稿 1228 2023-02-17


本篇文章给大家谈谈微信扫码的接口开发文档,以及微信小程序扫码接口对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 今天给各位分享微信扫码的接口开发文档的知识,其中也会对微信小程序扫码接口进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

手把手教你调用微信扫一扫!三分钟包会

这是我第一次公众号开发,本以为看着微信官方文档直接复制粘贴就好了,没想到是我天真了,爬过一个坑又入一个坑!就这么一个简单的事,竟然搞了一下午,所以写了这篇文章,希望可以帮到大家!

第一步:引入 weixin-js-sdk

直接在 html 文件内,使用 script 引入:

或者

第二步:权限验证配置

timestamp,nonceStr,signature 重要信息请根据自己的公众号信息去获取。需要注意的是 debug 调试的时候,设置为 true ,会自动弹出配置成功或失败信息,调试时可以借助它。

第三步:调用扫一扫接口

我们在需要的按钮处,点击事件处开始调用扫码接口,如:

做了一个判断处理,检查只有微信浏览器,其他浏览器不可以调用:

第四步:真机测试

真机测试的时候,一直在提示:

errMsg:config:invalid signature

中文叫做签名无效。

查找原因是因为我的签名获取来和官方 微信 js 接口签名校验工具获取来的数据不一样,很明显获取的签名有问题,是因为我的 url 配置和前端调起接口的 url 不一致造成的。

第五步:苹果手机测试

苹果手机真机测试,提示错误信息为:

the permission value is offline verifying

翻译为中文:权限值正在脱机验证

这个错误原因是 config 没有正确执行。

又继续去检查签名的问题,最后发现是后台接口字段写错了,欲哭无泪,总之还是签名信息错误。

第六步:安卓正常,苹果点击无反应

用安卓测试的时候,竟然好了,完美展示扫码结果,以为要好了。使用 ios 测试的时候,竟然发现点击的时候没有任何反应。

找了半天原因,是因为 window.location.href 不同造成的。

测试结果:

安卓:https://hp.******.net/

IOS:https://hp.******.net//

IOS 手机就是因为 url 与签名配置处的 url 不同,所以导致 config 执行失败。究其原因是因为我的 vue-router 是 hash 模式。

解决方案:把我的 hash 模式换成 history 模式。记得后台也需要配置 nginx 。

第七步:IOS 扫码无反应

当 IOS 能调起接口的那一刻,我以为要成功了,哪知道它就是要与 安卓 与众不同,扫码之后没有任何反应,但是如果你快速地连续多扫几次就会出现结果。

你就说要命不?网上查找了半天,看见有的人说有延时,最后想干脆加个延时算了。

果然加了延时之后就好了。

第八步:扫码结果处理

可能存在问题:

1、iOS设备扫码正常,Android设备扫码后没反应
2、Android设备扫码正常,iOS设备扫码后没反应

原因 :微信开发文档并没有说清楚,其实在微信后台可能是维护了2个接口, 或者是对设备类型进行了区别,总之在 回调 函数中返回的结果封装对象并不是同一个, 所以这要求我们也进行相应的处理, 不然就会出现上面这种默认奇妙的问题。

IOS 返回结果:

Android 结果:

第九步:修改路由

本以为 苹果安卓手机都能够正常扫码,没问题了。但是领导换需求了,之前是扫码放到外边,可以匿名扫。现在要修改成登录之后才可以扫码。

我就把路由修改了一下,先在登录页登录成功之后,再进入扫码页,后台也同步修改了 url 地址,修改完测试发现:

安卓的一切正常。

苹果手机坏了!

奔溃了,看看错误提示:noPermissionJsApi:[],errMsg:"config:ok"。

确定之后有一个错误提示。

errMsg:scanQRCode:the perssion value is offline verifying

一顿百度猛如虎,半天原地打转转!

有前边一次经验教训,我就又去找地址的原因。最后发现是竟然 $router.push 的跳转影响了我的 url ,在 IOS 上的 push 跳转不能写入浏览器的地址栏,但是安卓可以,导致安卓和 ios 跳转之后的地址不同,所以 ios 失败了。

解决办法:

此时就正常运行了。这下满足项目要求了,不会再出什么幺蛾子了!

微信官方开发文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#4

我们的网站想通过扫描支付接入微信支付这接口怎么弄?

微信支付扫码支付接入流程
1、注册帐号
注册微信公众平台,选择帐号类型为服务号,填写相关资料并通过微信支付认证
2、填写资料
商户需提供以下3项资料:
1. 经营类目以及对应经营资质
2. 企业联系信息
3. 企业银行账户等信息
其他信息诸如企业法人信息、营业执照、组织机构代码证等将直接从微信公众号认证资料中获取,无需重新填写
3、商户验证
在资料提交后,微信支付会向您的结算账户中打一笔数额随机的验证款。待资料审核通过后,查收款项,登录微信商户平台,填写款项数额。数额正确即可通过验证
4、签署协议
验证通过后,在线签署线上协议
5、售卖商品
开发完成之后,即可上线产品进行售卖

微信扫码支付成功后如何跳转?异步请求的查询订单接口要怎么写

这类专业的技术问题涉及到了代码的层面,您在网上询问肯定是得不到完美的解决的,建议您可以下载一下开发者文档
该文档在您申请了微信商家之后就可以下载的
然后根据文档里面的技术规范进行调整和开发

怎么做一个在微信上扫描二维码然后就打开文档,具体步骤方法

可以在腾讯文档内制作一个文档,然后把分享的链接制作成二维码即可,步骤如下:

所需材料:浏览器。

一、首先百度“腾讯文档”,打开腾讯文档首页。

二、登录入腾讯文档后,点击“新建”,选择“在线文档”。

三、选择一个模版。

四、在文档内进行编辑。

五、编辑之后,左上角会显示出“最近保存”,这时该文档已经保存至个人帐号下了。

六、这时点击右上角“分享”。

七、分享方式内点击“复制链接”。

八、这时百度搜索“在线二维码”,并点击“草料二维码生成器”。

九、粘贴入分享的链接,点击“生成二维码”。

十、生成二维码之后,点击“保存图片”,这时把这张二维码通过电脑版微信发送给好友,他们扫描后就会自动进入这个文档的编辑界面。

关于微信扫码的接口开发文档和微信小程序扫码接口的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。 微信扫码的接口开发文档的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于微信小程序扫码接口、微信扫码的接口开发文档的信息别忘了在本站进行查找喔。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:vue2.0实现前端星星评分功能组件实例代码
下一篇:中国天气网api接口文档(中国天气网数据获取)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~