普通售货机流程图

否

有屏售货机功能页

1、接口地址：/gw/cb/rest/merchants/users/blacklist功能：获取用户是否为商户的黑名单用户，如果是，则不允许支付2、接口地址：/customer/pay/invoke功能：调起支付

点击套餐充值项

是否支付成功

获取单购key值

浏览器页面加载

1、接口地址：/gw/vending/workflow/start功能：余额启动

是

前端请求业务相关数据

调起支付接口

只需执行token登录

是否是无屏售货机

选购商品并支付

1、接口地址：/gw/vending/userPayment/pay功能：零售支付接口

获取多购key值

前端请求通用的数据

进入支付流程

充值余额

请求相关页面逻辑接口

1、接口地址：/gw/cb/rest/equipment/common/info功能：获取设备公共信息，包括设备类型，在线状态等，如设备离线，则跳往离线页面；备注：零售的离线页面是后端重定向；2、接口地址：/gw/cb/rest/merchants/group/get-multi-customer-service-info功能：获取商户客服信息，品牌名称和余额别称、商户注册日期；主要数据存入vuex的customerServiceInfo中，值为对象类型，sessionStorage中也存储了该接口的数据；customerServiceInfo在多个组件中使用3、接口地址：/gw/cb/rest/merchants/whitelists功能：获取商家白名单，存入vuex中的whiteList对象中4、接口地址：/gw/cb/rest/equipment/traffic/card/status功能：获取流量卡状态；获取后将数据存入vuex的trafficCardExpired属性中，值为布尔类型；数据在src/components/public/noTrafficPopup.vue中使用，该组件初始化时设备在线且该值为true则打开流量不足提示弹窗5、接口地址：/gw/cb/merchants/divide/open功能：获取商家在该场地是否开通了分账和是否设置了自动分账span style=\"font-size: inherit;\

触发支付成功回调

点击支付

后端重定向到前端页面

向服务器请求前端资源

接口地址：/gw/cb/discount/rule/recommend/discount/list功能：获取充值默认金额和套餐列表

请求充值套餐数据，展示充值弹窗

1、接口地址：/gw/vending/shj/material/classes功能：获取售货机商品类型列表2、接口地址：/gw/vending/shj/goods功能：获取售货机商品列表3、接口地址：/gw/vending/shj/no-screen/shopping-trolley/is-open功能：获取是否开启了购物车模式

点击充值按钮

扫码

1、接口地址：/gw/cb/marketing/gold-plans/orders功能：点金计划保存Url；支付请求成功的回调中触发点金方法

1、接口地址：/gw/cb/marketing/advert/amount功能：获取用户红包2、接口地址：/gw/cb/marketing/enjoy/activities功能：获取营销活动信息3、接口地址：/gw/cb/rest/user/official-account/followed功能：获取是否关注公众号4、接口地址：/gw/cb/distributorMessage/getLyyDistributorMessage功能：获取顶部跑马灯文案；5、接口地址：/gw/cb/banner/list功能：获取banner图6、接口地址：/gw/cb/rest/merchants/group/get-customer-service-info功能：获取自定义微信客服信息

无屏售货机功能页

是否是单购

跳转微信后台获取新的token，再重定向回去

触发支付失败回调

余额启动

是否余额启动

1、接口地址：/gw/vending/shj/pay/shoppingTrolley/key功能：获取无屏售货机多购模式下的key

1、接口地址：/gw/vending/shj/pay/key功能：获取无屏售货机单购模式下的key