Hbuildx 使用vue打包的App实现微信支付功能

最新推荐文章于 2025-10-01 09:00:00 发布

原创

最新推荐文章于 2025-10-01 09:00:00 发布 · 1.1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#App #支付 #微信支付 #vue #Hbuildx

本文介绍使用vue+h5+plus技术，结合hbuildx打包App实现微信支付功能。先说明准备工作，包括在微信开放平台创建移动应用审核、获取支付能力并配置Appid等，还提及打包证书注意事项。接着贴码介绍实现步骤，同时给出获取支付通道和测试的注意点。

很多兄弟在做App微信支付的时候出现报错，code:62000? code:-1? code:-100? 那是你没看本博主的文章！

前言：
本文章使用的是vue+h5+plus技术，结合hbuildx打包的App，实现在App中微信支付功能。

准备：
1.Appid
Appid需在微信开放平台中创建移动应用审核，审核成功后可查看Appid

注：包名以及签名一定和你的App对照仔细（一般签名重新打包时是会变的，去开放平台直接修改签名就行了）。

在这里插入图片描述
不要忘记获取微信支付能力，获取完在hbuildx的manifest.json文件中配置Appid

在这里插入图片描述

打包的时候使用自有证书：安卓平台证书签名
注意点：生成的证书信息要有md5，这和jre的版本相关，详细jre版本看官方网站给的说明

Keystore type: PKCS1

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sslcsq

关注关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Hbuildx 使用vue打包的App实现微信分享功能

sslcsq的博客

08-09

952

前言：本文章使用的是vue+h5+plus技术，结合hbuildx打包的App，实现在App中分享页面到朋友圈以及好友。下面贴码介绍： <nut-popup v-model="isVisible" position="bottom"> 分享到 <div class="custom-wrap"> <div @click="shareWX('WXSceneSession')"> <img src="@/assets/images/weixi

vue项目用hbuild封装的app调用微信支付，支付宝支付

blingblingBin的博客

02-26

1574

vue项目用hbuild封装的app调用微信支付，支付宝支付 1.打开支付通道 //wxChannel是要在拉起微信支付时带的参数，这个值最好不要放到data函数中去定义，容易出问题（我这边就是会报没有值） //另外会忽视到一点就是应用包名和应用签名，当请求参数没有问题时， //应该在微信开放平台的引用信息里面将打包的app的应用包名和应用签名填入， //且确保两者是一样的，然后清除手机里的缓存，再重新打开app，提交订单支付， //这样就可以拉起微信支付了

3 条评论您还未登录，请先登录后发表或查看评论

vue项目+hbuilder打包实现微信支付

09-30

vue项目+hbuilder打包实现微信支付

HbuildX 用vue打包app调用微信支付

weixin_44079209的博客

04-18

1958

我有一个项目是用vue写的，现在要打包成app用的是hbuilderX,目前想到的唯一方法就是用5+app里的调用支付代码，然后去看5+app文档，微信官方支付文档 // 获取请求参数 this.axios({ url: 后端给的请求接口' + 发送请求获取的订单编号, headers: { Aut...

uniapp 开发Android 之HbuildX 离线打包 app 项目实战

最新发布

dazhong2012的专栏

10-01

712

本文介绍了使用 UniApp 结合 HBuilderX 进行 Android APP 离线打包的完整流程。主要内容包括：环境准备：需安装 HBuilderX、Android Studio、离线 SDK（版本需匹配）、Java JDK 等工具；关键步骤：从生成本地资源、配置 DCloud 开发者中心到最终生成 APK；详细操作：注册开发者账号、创建应用、配置 AppID、生成打包资源，以及 Android Studio 项目的创建与配置；注意事项：强调离线 SDK 与 HBuilderX 版本一致性，

hbuilder 微信app支付

lixiaoyi01的博客

05-09

2739

@RequestMapping(value="wxTestPay") @ResponseBody public String wxTestPay(HttpServletRequest request, HttpServletResponse response) throws ParseException, JDOMException, IOException{ // 账...

hbuild app实现微信支付

weixin_42340514的博客

08-19

330

支付配置参考http://ask.dcloud.net.cn/article/71 注：微信支付需打包后安装到手机测试 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </hea...

mui微信支付php,Hbuilder mui——app微信支付

weixin_35815640的博客

03-18

279

一、参数说明做app首先需要在微信开放平台后台创建应用，第二步勾选ios和Android应用平台，其中Android应用需要填写应用签名、应用包名，重点就在与如何获取应用包名、应用签名。(审核和开通方式教程)应用包名：就是Hbuilder中打包时填写的Android包名；应用签名：如果用的是DCloud公用证书，则微信应用签名为："59201cf6589202cb2cdab26752472112"...

用HbuildX打包vue 项目为App，打包app 可嵌套访问vue项目

weixin_44514665的博客

11-23

1893

场景用vue写好了H5 app项目，现在想要把这个项目打包成App，也就是将vue项目打包成app上架，测试。用Hbuild 打包vue项目主要步骤打开hbuildx，新建一个5+App项目然后修改项目中生成的index.html文件内容，填写需要访问的网址，填写测试连接就是打包测试包，也可以打包发布包根据项目修改manifest.js 的文件配置以上配置好之后，原生APP云打包，就...

Hbuilder集成微信支付教程(简单流程)

奋斗的蜗牛

08-25

8066

整个系统运作的流程大致是这样： (1)APP向服务器发出需要付款的请求 (2)服务器请求微信服务端下单 (3)服务器将下单数据回复给APP (4)APP向微信服务端发起请求并输入密码进行支付关键字用加粗表示，APP指用户正在使用的APP，服务器指自己的业务服务器，微信服务端指微信端的服务器。那整个流程具体怎么实现？请看下文，将会从申请接口开始讲述。第一步打开https://

Hbuilder mui——app微信支付

weixin_30755709的博客

07-18

715

一、参数说明登陆微信开放平台（注意是开放平台，不是公众平台）；https://open.weixin.qq.com 做app首先需要在微信开放平台后台创建应用，第二步勾选ios和Android应用平台，其中Android应用需要填写应用签名、应用包名，重点就在与如何获取应用包名、应用签名。（审核和开通方式教程）应用包名：...

HBuilder webApp开发(十二)微信/支付宝支付

热门推荐

小猿猪哥的博客

07-13

2万+

在公司的项目中，使用了微信支付，支付实际项目里面的支付流程和之前做原生app的时候是一样的。只是现在使用H5开发。 Hbuild是支持微信支付和支付宝支付的，虽说项目里只使用了微信支付，但是还是要研究一下支付宝支付的。以前写《【iOS】集成支付宝支付/银联支付/微信支付》那个时候遇见了很多坑，但是趟过去了，后面就好了。看文档在接触一个新的事物时，先看看官方的文档。《支付插件配置》这

hbuilder的移动端APP如何实现微信支付,求具体流程详解

麻球科技

07-14

1万+

HBuilder 基座已实现H5 plus的支付API，现已集成支付宝快捷支付平台。使用支付功能前必须在支付宝网站开通”快捷支付“服务，并配置服务器生成订单信息。开发指导支付流程如下： plus API使用步骤： 1. 调用plus.payment.getChannels()获取系统支持的支付通道； 2. 调用plus.payment.request()发起支付请求。

hbuilder 集成微信支付

l123y123c123的博客

10-11

301

在微信授权上和在微信支付上签名问题主要是，需要去掉：并且将签名改成小写如果签名错误更改api密钥

HBuilderx打包APP解决支付问题

艺术编程

08-17

4244

最近有个小的支付项目想要做成APP，由于很简单所以我研究了下H5打包成App，我使用的是Hbuilderx这个IDE进行的打包其中让我费劲的主要是支付这块。下面详细说下步骤及一些问题和解决方法。 1.打开HBuilderx新建项目选择5+APP，然后输入你的项目名称； 2.创建项目成功后将你的项目填入到项目中即可； 3.然后点击运行中的原生APP-云打包进行打包； 4.选择打包的一些设置，证书我选的使用公共测试证书； 5.配置manifest.json...

HBuilder基础上调用支付宝App支付、微信支付App支付（PHP）

qq_31570703的博客

12-28

3147

1.微信支付注意事项: {"code":-100,"message":"[payment微信:-1]General errors"} 以上错误码-100是5+SDK的错误码，而-1为微信支付SDK的错误码，对应的微信的错误类型为：签名错误、未注册APPID、项目设置APPID不正确、注册的APPID与设置的不匹配、其他异常等。根据错误提示我们逐步排除。登记的包名或签名错误核对微信...

vue webapp 调用 微信支付宝支付

ylp的博客

08-12

1363

记录一下 vue import router from '../router/index' let Pay = new Object(); Pay.getPay = function(data,type) { // console.log("pay",data,type); //获取支付通道 let wechatChanel = ''; let alipayChanel = ''; plus.payment.getChannels(function(channels

HBuilder打包h5实现微信支付前后端

qq_38990795的博客

12-10

2440

背景:前端使用HBuilder打包h5,后端使用java. 首先在微信开放平台注册一个移动应用:https://open.weixin.qq.com/cgi-bin/index?t=home/index&lang=zh_CN 对创建的应用进行一些功能上的申请:由于我使用的是公司账号,通过绑定公司的商户号获取微信支付功能. 如图微信支付功能为已获得状态的时候,就可以继续进行下一...

hbuilder 微信支付成功需要通知服务器吗,整合Hbuilder，实现app的微信支付与支付宝支付...

weixin_29560063的博客

08-12

313

1.对于使用Hbuilder开发app对接的移动支付，相信关于这方面的文档有很多，本人今天简单说一下自己在做的时候遇见的坑。1.1 在app客户端，使用Hbuilder写客户端代码时候，一定要注意这两个的顺序，要不然会出现各种奇葩错误，本人是这样写的不管只支付宝还是微信app支付，本人的获取支付通道与请求支付操作都是在支付按钮的业务中实现。小编遇见过这样一个错误，就是获取支付通道这个业务在进入...