本篇文章给大家谈谈uniapp
小程序调用微信支付,以及uniapp调用支付接口对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
今天给各位分享uniapp小程序调用微信支付的知识,其中也会对uniapp调用支付接口进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
uniapp支付之微信支付
本文内容是指的uni-app项目的支付,文档中5+ APP的项目类型不涉及。
虽然uni-app已经为我们封装好了一个统一的API,所以在uni-app中我们只需要调用uni.requestPayment即可。但是uni-app官方文档的散乱看起来也挺头疼的。这里我精简整个流程,并对自己开发时碰到问题做个总结。
需要注意的是,支付模块的开发不仅仅是需要客户端的开发,还需要服务端的开发。这里是在保证服务端的
配置正确的前提下,对于前端uni-app的开发与配置指南。
这里有必要说明一下,申请微信支付流程对于初次申请者会感觉有些混乱,如果不理清相应关系可能会在各种平台找来找去。
对于APP,要在微信开放平台( https://open.weixin.qq.com )注册申请账号。注这里公司使用需300元认证费。在应用详情中申请开通微信支付功能。
当审核都通过了,就可以获取到应用ID(APPID,即类似于个人ID一样,唯一标识)
有了以上基础,申请微信商户平台( https://pay.weixin.qq.com ),注册申请账号。之后只需关联AppID,即可。
无需配置,只需保证微信小程序配置即可。
在manifest.json文件“App模块配置”项的“Payment(支付)”下,勾选“微信支付”项
调用 [uni.requestPayment(OBJECT)]发起支付,OBJECT参数中provider属性值固定为 wxpay 、
这里 的timeStamp, nonceStr, package, signType, paySign是由后端与微信交互生成的,值得注意的是package,微信直传过来的值是packageValue。
这里是orderInfo,该属性值为订单对象。依然值得注意的是package,微信直传过来的值是packageValue。
partnerid,微信传过来的是partnerId。
prepayid,微信传过来是prepayId。
noncestr,微信传过来的是nonceStr。
timestamp,微信传过来的是timeStamp。
这里一定一定要注意大小写,不然订单请求失败,让你找问题,找到痛不欲生。
至此,微信小程序已经可以正常支付了。而APP则需要打包才可以。uni-app有两种打包方式,一个是提交云端打包,一个是本地离线打包。这里说下离线打包的相关配置和问题。
关于离线打包我会单独出一篇,这里不在讲解。只进行微信支付相关配置讲解。
在uni-app官方提供的App离线SDK中有一个打包工程,如果想使用微信支付,就需要添加相应的依赖库以及资源,这点我就很怀念cocopods,方便太多了。
注意:SDK 中的
1.在URL Types 中添加配置: identifier 填写 weixin ,URL Schemes 填写 wx[后面是您在微信平台申请的appkey] ,如果没有该项按照图中的格式创建。注意 wx 这两个字母必须添加。
小程序如何接入微信支付
一般当你的微信小程序注册并认证成功之后,接下来就需要开通微信支付功能,下面就和大家分享一下小程序如何接入微信支付?
步骤一:开通微信支付功能
登陆微信小程序账号,左侧有一个微信支付功能,点击开通
步骤二:选择选择开通方式
①申请一个新的微信支付商户号
根据微信的提示填写信息,每填好一步记得点击“保存并下一步”。其中“填写基本信息”有一个“微信扫码”,使用您的手机扫描后关注该公众号:上面会提示您微信支付的进度。
(4)完成信息后,跳出如下提示:
可以从微信支付模块看到申请进度
(5)在您的微信支付公众号中会有审核进度提示:
(6)如果审核通过了:(建议使用电脑端打开您的邮箱,因为后面需要用到手机,直接用手机打开不方便操作)
1.您会在您之前留下的邮箱内收到“验证通过”提示
2.手机短信提示“验证成功”;
3.您的微信收到提示“验证成功”;
(7)切记:保存好从你的邮箱中获取的“微信支付商务号”和“商务平台登录账号”。
按照您收到的邮件的提示进行操作:(这里是手机签约教程)
1)打开微信扫描二维码,并根据手机上的提示完成操作:(在这之前你需要了解:“微信验证方”向您之前填写的银行卡中转入的具体的金额,后面“签约”需要用到。)
这是上图第1步扫描二维码后在手机上进行的签约:
如下图:按照图中的1—6步,执行。
这是上上个图第2步点击“前往操作”:点击后跳转商户平台的页面:手机扫描后—点击允许登录
1、绑定已有微信支付商户号
填写相关信息,提交即可。更多的信息详情访问:如何获取与绑定微信支付商户号及商户密钥?
以上就是如何开通微信支付功能,大家不懂的,可以参考这篇文章,希望以上的内容对大家有所帮助!
App微信支付 iOS 微信支付 小程序支付 微信公众号支付
最近接到一个项目,需要做App微信支付 iOS 微信支付 小程序支付 微信公众号支付 在这个过程中走了很多弯路。因此记录一下
App微信支付 iOS 微信支付 小程序支付
在app支付中查看 uni-app官网 可以实现 app微信支付 App微信支付 iOS 微信支付 小程序支付
注:iOS 微信支付 需要调起上面
链接里面的App支付 可以实现 iOS 微信支付,需要在苹果开发账号配置一些东西详细看文档 并且IOS只能打包在手机测试
微信公众号支付
查看文档 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7index=6 里面有详细的流程,我遇到了一些坑 做之前建议小伙伴们把需要的东西提前准备好
注: 微信支付需要openid 前端需要拿code去换取后台的openid 获取code的请看问文档 微信开放文档
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3bee622d60redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.phpresponse_type=codescope=snsapi_userinfostate=STATE#wechat_redirect
上面的链接需要填appid redirect_uri而redirect_uri 需要urlEncode 对链接进行处理 scope的参数snsapi_base不弹出授权 snsapi_userinfo弹出授权
微信小程序调用微信支付流程,包括提交订单,发起支付
1.调用wx.login登录接口获取登录凭证,返回code信息
2.向后台传输数据提交订单 登录凭证 订单价格totferr code 平台user_id
3.后台通过user_id查询 appid,小程序密匙,然后把 小程序appid,openid用户唯一标识,machid商户号,商户密匙wxsecret,价格传入获取一个WeixinPay实例,
调用WeixinPay的pay方法,返回结果$return,
微信端接受到成功数据后发起支付
支付成功
uniapp中付款按钮是什么
uniapp中付款按钮是保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
前端中的input类标签中的radio和checkbox前面的选框的样式是不能改变的,但是这往往会造成我们在用起来时候样式的局限性,以下是改变样式的方法:隐藏默认样式。
uniapp运行环境:
运行uni-app项目需要安装HBuilderX前端开发工具。
浏览器运行:进入uniapp项目,点击工具栏的运行-运行到浏览器-选择浏览器,即可在浏览器里面体验uni-app 的 H5 版。
真机运行:连接手机,开启USB调试,进入uniapp项目,点击工具栏的运行-真机运行-选择运行的设备,即可在该设备里面体验uni-app。
在微信开发者工具里运行:进入uniapp项目,点击工具栏的运行-运行到小程序模拟器-微信开发者工具,即可在微信开发者工具里面体验uni-app。
关于uniapp小程序调用微信支付和uniapp调用支付接口的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
uniapp小程序调用微信支付的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于uniapp调用支付接口、uniapp小程序调用微信支付的信息别忘了在本站进行查找喔。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
暂时没有评论,来抢沙发吧~