usePay.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575
  1. import {
  2. ref,
  3. reactive
  4. } from "vue";
  5. import {
  6. orderPayAli,
  7. orderPayWx,
  8. orderCheck,
  9. orderPayApple
  10. } from "@/api/shop";
  11. import {
  12. toast
  13. } from "@/utils/common";
  14. export function usePay(opt = {}) {
  15. const {
  16. createOrderError, // 创建订单失败
  17. checkError, // 校验失败
  18. payError, // 支付失败
  19. paySuccess, //支付成功
  20. applePayError, // 苹果内购失败
  21. } = opt;
  22. const aliData = reactive({
  23. orderId: null, // 订单编号
  24. text: '', // 订单数据
  25. })
  26. const wxData = reactive({
  27. appid: '', // 应用ID(AppID)
  28. mchid: '',
  29. noncestr: '', // 随机字符串
  30. orderId: '',
  31. packageVal: '',
  32. partnerid: '', // 商户号(PartnerID)
  33. pid: '',
  34. prepayid: '', // 预支付交易会话ID
  35. timestamp: '', // 时间戳(单位:秒)
  36. sign: '', // 签名,这里用的 MD5 签名
  37. package: '', // 固定值
  38. })
  39. const appleData = reactive({
  40. chanpinId: null, // 产品ID
  41. paynum: "", // 支付号
  42. receipt: "", // 票据
  43. taocanId: null, // 套餐ID
  44. })
  45. function resetStatus() {
  46. Object.assign(aliData, {
  47. orderId: null, // 订单编号
  48. text: '', // 订单数据
  49. })
  50. Object.assign(wxData, {
  51. appid: '', // 应用ID(AppID)
  52. mchid: '',
  53. noncestr: '', // 随机字符串
  54. orderId: '',
  55. packageVal: '',
  56. partnerid: '', // 商户号(PartnerID)
  57. pid: '',
  58. prepayid: '', // 预支付交易会话ID
  59. timestamp: '', // 时间戳(单位:秒)
  60. sign: '', // 签名,这里用的 MD5 签名
  61. package: '', // 固定值
  62. })
  63. Object.assign(appleData, {
  64. chanpinId: null, // 产品ID
  65. paynum: "", // 支付号
  66. receipt: "", // 票据
  67. taocanId: null, // 套餐ID
  68. })
  69. }
  70. // 支付入口 type:业务类型:wx|ali|apple; options: 入参chanpinId,taocanId,applePid
  71. function OrderPay(type, options) {
  72. // 初始化支付状态
  73. resetStatus();
  74. const {
  75. chanpinId,
  76. taocanId,
  77. applePid, // 苹果商品Id ---> 用来获取支付号+票据
  78. } = options;
  79. if (!chanpinId) {
  80. toast('数据异常,产品信息丢失')
  81. return;
  82. }
  83. if (!taocanId) {
  84. toast('数据异常,套餐信息丢失')
  85. return;
  86. }
  87. if (type == 'wx') {
  88. uni.showLoading({
  89. title: '订单创建中...',
  90. mask: true
  91. });
  92. // 微信
  93. orderPayWx({
  94. chanpinId,
  95. taocanId
  96. }).then(res => {
  97. uni.hideLoading();
  98. if (res.code == 0) {
  99. Object.assign(wxData, res.data);
  100. // 开始支付
  101. wxPay(res.data);
  102. } else {
  103. toast('微信订单创建失败')
  104. // 业务异常
  105. createOrderError && createOrderError({
  106. type: 'CreateOrderError',
  107. msg: '业务异常,创建订单返回状态异常',
  108. err: new Error('业务异常,创建订单返回状态异常'),
  109. form: 'wx'
  110. })
  111. }
  112. }).catch(err => {
  113. uni.hideLoading();
  114. if (typeof !isNaN(err) && err === 'number') {
  115. toast('创建微信订单失败')
  116. }
  117. createOrderError && createOrderError({
  118. type: 'CreateOrderError',
  119. msg: '创建微信订单失败',
  120. err,
  121. form: 'wx'
  122. })
  123. })
  124. }
  125. if (type == 'ali') {
  126. uni.showLoading({
  127. title: '订单创建中...',
  128. mask: true
  129. });
  130. // 支付宝
  131. orderPayAli({
  132. chanpinId,
  133. taocanId
  134. }).then(res => {
  135. uni.hideLoading();
  136. if (res.code == 0) {
  137. Object.assign(aliData, res.data);
  138. // 开始支付
  139. aliPay(res.data);
  140. } else {
  141. toast('支付宝订单创建失败')
  142. // 业务异常
  143. createOrderError && createOrderError({
  144. type: 'CreateOrderError',
  145. msg: '业务异常,创建订单返回状态异常',
  146. err: new Error('业务异常,创建订单返回状态异常'),
  147. form: 'ali'
  148. })
  149. }
  150. }).catch(err => {
  151. uni.hideLoading();
  152. if (typeof !isNaN(err) && err === 'number') {
  153. toast('创建支付宝订单失败')
  154. }
  155. createOrderError && createOrderError({
  156. type: 'CreateOrderError',
  157. msg: '创建支付宝订单失败',
  158. err,
  159. form: 'ali'
  160. })
  161. })
  162. }
  163. if (type == 'apple') {
  164. if (!applePid) {
  165. toast('数据异常,商品信息丢失')
  166. return;
  167. }
  168. uni.showLoading({
  169. title: '支付中请等待...',
  170. mask: true
  171. });
  172. applePay(options)
  173. }
  174. }
  175. // 微信支付
  176. function wxPay(options) {
  177. Object.assign(wxData, options);
  178. try {
  179. uni.requestPayment({
  180. provider: "wxpay",
  181. orderInfo: options,
  182. success: (res) => {
  183. uni.showLoading({
  184. title: '订单支付中...',
  185. mask: true
  186. });
  187. // 校验支付结果
  188. setTimeout(() => OrderCheckWx(), 1000)
  189. },
  190. fail: (err) => {
  191. if (err.errMsg) {
  192. toast(err.errMsg)
  193. } else {
  194. toast('微信支付失败,请联系管理员')
  195. }
  196. payError && payError({
  197. type: 'wxPay',
  198. msg: '微信支付失败',
  199. err,
  200. from: 'uni.requestPayment.fail'
  201. })
  202. }
  203. })
  204. } catch (err) {
  205. if (typeof !isNaN(err) && err === 'number') {
  206. toast('微信支付环境检测异常')
  207. }
  208. payError && payError({
  209. type: 'wxPay',
  210. msg: '微信支付API唤起失败',
  211. err,
  212. from: 'uni.requestPayment'
  213. })
  214. }
  215. }
  216. // 校验
  217. function OrderCheckWx() {
  218. orderCheck({
  219. orderId: wxData.orderId
  220. }).then(res => {
  221. if (res.code == 0 && res.data) {
  222. // 校验通过,支付成功
  223. paySuccessResult();
  224. } else {
  225. setTimeout(() => {
  226. orderCheck({
  227. orderId: wxData.orderId
  228. }).then(res2 => {
  229. if (res2.code == 0 && res2.data) {
  230. // 校验通过,支付成功
  231. paySuccessResult();
  232. } else {
  233. uni.hideLoading()
  234. toast('支付二次查验失败,请联系管理员')
  235. checkError && checkError({
  236. type: 'OrderCheckWx',
  237. msg: '支付二次查验失败,请联系管理员',
  238. err: new Error('业务异常,支付二次查验失败'),
  239. form: 'wx'
  240. })
  241. }
  242. }).catch(err1 => {
  243. uni.hideLoading()
  244. if (typeof !isNaN(err1) && err1 === 'number') {
  245. toast('支付二次查验失败,请联系管理员')
  246. }
  247. checkError && checkError({
  248. type: 'OrderCheckWx',
  249. msg: '支付二次查验失败,请联系管理员',
  250. err: err1,
  251. form: 'wx'
  252. })
  253. })
  254. }, 5000)
  255. }
  256. }).catch(err => {
  257. uni.hideLoading()
  258. if (typeof !isNaN(err) && err === 'number') {
  259. toast('支付查验失败')
  260. }
  261. checkError && checkError({
  262. type: 'OrderCheckWx',
  263. msg: '支付查验失败,请联系管理员',
  264. err: err,
  265. form: 'wx'
  266. })
  267. })
  268. }
  269. // 支付宝支付
  270. function aliPay(options) {
  271. Object.assign(aliData, options);
  272. try {
  273. uni.requestPayment({
  274. provider: "alipay",
  275. orderInfo: options.text, //此处为服务器返回的订单信息字符串
  276. success: (res) => {
  277. uni.showLoading({
  278. title: '订单支付中...',
  279. mask: true
  280. });
  281. // 校验支付结果
  282. setTimeout(() => OrderCheckAli(), 1000)
  283. },
  284. fail: (err) => {
  285. if (err.errMsg) {
  286. toast(err.errMsg)
  287. } else {
  288. toast('支付宝支付失败,请联系管理员')
  289. }
  290. payError && payError({
  291. type: 'aliPay',
  292. msg: '支付宝支付失败',
  293. err,
  294. from: 'uni.requestPayment.fail'
  295. })
  296. }
  297. })
  298. } catch (err) {
  299. if (typeof !isNaN(err) && err === 'number') {
  300. toast('支付宝支付环境检测异常')
  301. }
  302. payError && payError({
  303. type: 'aliPay',
  304. msg: '支付宝API唤起失败',
  305. err,
  306. from: "uni.requestPayment"
  307. })
  308. }
  309. }
  310. // 校验
  311. function OrderCheckAli() {
  312. orderCheck({
  313. orderId: aliData.orderId
  314. }).then(res => {
  315. if (res.code == 0 && res.data) {
  316. // 校验通过,支付成功
  317. paySuccessResult();
  318. } else {
  319. setTimeout(() => {
  320. orderCheck({
  321. orderId: aliData.orderId
  322. }).then(res2 => {
  323. if (res2.code == 0 && res2.data) {
  324. // 校验通过,支付成功
  325. paySuccessResult();
  326. } else {
  327. uni.hideLoading()
  328. toast('支付二次查验失败,请联系管理员')
  329. checkError && checkError({
  330. type: 'OrderCheckAli',
  331. msg: '支付二次查验失败,请联系管理员',
  332. err: new Error('业务异常,支付二次查验失败'),
  333. form: 'ali'
  334. })
  335. }
  336. }).catch(err1 => {
  337. uni.hideLoading()
  338. if (typeof !isNaN(err1) && err1 === 'number') {
  339. toast('支付二次查验失败,请联系管理员')
  340. }
  341. checkError && checkError({
  342. type: 'OrderCheckAli',
  343. msg: '支付二次查验失败,请联系管理员',
  344. err: err1,
  345. form: 'ali'
  346. })
  347. })
  348. }, 5000)
  349. }
  350. }).catch(err => {
  351. uni.hideLoading()
  352. if (typeof !isNaN(err) && err === 'number') {
  353. toast('支付查验失败,请联系管理员')
  354. }
  355. checkError && checkError({
  356. type: 'OrderCheckAli',
  357. msg: '支付查验失败,请联系管理员',
  358. err: err,
  359. form: 'ali'
  360. })
  361. })
  362. }
  363. // 苹果支付 --- 无需check 直接购买成功
  364. // 苹果支付 --- 无需check 直接购买成功
  365. function applePay(options) {
  366. Object.assign(appleData, options);
  367. // 核心修复1:提升iapChannel作用域,定义在applePay方法内,所有嵌套回调可访问
  368. let iapChannel = null;
  369. try {
  370. plus.payment.getChannels(
  371. function(channels) {
  372. // uni.hideLoading();
  373. // 获取苹果内购通道,赋值给外层作用域的iapChannel
  374. iapChannel = channels.find((item) => item.id == "appleiap");
  375. if (!iapChannel) {
  376. toast('未找到产品内购信息,请联系管理员');
  377. applePayError && applePayError({
  378. type: "applePay",
  379. msg: "内购商品Id丢失,请确认是否已成功配置",
  380. err: new Error("内购商品Id丢失,请确认是否已成功配置"),
  381. from: "apple",
  382. });
  383. return;
  384. }
  385. const ids = [options.applePid];
  386. iapChannel.requestOrder(
  387. ids,
  388. function(e) {
  389. // 获取订单信息成功回调
  390. console.log('001 获取苹果订单成功', options);
  391. uni.requestPayment({
  392. provider: "appleiap",
  393. orderInfo: {
  394. productid: options.applePid,
  395. quantity: 1,
  396. manualFinishTransaction: true,
  397. },
  398. success: (payRes) => {
  399. // 苹果内购支付成功
  400. console.log('002 苹果支付成功', payRes);
  401. const {
  402. transactionIdentifier: paynum,
  403. transactionReceipt: receipt,
  404. } = payRes;
  405. Object.assign(appleData, {
  406. paynum,
  407. receipt
  408. });
  409. // 核心修复2:then回调内增加try/catch,隔离局部异常
  410. orderPayApple({
  411. chanpinId: appleData.chanpinId,
  412. paynum: paynum,
  413. receipt: receipt,
  414. taocanId: options.taocanId,
  415. }).then((res) => {
  416. try {
  417. uni.hideLoading();
  418. console.log('1231231 orderPayApple接口成功', res);
  419. if (res.code == 0 && res.data) {
  420. // 业务成功,收尾事务(此时iapChannel已存在,作用域正常)
  421. iapChannel.finishTransaction(payRes
  422. .transactionIdentifier);
  423. paySuccessResult(); // 执行支付成功逻辑
  424. } else {
  425. // 业务返回非0码,仍需收尾事务
  426. iapChannel.finishTransaction(payRes
  427. .transactionIdentifier);
  428. toast("业务异常,订单支付失败,请联系管理员");
  429. applePayError && applePayError({
  430. type: "orderPayApple",
  431. msg: "业务异常,订单支付失败",
  432. err: new Error(
  433. `业务返回码异常:${res.code}`),
  434. from: "apple",
  435. });
  436. }
  437. } catch (innerErr) {
  438. // 捕获then回调内的局部异常(如iapChannel意外丢失、res字段缺失等)
  439. console.log('innerErr', innerErr);
  440. uni.hideLoading();
  441. toast("订单处理异常,请联系管理员");
  442. applePayError && applePayError({
  443. type: "orderPayApple_inner",
  444. msg: "订单成功回调内执行异常",
  445. err: innerErr, // 打印具体的局部异常信息
  446. from: "apple",
  447. });
  448. }
  449. }).catch((err) => {
  450. uni.hideLoading();
  451. if (typeof !isNaN(err) && err === 'number') {
  452. // 仅捕获orderPayApple接口请求失败的异常(如网络错误、后端1002码等)
  453. toast("订单支付校验失败catch,请联系管理员");
  454. }
  455. applePayError && applePayError({
  456. type: "orderPayApple",
  457. msg: "订单支付校验失败",
  458. err: err,
  459. from: "apple",
  460. });
  461. });
  462. },
  463. fail: (payErr) => {
  464. uni.hideLoading();
  465. toast("苹果购买失败fail,请联系管理员");
  466. applePayError && applePayError({
  467. type: "uni.requestPayment",
  468. msg: "苹果内购失败",
  469. err: payErr,
  470. from: "apple",
  471. });
  472. },
  473. });
  474. },
  475. function(orderErr) {
  476. // 获取订单信息失败回调
  477. uni.hideLoading();
  478. toast('内购订单获取失败,请联系管理员');
  479. applePayError && applePayError({
  480. type: "iapChannel.requestOrder",
  481. msg: "苹果内购订单获取失败",
  482. err: orderErr,
  483. from: "apple",
  484. });
  485. }
  486. );
  487. },
  488. // 核心修复3:补全plus.payment.getChannels的失败回调(之前缺失)
  489. function(channelErr) {
  490. uni.hideLoading();
  491. toast('获取支付通道失败,请检查内购配置');
  492. applePayError && applePayError({
  493. type: "plus.payment.getChannels",
  494. msg: "获取苹果内购支付通道失败",
  495. err: channelErr,
  496. from: "apple",
  497. });
  498. }
  499. );
  500. } catch (err) {
  501. uni.hideLoading(); // 核心修复4:异常时隐藏loading,避免页面卡死
  502. toast('支付环境检测异常,请联系管理员');
  503. applePayError && applePayError({
  504. type: "applePay_try_catch",
  505. msg: "苹果内购API唤起失败",
  506. err: err,
  507. from: "plus.payment.getChannels",
  508. });
  509. }
  510. }
  511. // 支付成功
  512. function paySuccessResult() {
  513. console.log('3423423423423');
  514. uni.hideLoading()
  515. toast('支付成功')
  516. paySuccess && paySuccess();
  517. }
  518. return {
  519. OrderPay
  520. }
  521. }
  522. /**
  523. * 错误
  524. * 1. 创建订单错误
  525. * 2. 支付SDK错误
  526. * 3. 支付成功后,后台错误
  527. *
  528. *
  529. *
  530. *
  531. *
  532. *
  533. *
  534. *
  535. *
  536. *
  537. *
  538. *
  539. */