HbuildX 用vue打包app调用微信支付_vue 微信支付 打包app_Are姜祁的博客-程序员秘密

技术标签: HbuildX 用vue打包app调用微信支付  前端  vue.js  

我有一个项目是用vue写的,现在要打包成app用的是hbuilderX,目前想到的唯一方法就是用5+app里的调用支付代码,然后去看5+app文档,微信官方支付文档

		// 获取请求参数
          this.axios({
            url: 后端给的请求接口' + 发送请求获取的订单编号,
            headers: {
              Authorization: localStorage.getItem("token"),
            },
            method: 'post',
          }).then((res2 => {
          // 此处res2获取的是支付需要的参数 详细对照微信官方文档
            console.log(res2)
            if (res.status === 200) {
              // 获取支付通道
              plus.payment.getChannels((channels) => {
                for (var i in channels) {
                  var channel = channels[i];
                  if (channel.id === "wxpay") {
                    this.channel = channel;
                    console.log('this.channel------------', this.channel)
                  }
                }
				// this.channel为支付的通道是微信还是支付宝 此处演示微信
                console.log('channels==============2222222', this.channel);
                // 此处的参数必须转换为字符串, 对应参数已经贴在下面
                // 此处获取的key必须跟微信官方文档一致,标点符号都不能错
                plus.payment.request(this.channel, JSON.stringify({
                  appid: res2.data.data.appId,
                  noncestr: res2.data.data.nonceStr,
                  package: res2.data.data.package,
                  partnerid: res2.data.data.partnerid,
                  prepayid: res2.data.data.prepay_id,
                  timestamp: res2.data.data.timeStamp,
                  sign: res2.data.data.sign
                }), (result) => {
                  plus.nativeUI.alert("支付成功!", () => {
                    console.log('支付成功','console')
                    back();
                  });
                }, (e) => {
                  console.log('支付失败的参数---------------', e)
                  console.log("支付失败:" + e.message);
                  plus.nativeUI.alert("支付失败:" + e);
                });

这里贴一张微信官方文档的图

掉起支付接口
在这里插入图片描述
第一次写文档 只为记录自己的学习过程 感谢大家支持

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44079209/article/details/105591168

智能推荐

Base64是什么?_nsnsttn的博客-程序员秘密

Base64是什么?Base64是一种二进制到文本的编码方式。如果要更具体一点的话,可以认为它是一种将 byte数组编码为字符串的方法,而且编码出的字符串只包含ASCII基础字符。例如字符串ShuSheng007对应的Base64为U2h1U2hlbmcwMDc=。其中那个=比较特殊,是填充符,一会再说。值得注意的是Base64不是加密算法,其仅仅是一种编码方式,算法也是公开的,所以不能依赖它进行加密。为什么叫Base64?因为它是基于(Base)64个字符的一种编码方式。使用其编码后的文本只包含

混沌理论作业简析——两人一组_图像加密解密小游戏_秃头小苏的博客-程序员秘密

 作者简介:秃头小苏,致力于用最通俗的语言描述问题往期回顾:霍夫直线检测原理详解   霍夫直线检测代码实战近期目标:拥有2000粉丝支持小苏:点赞、收藏、留言   写在前面  最近混沌理论的课程要求俩人一组进行图像的加密和解密,即一个人来对一张图像进行加密,另一个人对加密后的图像进行解密。对图像加密的方式有很多种,很自然的想法就是在图像中加入一些随机的噪点,让原始图像变得不清晰。当然方法太多

Xcode6中如何去掉默认的Main.storyboard_ios常的博客-程序员秘密

xcode 6取消了 Empty Application 模板来创建一个工程,创建出来的有工程多了Main.storyboard,默认加载Main.storyboard,但是有很多人还想用代码来实现UI的布局,去除Main.storyboard的有三步:首先如图打开工程下面Supporting Files下面的Info.plist删除下面所指的一行其次找到工程的TAGETS

【资料合集】2017云栖大会 成都峰会全面回顾:PDF下载+现场视频_《企业级互联网架构下cicd实践》pdf_dicyt的博客-程序员秘密

2017云栖大会 成都峰会全方位展示最新云上产品,以全新视角解读大数据时代下的新营销。云栖社区特将本次峰会的讲义PDF+活动视频整理出来,以供大家学习参考。

python爬虫深入爬取_python爬虫爬取数据量Python开发者节省时间的10个方法_weixin_39805255的博客-程序员秘密

Python 是一个美丽的语言,可以激发用户对它的爱。所以如果你试图加入程序员行列,或者你有点厌倦C++,Perl,Java 和其他语言,我推荐你尝试Python。Python有很多吸引程序员的功能 ,它易学,面向对象,字节码编译,免费且开源。还有运行时检查。完整快速的支持,可以执行各种任务的扩展。在这篇文章,我想强调一些 Python 可以节约时间并大限度地提高生产力的方面。在做准备时,我咨询了...

QT:QTreeView文件系统右键菜单实现重命名的问题_qtreeview右键重命名_nalynali的博客-程序员秘密

实现类似Windows文件管理器的功能,左边treeview文件夹列表,右边列出所有文件。关于文件重命名:左边文件树只可以右键重命名,禁掉双击编辑功能。右边文件重命名通过EditTrigger设置。左边treeview的数据模型为:QSortFilterProxyModel *filterModelMyLeftFileView::MyLeftFileView(QFileSystemModel *sourceModel) { filterModel = new QSortFilterPro

随便推点

【vbers】ibv_reg_mr|RDMA_bandaoyu的博客-程序员秘密

原文:https://www.rdmamojo.com/2012/09/07/ibv_reg_mr/struct ibv_mr *ibv_reg_mr(struct ibv_pd *pd, void *addr, size_t length, enum ibv_access_flags access);描述ibv_reg_mr() 注册与Protection Domain关联的内存区域 (MR)。通过这样做,允许 RDMA 设备向该内.

【2020各互联网公司笔试小结】_互联网笔试总结_卡卡莫莱维的博客-程序员秘密

1、【京东】编写一段程序,快速计算出2,3,5自由组合的由小到大的第n个数,也包括2,3,5。 运行结果:代码://京东笔试,第n个2 c3 5组成的数#include<iostream>#include<vector>using namespace std;void fun(int &num, int temp,int n){ if (temp <= 0) return; int sintece = n - temp; if (temp ==

classLoader如何加载class【双亲委托模式】_双亲委托模式中的classload方法_咸粽的博客-程序员秘密

ClassLoader【双亲委托模式进行类加载】它是用来加载Class文件到JVM(Java Virtual Machine(Java虚拟机)的缩写)。以供程序使用的。我们知道,Java程序可以动态加载类定义,而这个动态加载的机制就是通过ClassLoader来实现的。其中有一个ClassLoader不是用Java语言所编写的,而是JVM实现的一部分,这个ClassLoader就是bo...

[课程实验]:以太网链路层帧格式分析_以太网链路层帧格式分析实验_beglage的博客-程序员秘密

目录实验目的实验内容实验过程对ICMP 报文进行具体分析抓取的数据包的相关信息观察Ethernet II 数据帧的内容。观察 IP 数据包的内容。观察 ICMP 数据包内容。实验结果实验体会实验目的 分析Ethernet V2标准规定的MAC层帧结构,了解IEEE802.3标准规定的MAC层帧结构和TCP/IP的主要协议和协议的层次结构。实验内容1.在PC机上运行WireShark截获报文,在显示过滤器中输入ip.addr==(...

RTlinux 简介_happygoer的博客-程序员秘密

RTlinux   RTlinux是源代码开放的具有硬实时特性的多任务操作系统,它是通过底层对Linux实施改造的产物。通过在L inux内核与硬件中断之间增加一个精巧的可抢先的实时内核,把标准的Linux内核作为实时内核的一个进程与用户进程一起调度,标准的L inux内核的优先级最低,可以被实时进程抢断。正常的Linux进程仍可以在Linux内核上运行,这样既可以使用标准分时操作系统即L

推荐文章

热门文章

相关标签