抖音小程序开发 唤起收银台 包括抖音支付 支付宝支付 微信支付

大家好，我是小悟

在抖音小程序刚出来的时候就对接过在抖音小程序里面的支付，想一下，那都是三年前的事情了。

经过这么长的时间，抖音小程序也越来越完善了，不仅体现在本身的功能上，就连开放平台也焕然一新。在体验上，不管是对开发者或者用户，都是更上一层楼的。

抽空又研究了下抖音小程序的收银台，可以支持多种渠道支付，包括抖音支付、支付宝支付、微信支付。

1、开通支付

先在小程序后台，能力-支付那边开通支付能力，开通也很简单，按要求上传资料，可以同时开通抖音、支付宝和微信支付。

审核通过后，抖音和支付宝支付是立即开通的，但是微信支付还需要微信支付管理员扫码签约，签约后会显示审核中，审核通过后会显示已开通。

2、后端接入

在开发文档处找到担保支付，后端需要接入预下单接口，发往小程序服务端的请求，在没有特殊说明时，均需要使用担保支付密钥进行签名，用于保证请求的来源。

public static String Map2String(Map<String, Object> paramsMap) {StringBuilder stringBuilder = new StringBuilder();stringBuilder.append("map[");List<String> params = new ArrayList<>();List<String> paramsArr = new ArrayList<>();for (String key : paramsMap.keySet()) {paramsArr.add(key);}Collections.sort(paramsArr);for (String key : paramsArr) {Object objValue = paramsMap.get(key);if (objValue instanceof Map) {params.add(key + ":" + Map2String((Map) objValue));} else if (objValue instanceof List) {params.add(key + ":" + List2String((List) objValue));} else {params.add(key + ":" + objValue.toString());}}stringBuilder.append(String.join(" ", params));stringBuilder.append("]");return stringBuilder.toString();}public static String List2String(List<Object> list) {StringBuilder stringBuilder = new StringBuilder();stringBuilder.append("[");List<String> paramsArr = new ArrayList<>();for (Object item : list) {if (item instanceof List) {paramsArr.add(List2String((List) item));} else if (item instanceof Map) {paramsArr.add(Map2String((Map) item));} else {paramsArr.add(item.toString());}}stringBuilder.append(String.join(" ", paramsArr));stringBuilder.append("]");return stringBuilder.toString();}public final static List<String> REQUEST_NOT_NEED_SIGN_PARAMS = Arrays.asList("app_id", "thirdparty_id", "sign", "other_settle_params");public static String requestSign(Map<String, Object> paramsMap) {List<String> paramsArr = new ArrayList<>();for (Map.Entry<String, Object> entry : paramsMap.entrySet()) {String key = entry.getKey();if (REQUEST_NOT_NEED_SIGN_PARAMS.contains(key)) {continue;}Object objValue = entry.getValue();String value = "";if (objValue instanceof Map) {value = Map2String((Map) objValue);} else if (objValue instanceof List) {value = List2String((List) objValue);} else {value = entry.getValue().toString();}value = value.trim();if (value.startsWith("\"") && value.endsWith("\"") && value.length() > 1) {value = value.substring(1, value.length() - 1);}value = value.trim();if (value.equals("") || value.equals("null")) {continue;}paramsArr.add(value);}paramsArr.add(SALT);Collections.sort(paramsArr);StringBuilder signStr = new StringBuilder();String sep = "";for (String s : paramsArr) {signStr.append(sep).append(s);sep = "&";}return md5FromStr(signStr.toString());}private static String md5FromStr(String inStr) {MessageDigest md5;try {md5 = MessageDigest.getInstance("MD5");} catch (NoSuchAlgorithmException e) {e.printStackTrace();return "";}byte[] byteArray = inStr.getBytes(StandardCharsets.UTF_8);byte[] md5Bytes = md5.digest(byteArray);StringBuilder hexValue = new StringBuilder();for (byte md5Byte : md5Bytes) {int val = ((int) md5Byte) & 0xff;if (val < 16) {hexValue.append("0");}hexValue.append(Integer.toHexString(val));}return hexValue.toString();}

然后发起预下单请求，返回如下信息即调用成功，order_id和order_token需要传给小程序端，唤起收银台。

{"err_no": 0,"err_tips": "success","data": {"order_id": "N7274614689692403869","order_token": "GVVxECgwIARDGJRiuMiABK4uiCoAESTgpMn+ejoVk1fqzVSL4HFO6myCMTzR1WyueGMGJV/iugWtIXFshTgpx5IQSRPxApgtm2VaQwSJPOsW0g1wUccxLoAqOgeYBmlu.E","url": ""}}

3、小程序端接入

接收到后端生成的预下单信息后，再调用小程序api，就可以唤起收银台。

唤起收银台的小程序appid需要和请求预下单接口传参的appid一致，否则会拉起收银台失败。

tt.pay({orderInfo: {order_id: 'N7274614689692403869',order_token: 'GVVxECgwIARDGJRiuMiABK4uiCoAESTgpMn+ejoVk1fqzVSL4HFO6myCMTzR1WyueGMGJV/iugWtIXFshTgpx5IQSRPxApgtm2VaQwSJPOsW0g1wUccxLoAqOgeYBmlu.E',},service: 5,success(res) {if (res.code == 0) {// 支付成功处理逻辑，只有res.code=0时，才表示支付成功// 但是最终状态要以商户后端结果为准}},fail(res) {// 调起收银台失败处理逻辑},});

在小程序后台还可以控制支付能力和收银台的支付方式。

支付能力即功能关闭后，小程序将关闭支付能力，新增订单支付将被拦截。该能力不影响历史订单的退款、分账与账户提现。

支付方式即关闭支付方式后，小程序收银台将不展示对应的支付方式，用户无法使用该支付方式进行支付。

您的一键三连，是我更新的最大动力，谢谢

山水有相逢，来日皆可期，谢谢阅读，我们再会

我手中的金箍棒，上能通天，下能探海