微信小程序webview(H5页面)调用微信小程序支付

这篇具有很好参考价值的文章主要介绍了微信小程序webview(H5页面)调用微信小程序支付。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.业务描述:微信小程序商城入口进入的页面是商城H5页面,在H5页面进行微信支付如何实现;

2.微信小程序(webview访问H5页面)必须使用微信小程序支付;

如何实现以及实现方式以及支付后页面返回功能:

商品详情(h5页面)-->商品确认页(h5页面)-->收银台(h5页面)(点击调用小程序支付页面并关闭收银台)-->进入小程序支付页面(小程序)(根据支付结果判断下一步跳转页面)

支付成功跳转落地页(h5页面)(点击返回-->商品详情)

支付失败跳转回收银台(h5页面)(点击返回-->商品详情)

1).收银台页面文章来源地址https://www.toymoban.com/news/detail-514837.html

//store - action
import wx from 'weixin-js-sdk'

 /**
         * 微信JSSDK调用小程序页面并传递支付信息 vuex--action
         * @param {*} param0
         * @param {*} payType
         */
        AWechatJsPay ({ state, commit, dispatch, rootState }) {
            const openId = rootState.wechat.openId
            const params = { openId, payMethod: 'JSAPI', payType: '1' }
            return dispatch('AGetPaymentSignInfo', params).then(res => {
                const

到了这里,关于微信小程序webview(H5页面)调用微信小程序支付的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序内嵌H5页面实现微信支付

    背景: 在微信H5页面已经实现了微信JSAPI的网页支付,老板要求把整个业务线快速转移到微信小程序中,作为懒惰的程序员来说,直接把页面嵌套到小程序不就行了。说干就干,在小程序中设置好基本信息后,一预览居然成功了,一切看来是那么顺利,可到了系统的支付环节

    2024年02月11日
    浏览(34)
  • 微信小程序使用webview内嵌h5页面 wx.miniProgram.getEnv失效问题

    背景 最近接到一个h5需求,和普通的h5不一样,这个h5页面是嵌入到小程序中使用的,需求简单来说就是展示一个跳转按钮,判断如果是小程序环境下就进行跳转到其他小程序页面。 实现思路 核心逻辑其实就是判断小程序环境这一块,我们可以直接使用wxsdk来进行判断小程序

    2024年02月09日
    浏览(41)
  • 微信小程序webview内嵌H5跳转页面后没有返回按钮完美解决方案

    简单的讲就是我们可以在小程序内放置一个web-view组件来链接我们的HTML页面了。 但是点击跳转页面的时候。页面左上角没有!!返回按钮!!导致回不去了,这不是搞笑的吗。 看了下其他的小程序,发现如果是两个小程序页面跳转的话,第二个页面的左上角是会有返回按钮

    2024年02月08日
    浏览(38)
  • 小程序通过webView打开H5页面并传参(包含webView业务域名配置)、H5页面实现返回小程序并实现传参

    小程序内嵌webview实现跳转、传参 1、小程序通过webView打开H5页面并传参 2、H5接收小程序传参,H5返回小程序并实现传参,小程序接收H5传参 一、小程序通过webView打开H5页面并传参 在小程序中一般通过webview打开H5页面 常见问题: 1、小程序通过webview打开H5页面,需要配置业务域

    2024年02月12日
    浏览(31)
  • 微信小程序嵌套H5页面,调用微信小程序扫码功能,并将结果传回H5页面

    实现方式: 小程序嵌套h5页面,点击h5页面的扫码按钮跳转到小程序的扫码页面,进入之后会立即扫码,拿到扫码结果后,跳转到小程序定义好的webview页面,再由webview页面进入h5页面。 缺点:为了唤起扫码,会进入一个空白的扫码页面 1、小程序嵌套h5页面方法 在小程序中,创

    2024年02月12日
    浏览(34)
  • 支付宝小程序内嵌H5——支付宝小程序webview里面h5跳回道支付宝小程序页面

    背景 小程序开发避免不了要和h5交互,怎么和h5互通信息呢? 代码 1、h5页面手动引入 https://appx/web-view.min.js (此链接仅支持在支付宝客户端内访问);

    2024年02月12日
    浏览(36)
  • 一码多端,一个二维码适用微信小程序,支付宝小程序,h5页面

    最近公司研发自己的一个小程序,因为是线下树牌,涉及到扫码这个问题,但是扫码又分三个端,浏览器扫码,微信扫一扫,支付宝扫码,做这个需求也是遇到了很多坑,在此记录一下 1.扫码进入微信小程序 首先登录微信公众平台,链接 https://mp.weixin.qq.com/  原本此处会有一

    2024年02月08日
    浏览(52)
  • 微信小程序webview跳转页面后没有返回按钮以及变向解决H5安卓无法监听popstate问题

    做了一个app跳转到小程序关注公众号的需求,小程序里面用webview嵌套公众号的H5。 做完我发现左上角它没!有!返!回!键! 然后!我查了好多资料用过双页面跳转让左上角有返回键,但是吧,它确实是有返回键了但是没办法返回到小程序 ,只是在H5内不停的返回在跳转回

    2024年04月12日
    浏览(31)
  • 微信小程序中的H5页面如何调用地理位置导航

    在微信小程序的H5页面中,我们经常需要使用地理位置导航功能,以便为用户提供准确的导航服务。下面将介绍如何在微信小程序的H5页面中调用地理位置导航功能,并提供相应的源代码示例。 获取用户地理位置 在调用地理位置导航之前,首先需要获取用户的地理位置信息。

    2024年02月04日
    浏览(34)
  • uniapp webview H5跳转微信小程序

    第一步:manifest.json 第二步:index.html 第三步 H5跳转微信小程序代码

    2024年02月10日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包