uniapp小程序对接微信支付（uniapp支付）

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

本文目录一览：

• 1、uniapp支付之微信支付
• 2、uni-app微信支付
• 3、小程序如何接入微信支付
• 4、App微信支付 iOS 微信支付 小程序支付 微信公众号支付
• 5、微信小程序中如何接入微信支付？
• 6、uni-k如何连接微信

uniapp支付之微信支付

本文内容是指uniapp小程序对接微信支付的uni-app项目的支付uniapp小程序对接微信支付，文档中5+ APP的项目类型不涉及。
虽然uni-app已经为uniapp小程序对接微信支付我们封装好了一个统一的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 这两个字母必须添加。

uni-app微信支付

1、权限

2、res.data为orderInfo参数，调取接口，后端返回，获取支付参数,注意key值为小写

3、调取支付

4、注意
（1）
https://uniapp.dcloud.io/api/plugins/payment?id=orderinfo
（2）
https://uniapp.dcloud.io/api/plugins/payment
（3）provider值：
https://uniapp.dcloud.io/api/plugins/provider

小程序如何接入微信支付

一般当你的微信小程序注册并认证成功之后，接下来就需要开通微信支付功能，下面就和大家分享一下小程序如何接入微信支付？

步骤一：开通微信支付功能

登陆微信小程序账号，左侧有一个微信支付功能，点击开通

步骤二：选择选择开通方式
①申请一个新的微信支付商户号

根据微信的提示填写信息，每填好一步记得点击“保存并下一步”。其中“填写基本信息”有一个“微信扫码”，使用您的手机扫描后关注该公众号：上面会提示您微信支付的进度。

（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弹出授权

微信小程序中如何接入微信支付？

在微信小程序想要接入微信支付应该如何操作呢？下面我来教大家详细的方法吧。

01

首先我们登录微信后，在发现页面里进入到小程序功能。

02

接着在搜索框里输入微信支付进行搜索。

03

最后微信支付的小程序就出来了，我们先点一下右上角的原点退出微信支付小程序先。

04

然后返回到小程序的首页，在最近里会看到微信支付小程序，向左滑动就可以把它添加到自己的小程序里，看到星星即代表添加成功。

uni-k如何连接微信

uni-k可以通过以下步骤来连接微信：1. 点击“打开客户端”按钮；2. 在出现的页面中输入账户和密码；3. 连接你的微信账号；4. 通过uni-k提供的菜单中进行个人账号管理；5. 查看你在uni-k上的所有账单。 关于uniapp小程序对接微信支付和uniapp支付的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 uniapp小程序对接微信支付的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于uniapp支付、uniapp小程序对接微信支付的信息别忘了在本站进行查找喔。

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