usePay.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549
  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.data.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.data.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. toast('微信支付失败,请联系管理员')
  192. payError && payError({
  193. type: 'wxPay',
  194. msg: '微信支付失败',
  195. err,
  196. from: 'uni.requestPayment.fail'
  197. })
  198. }
  199. })
  200. } catch (err) {
  201. if (typeof !isNaN(err) && err === 'number') {
  202. toast('微信支付环境检测异常')
  203. }
  204. payError && payError({
  205. type: 'wxPay',
  206. msg: '微信支付API唤起失败',
  207. err,
  208. from: 'uni.requestPayment'
  209. })
  210. }
  211. }
  212. // 校验
  213. function OrderCheckWx() {
  214. orderCheck({
  215. id: wxData.orderId
  216. }).then(res => {
  217. if (res.code == 0 && res.data) {
  218. // 校验通过,支付成功
  219. paySuccessResult();
  220. } else {
  221. setTimeout(() => {
  222. orderCheck({
  223. id: wxData.orderId
  224. }).then(res2 => {
  225. if (res2.code == 0 && res2.data) {
  226. // 校验通过,支付成功
  227. paySuccessResult();
  228. }
  229. }).catch(err1 => {
  230. uni.hideLoading()
  231. if (typeof !isNaN(err1) && err1 === 'number') {
  232. toast('支付二次查验失败,请联系管理员')
  233. }
  234. checkError && checkError({
  235. type: 'OrderCheckWx',
  236. msg: '支付二次查验失败,请联系管理员',
  237. err: err1,
  238. form: 'wx'
  239. })
  240. })
  241. }, 5000)
  242. }
  243. }).catch(err => {
  244. uni.hideLoading()
  245. if (typeof !isNaN(err) && err === 'number') {
  246. toast('支付查验失败')
  247. }
  248. checkError && checkError({
  249. type: 'OrderCheckWx',
  250. msg: '支付查验失败,请联系管理员',
  251. err: err,
  252. form: 'wx'
  253. })
  254. })
  255. }
  256. // 支付宝支付
  257. function aliPay(options) {
  258. Object.assign(aliData, options);
  259. try {
  260. uni.requestPayment({
  261. provider: "alipay",
  262. orderInfo: options.text, //此处为服务器返回的订单信息字符串
  263. success: (res) => {
  264. uni.showLoading({
  265. title: '订单支付中...',
  266. mask: true
  267. });
  268. // 校验支付结果
  269. setTimeout(() => OrderCheckAli(), 1000)
  270. },
  271. fail: (err) => {
  272. toast('支付宝支付失败,请联系管理员')
  273. payError && payError({
  274. type: 'aliPay',
  275. msg: '支付宝支付失败',
  276. err,
  277. from: 'uni.requestPayment.fail'
  278. })
  279. }
  280. })
  281. } catch (err) {
  282. if (typeof !isNaN(err) && err === 'number') {
  283. toast('支付宝支付环境检测异常')
  284. }
  285. payError && payError({
  286. type: 'aliPay',
  287. msg: '支付宝API唤起失败',
  288. err,
  289. from: "uni.requestPayment"
  290. })
  291. }
  292. }
  293. // 校验
  294. function OrderCheckAli() {
  295. orderCheck({
  296. id: aliData.orderId
  297. }).then(res => {
  298. if (res.code == 0 && res.data) {
  299. // 校验通过,支付成功
  300. paySuccessResult();
  301. } else {
  302. setTimeout(() => {
  303. orderCheck({
  304. id: aliData.orderId
  305. }).then(res2 => {
  306. if (res2.code == 0 && res2.data) {
  307. // 校验通过,支付成功
  308. paySuccessResult();
  309. }
  310. }).catch(err1 => {
  311. uni.hideLoading()
  312. if (typeof !isNaN(err1) && err1 === 'number') {
  313. toast('支付二次查验失败,请联系管理员')
  314. }
  315. checkError && checkError({
  316. type: 'OrderCheckAli',
  317. msg: '支付二次查验失败,请联系管理员',
  318. err: err1,
  319. form: 'ali'
  320. })
  321. })
  322. }, 5000)
  323. }
  324. }).catch(err => {
  325. uni.hideLoading()
  326. if (typeof !isNaN(err) && err === 'number') {
  327. toast('支付查验失败,请联系管理员')
  328. }
  329. checkError && checkError({
  330. type: 'OrderCheckAli',
  331. msg: '支付查验失败,请联系管理员',
  332. err: err,
  333. form: 'ali'
  334. })
  335. })
  336. }
  337. // 苹果支付 --- 无需check 直接购买成功
  338. // 苹果支付 --- 无需check 直接购买成功
  339. function applePay(options) {
  340. Object.assign(appleData, options);
  341. // 核心修复1:提升iapChannel作用域,定义在applePay方法内,所有嵌套回调可访问
  342. let iapChannel = null;
  343. try {
  344. plus.payment.getChannels(
  345. function(channels) {
  346. uni.hideLoading();
  347. // 获取苹果内购通道,赋值给外层作用域的iapChannel
  348. iapChannel = channels.find((item) => item.id == "appleiap");
  349. if (!iapChannel) {
  350. toast('未找到产品内购信息,请联系管理员');
  351. applePayError && applePayError({
  352. type: "applePay",
  353. msg: "内购商品Id丢失,请确认是否已成功配置",
  354. err: new Error("内购商品Id丢失,请确认是否已成功配置"),
  355. from: "apple",
  356. });
  357. return;
  358. }
  359. const ids = [options.applePid];
  360. iapChannel.requestOrder(
  361. ids,
  362. function(e) {
  363. // 获取订单信息成功回调
  364. console.log('001 获取苹果订单成功', options);
  365. uni.requestPayment({
  366. provider: "appleiap",
  367. orderInfo: {
  368. productid: options.applePid,
  369. quantity: 1,
  370. manualFinishTransaction: true,
  371. },
  372. success: (payRes) => {
  373. // 苹果内购支付成功
  374. console.log('002 苹果支付成功', payRes);
  375. const {
  376. transactionIdentifier: paynum,
  377. transactionReceipt: receipt,
  378. } = payRes;
  379. Object.assign(appleData, {
  380. paynum,
  381. receipt
  382. });
  383. // 核心修复2:then回调内增加try/catch,隔离局部异常
  384. orderPayApple({
  385. chanpinId: appleData.chanpinId,
  386. paynum: paynum,
  387. receipt: receipt,
  388. taocanId: options.taocanId,
  389. }).then((res) => {
  390. try {
  391. uni.hideLoading();
  392. console.log('1231231 orderPayApple接口成功', res);
  393. if (res.code == 0 && res.data) {
  394. // 业务成功,收尾事务(此时iapChannel已存在,作用域正常)
  395. iapChannel.finishTransaction(payRes
  396. .transactionIdentifier);
  397. paySuccessResult(); // 执行支付成功逻辑
  398. } else {
  399. // 业务返回非0码,仍需收尾事务
  400. iapChannel.finishTransaction(payRes
  401. .transactionIdentifier);
  402. toast("业务异常,订单支付失败,请联系管理员");
  403. applePayError && applePayError({
  404. type: "orderPayApple",
  405. msg: "业务异常,订单支付失败",
  406. err: new Error(
  407. `业务返回码异常:${res.code}`),
  408. from: "apple",
  409. });
  410. }
  411. } catch (innerErr) {
  412. // 捕获then回调内的局部异常(如iapChannel意外丢失、res字段缺失等)
  413. console.log('innerErr', innerErr);
  414. uni.hideLoading();
  415. toast("订单处理异常,请联系管理员");
  416. applePayError && applePayError({
  417. type: "orderPayApple_inner",
  418. msg: "订单成功回调内执行异常",
  419. err: innerErr, // 打印具体的局部异常信息
  420. from: "apple",
  421. });
  422. }
  423. }).catch((err) => {
  424. uni.hideLoading();
  425. if (typeof !isNaN(err) && err === 'number') {
  426. // 仅捕获orderPayApple接口请求失败的异常(如网络错误、后端1002码等)
  427. toast("订单支付校验失败catch,请联系管理员");
  428. }
  429. applePayError && applePayError({
  430. type: "orderPayApple",
  431. msg: "订单支付校验失败",
  432. err: err,
  433. from: "apple",
  434. });
  435. });
  436. },
  437. fail: (payErr) => {
  438. uni.hideLoading();
  439. toast("苹果购买失败fail,请联系管理员");
  440. applePayError && applePayError({
  441. type: "uni.requestPayment",
  442. msg: "苹果内购失败",
  443. err: payErr,
  444. from: "apple",
  445. });
  446. },
  447. });
  448. },
  449. function(orderErr) {
  450. // 获取订单信息失败回调
  451. uni.hideLoading();
  452. toast('内购订单获取失败,请联系管理员');
  453. applePayError && applePayError({
  454. type: "iapChannel.requestOrder",
  455. msg: "苹果内购订单获取失败",
  456. err: orderErr,
  457. from: "apple",
  458. });
  459. }
  460. );
  461. },
  462. // 核心修复3:补全plus.payment.getChannels的失败回调(之前缺失)
  463. function(channelErr) {
  464. uni.hideLoading();
  465. toast('获取支付通道失败,请检查内购配置');
  466. applePayError && applePayError({
  467. type: "plus.payment.getChannels",
  468. msg: "获取苹果内购支付通道失败",
  469. err: channelErr,
  470. from: "apple",
  471. });
  472. }
  473. );
  474. } catch (err) {
  475. uni.hideLoading(); // 核心修复4:异常时隐藏loading,避免页面卡死
  476. toast('支付环境检测异常,请联系管理员');
  477. applePayError && applePayError({
  478. type: "applePay_try_catch",
  479. msg: "苹果内购API唤起失败",
  480. err: err,
  481. from: "plus.payment.getChannels",
  482. });
  483. }
  484. }
  485. // 支付成功
  486. function paySuccessResult() {
  487. console.log('3423423423423');
  488. uni.hideLoading()
  489. toast('支付成功')
  490. paySuccess && paySuccess();
  491. }
  492. return {
  493. OrderPay
  494. }
  495. }
  496. /**
  497. * 错误
  498. * 1. 创建订单错误
  499. * 2. 支付SDK错误
  500. * 3. 支付成功后,后台错误
  501. *
  502. *
  503. *
  504. *
  505. *
  506. *
  507. *
  508. *
  509. *
  510. *
  511. *
  512. *
  513. */