uniapp微信环境内H5调起微信支付

第一步：引入微信（js-sdk文件（或者使用npm下载

npm install weixin-js-sdk

第二步：新建一个js文件夹（这里用的是npm下载的包）

const wx = require('jweixin-module');
export const wexinPay = (data, oderid, type) => {wx.config({debug: false,appId: data.appId,timestamp: data.timeStamp,nonceStr: data.nonceStr,signature: data.paySign,jsApiList: ['chooseWXPay']});wx.ready(function() {wx.chooseWXPay({timestamp: data.timeStamp,//这个字段是为字符串后端返回时需检查nonceStr: data.nonceStr,package: data.packageStr,signType: 'RSA',paySign: data.paySign,success(res) {uni.showToast({title: '支付成功',icon: 'success',success() {}})},fail(res) {uni.showToast({title: '支付失败',icon: 'error'})}});});wx.error(function(res) {uni.showToast({title: '支付失败',icon: 'error'})});}

第三步:在需要支付的页面调用这个文件

uniapp微信环境内H5调起微信支付相关推荐

CocosCreator H5 微信内置浏览器调起微信支付
CocosCreator H5 微信内置浏览器调起微信支付先来看看效果图微信公众平台相关文档传送门https://mp.weixin.qq.com/wiki?t=resource/res_main ...
前端怎么从H5调起微信扫描二维码?小程序使用扫码功能.
小程序如何使用扫码的功能呢? wx.scanCode(Object object) 参数属性类型默认值必填说明最低版本 onlyFromCamera boolean false 否是否只 ...
微信公众号H5页面开发--微信JS-SDK引用
微信公众号H5页面开发–微信JS-SDK引用微信提供了微信公众号开发者手册,官方地址:https://mp.weixin.qq.com/ 公众号内许多复杂的业务场景,都是通过网页形式来提供服务,这时 ...
微信html5程序,H5跳转微信小程序
如题,最近有项目需要H5跳转到微信小程序,之前的认知中,跳转到微信小程序只有通过公众号.小程序.扫码这几种方式.终于H5支持跳转小程序了,废话不多说直接贴代码 1.需要微信公众号,并且是已经认证过的服 ...
微信小程序api调起微信提供的功能-网络、媒体、文件、数据存储、位置、设备、界面、开发接口
微信小程序-API 框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等. 说明: wx.on 开头的 API 是监听某个事件发生的API接口,接受一个 C ...
uniapp微信公众号h5开发--（微信开发回调、背景音乐自动播放、微信朋友分享、微信扫一扫）一站式踩坑
微信公众号开发,一站式踩坑开发前提:例如你们域名是https://www.baidu.com 配置nginx反向代理,把你项目的端口重定向到你们测试环境或线上环境域名 # 访问https://bai ...
Uni-app的webview，H5页面在微信小程序中webview再跳回小程序的解决方案
场景: 微信小程序:uni-app开发 H5:uni-app开发小程序其中一个场景需要使用webview嵌入H5,待H5里的业务处理完成再跳转回小程序遇到的问题: webview无法跳转回小程序, ...
html微信支付功能代码,H5调起微信支付功能(示例代码)
第一步:需要后端返回需要的以下参数: 该操作是你提交完订单信息后在接口所返回的json, 其次将其存储起来,我用的localStorage var payParams = { "appId& ...
Vue 微信开发，微信内H5调起微信支付
注意:打包后的Vue URL 需要在微信公众平台设置好JS安全域名 <template><div class="icontent"><h3 style ...

uniapp微信环境内H5调起微信支付

uniapp微信环境内H5调起微信支付相关推荐

最新文章

热门文章