导航:首页 > 软件知识 > 微信小程序里面怎么设置支付

微信小程序里面怎么设置支付

发布时间:2024-07-12 07:44:23

A. 怎么设置微信地铁小程序优先银行卡付款

打开地铁小程序付空桥款方式。
选择支付设置,同意开圆亏举通免密支付,再选择需要修改的付款方式,进入到页面后,再去点击扣费方式,等到提示框页面弹出来后,再去勾选具体的支付方式即可。
该程序可以离线使用,即用户扫码乘车之后,可以实行异步扣款,真正的“先上车,在给钱”、甚至是“下了车,再给钱”。大大便利了人们橘碧的出行。

B. 微信小程序支付功能怎么实现

企业微信公众号后台注册并认证小程序,有了企业主体的小程序,你就可以开通支付功能了。开通微信小程序支付功能,奥慧介绍这两种方法:(1)小程序绑定微信支付自有商户号登录小程序后台,点击左侧【微信支付】- 支付申请 - 申请接入。选择“我还没有微信支付商户号”的方式,点击“申请接入”,注册微信支付商户号,按要求提交相关材料即可。微信支付申请完,会发送微信支付商户号,商户平台用户名密码等信息到注册者邮箱。登录微信支付商户平台,点击上方的“账户中心”,在左侧选择“商户信息”,然后在“商户信息“页面中的基本账户信息下,复制微信支付商户号的号码。再在左侧选择“API 安全”,然后在“API密钥”下设置API密钥。在小程序编辑器中,点击【设置】- 收款设置 - 绑定自有微信支付账户,填写商户号、API密钥。(2)使用“绑定微信支付服务商特约商户”功能:在小程序编辑器内点击“设置 - 收款设置-立即开通特约商户”,填写管理员信息、上传相关资料(营业执照、组织机构代码证等信息),等待微信审核,此过程大约需要1-5个工作日不等(微信官方审核时间不稳定)。审核通过后需要完成打款认证及签署协议,管理员可以通过手机签约或者电脑签约。验证相关信息并签约之后,等待编辑器的微信支付功能开通即可。

C. 小程序付款要使用微信支付显示未设置支付方式

小程带亏序付款要使用微信支付显示未设置支付方式原因是没有绑定银行卡。登录小程序后台,点击左档举侧微信支付,选择开通,蠢蠢神选择绑定已有微信支付商户号,填写商户号和商户登录密码,提交即可,开通成功。

D. 微信小程序怎么内嵌网页实现支付

内嵌网页中可使用JSSDK 1.3.0提供的接口,可坑就来了,居然不支持支付接口的调用,经过一番研究,总算打通了两边的交互。

大概流程

1、先说明涉及到的文件,下面会用到

1.1 app.js:小程序的app.js文件,在globalData里定义一个全局变量paySuccessUrl: '',用来保存支付成功跳转url
1.2 wxminiwebview.js:小程序中放web-view的界面 1.3 wxminipay.js:小程序原生支付界面
1.4 web_pay.vue:内嵌网页会调起支付的路由组件界面,由于我是用vue+vue-router写的,所以你最好了解下vue和vue-router,记得引入微信jssdk1.3.0,最新版本才包含小程序相对应方法。很遗憾,微信并没提供npm包,github有人提供的commonjs引入方式的微信jssdk版本也只有1.2.0,所以就只能这样引入了。

<script src="./static/jweixin-1.3.0.js">script>

2、首先我们像官网那样正常嵌入一个内嵌网页,url是wxmini_webview.js中data中定义的变量,webview加载的就是网页就是这个url。

<web-view src="{{url}}">web-view>

3、在内嵌网页web_pay.vue里判断当前是否是微信环境。

window.wx.ready(function () {
isWxMini = window.__wxjs_environment === 'miniprogram'
})

4、在内嵌网页web_pay.vue调用支付时把支付金额,支付说明,支付成功跳转url...(任何你想要的参数,记得encodeURIComponent),传给小程序原生页面。

if (isWxMini) {
let jumpUrl = encodeURIComponent(window.location)
let path = `/page/pay/pay?amount=${amount}&title=${desc}&jumpUrl=${jumpUrl}`
window.wx.miniProgram.navigateTo({
url: path
})
}

5、在小程序支付界面wxmini_pay.js里获取到内嵌网页传过来的值,这里演示方便,实际上是在page的data里存储这些会显示在界面的值好些。

onLoad: function (options) {
console.log(options)
// 获取网页传过来的值
// TODO 用es6解构来获取值TODO
jumpUrl = options.jumpUrl
amount = options.amount
title = options.title
...
},

6、支付成功后,把跳转url附带支付结果及当前时间保存到全局变量。

paySuccess () {
let currentTime = new Date().getTime()
//这是为了防止wxmini_webview.js文件里调用setData由于前后两个url一致导致路由不触发刷新的bug
jumpUrl = options.jumpUrl+encodeURIComponent(`?payResult=1&time=${currentTime}`)
//payResult=1表示支付成功,这里我偷懒了直接在url后面补?,实际情况比较复杂
//为了实现支付成功返回后的无刷新加载,这里的参数应该是属于路由web_pay.vue的,而不是属于window.location.search的
//所以要判断路由锚点#的位置和是否已经有路由参数(如果是vue-router的history模式我没用过,应该和window.location一样吧)
getApp().globalData.paySuccessUrl=jumpUrl //保存跳转url到小程序全局变量里
wx.navigateBack() //返回会上个页面,也就是承载网页的容器页面wxmini_pay.js
}

7、回到小程序wxmini_webview.js,会触发onshow,在里面进行界面无刷新加载。

onShow: function () {
console.log('on show')
let paySuccessUrl = getApp().globalData.paySuccessUrl
getApp().globalData.paySuccessUrl="" //清空支付成功url,防止一些操作触发onShow事件
if (paySuccessUrl) {
let url = decodeURIComponent(paySuccessUrl)
this.setData({
//这里在次说明下步骤6中的&time=${currentTime},就是因为不加这个当你第一次支付成功回来这里
//这个url跟你第二次支付成功回来这里是一样的,会导致第二次支付开始,这里的setData方法失效
url
})
}
},

8、步骤7中的setData会触发webview中的网页加载,由于我采用的是vue-router,而且前后两个url只有路由的参数query不一样,所以并不会触发界面刷新,也不会触发路由的重新加载,而是只会触发beforeRouteUpdate 这个方法,举个例子,现在支付前界面是https://host/#/pay,然后支付成功后跳转https://host/?payResult=1&time=123456#/pay,此时界面不会刷新,pay路由也不会重新加载,而是触发beforeRouteUpdate (to, from, next),你要做的只是在这里界面解析to.query里的数据,然后该干嘛干嘛

beforeRouteUpdate (to, from, next) {
console.log('路由发生改变,很有可能是小程序的支付成功回调')
let payResult = to.query.payResult
if (payResult) { // 小程序支付成功
if (payResult === '1') {
console.log('支付成功,下班打卡走人')
}
}
next()
},

E. 微信小程序里怎么微信支付

微信小程序里怎么微信支付?1
/6
申请微信支付。小程序认证以后,可以在小程序后台,微信支付菜单栏,申请微信支付。填写企业信息和对公账户,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在线签署迁移,即完成了微信支付的申请流程。
微信支付申请完,会发送微信支付商户号,商户平台用户名密码等信息到注册者邮箱。
2
/6
配置小程序密钥。小程序后台设置页,点击生成,管理员验证二维码后,会随机生成AppSecret。请妥善保管好Appsecret,不要明文存储于服务器,AppSecret用于和微信服务器交互。比如获取用户的openid接口就需要用到.
3
/6
设置密钥和下载证书
用申请微信支付获得的用户名和密码,登录商户平台(pay.weixin.qq.com),在账户中心,API安全中下载证书和设置密钥。
密钥是32位,设置以后需要妥善保管,因为无法查看密钥,所有微信支付相关的接口都会使用这个密钥加密。
4
/6
配置HTTPS服务器 小程序的前端是使用微信提供的框架开发,但是后台依然是开发者自己的服务器。小程序发起的是HTTPS请求,意味着小程序开发者必须配置HTTPS服务器。配置HTTPS服务器之前,先要获取证书,证书可以向相关机构购买,腾讯云目前可以向用户提供免费的证书。
5
/6
微信支付流程
微信支付有多种支付方式,包括刷卡支付,公众号支付,扫码支付,APP支付,所有微信支付的接口都可以到官方找到。小程序是在微信里调起支付的,其实是公众号支付,关于公众号支付的详细文档可以这里找到:http://bbs.html51.com/f-37-1/。所有公众号支付相关的链接都可以在此链接找到,开发者首先需要大概了解这些接口。
小程序公众号支付的主要流程如下(本图只考虑了正常流程,异常流程参考公众号支付文档):
6
/6
小程序调起微信支付,用的是小程序微信支付接口wx.requestPayment,该接口的详细描述可以查看小程序的微信支付API。
这个接口中的package和timeStamp参数是从开发者的第三方服务器返回的,package是第三方服务器从统一下单接口回复中获得。
接口中其他的参数,appId,noceStr,signType以及paySign则由小程序这边存储或者计算而得。

阅读全文

与微信小程序里面怎么设置支付相关的资料

热点内容
苹果13已进入界面怎么传数据 浏览:699
如何提高信息报送水平 浏览:886
现在外国有什么合适代理 浏览:695
pcr技术的原料是什么意思 浏览:924
房屋出租信息发哪里 浏览:290
梧州二广市场怎么去 浏览:386
ems的寄件信息怎么导出 浏览:644
神奇市场有哪些 浏览:734
微信开发小程序用哪个编译器写 浏览:367
三角警示牌属于什么产品 浏览:744
淘宝超时取消交易是什么原因 浏览:374
你认为孩子对哪些科学技术感兴趣 浏览:272
无线网代理类型未设置怎么设置 浏览:27
苹果同步数据为什么一直失败 浏览:170
中国移动数据卡是什么意思 浏览:771
水产交易市场是怎么交易的 浏览:447
黄石菜市场什么时候开业 浏览:151
怎么可以提高打架技术 浏览:126
小程序搜索功能有什么影响 浏览:185
微信小程序中什么是数据驱动界面 浏览:924