usePay.js 13 KB

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