# 3.2.6 青蛙收银小程序 ### 准备工作： * #### [下载微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)，用来上传微信小程序代码。 * #### 准备一个微信小程序（主体与公众号主体一致），审核通过并且发布成功的青蛙收银小程序，用来获取小程序 AppID[申请小程序](https://mp.weixin.qq.com/)。 * #### 准备[微信开放平台的移动应用](https://open.weixin.qq.com/)，用来获取移动应用 AppID。 * #### 一台青蛙L1标准版设备 操作步骤： 1、合伙人后台应用商城购买插件 2、注册微信小程序（青蛙收银小程序），上传代码提交审核 3、注册移动应用，提交审核，申请微信支付权限 4、微信服务商平台添加青蛙APP运行小程序，并推送至设备 5、商家后台，员工列表，绑定设备编号 ## 一、合伙人后台更新到最新版本，在应用商城购买插件：青蛙收银小程序   ## 二、微信小程序（青蛙收银小程序） ## 1、 [注册微信小程序](https://mp.weixin.qq.com/)，并对小程序进行开发设置配置。 #### （1）开发 → 开发设置 → 服务器域名 → 填写支付域名（所有的都要填写）  #### （2）开发 → 开发设置 → 记录小程序的APPID（需要填写到合伙人后台） → 生成APPSECRET(记录）。  ## 2、下载小程序代码包。 #### （1）登录合伙人后台 → 小助手终端 → 青蛙收银小程序 → 小程序配置 → 填写微信小程序的APPID 和APPSECRET → 保存。   #### （2）点击 → 小程序下载 → 打包下载，下载完成，解压至 wxPay 文件夹。  ## 3、上传微信小程序代码 #### （1）使用微信开发者工具 ，打开wxPay 小程序代码，选择：导入项目。 * #### 项目名称：wxPay * #### 目录：选择之前解压的路径**选到最底层目录 mp-wxpay**为止 * #### APPID：微信小程序的APPID。  #### （2）项目正常打开之后，在编译器中点击上传。  #### （3）上传成功之后，登陆微信公众平台，点击版本管理。  #### （4）在版本管理中，找到刚才上传的版本，点击提交审核。  * #### 版本描述：键盘输入金额发起收银，消费者可刷脸支付或者出示付款码支付或者扫码支付。完成支付操作 * #### 上传图片 * #### 上传视频 * #### 提交测试账号和密码（商家的员工账号） * #### 测试备注：需投放至青蛙单屏设备使用，暂无法体验，请查看视频预览  #### （5）审核成功后，将小程序全网发布。 ### 三、创建微信开放平台移动应用 如果之前使用青蛙Pro时，创建过移动应用，则无需创建，可使用同一个 #### 1、登录[微信开放平台](https://open.weixin.qq.com/)→管理中心→移动应用→创建移动应用  #### 2、填写基本信息，应用官网：[http://支付域名/](http://xn--bnqu0k2udp6r/)  #### 3、应用平台选择：WP8 应用、应用下载地址（选填）  #### 4、提交审核，确认审核成功。 ## 四、添加青蛙APP运行小程序，并推送至设备 #### 1、登录[微信支付服务商平台](https://pay.weixin.qq.com/partner/public/home)，产品中心 → 特约商户授权产品 → 服务商刷脸支付 → 点击开通  #### 2、服务商功能 → 刷脸智能设备 → [青蛙APP运行小程序](https://pay.weixin.qq.com/index.php/xphp/cfrog_minip/samll_program_setting_index#/)→ 添加小程序  #### 3、点击添加小程序，进行对小程序在青蛙L1标准版刷脸设备上的发布操作。  #### 4、 移动应用APPID必须完成与商户号(即MchID)绑定 * #### 小程序appid：审核通过并且发布的小程序appid * #### 移动应用AppId: 申请并审核通过的[微信开放平台的移动应用](https://share.weiyun.com/51Qd5W4)中的appid  #### 绑定步骤如下操作： * #### 登录微信开放平台→ 移动应用→ 找到自己的移动应用→ 点击查看：进入管理中心应用详情页面  * #### 找到微信支付→ 点击：前往操作→ 微信服务商平台超级管理员扫码  #### 5、申请成功之后，即绑定成功。可选中移动应用appid，输入小程序appid搜索小程序，点击下一步  #### 应用目标字段说明： #### 投放范围（四选一，推荐商户号或者设备号） * （1）设备类型：对设备列表中符合此类型的全量设备生效  * （2） 设备型号：选择设备型号TZH-L1，对设备列表中符合此型号的全量设备生效  * （3） 商户号：需要推送小程序的青蛙L1标准版设备编号。可在设备底座或者设备设置栏关于本机查看  * （4）设备号：必须为设备列表中的设备号，当前青蛙L1标准版设备绑定的微信商户号  * 小程序版本：正式版  #### 配置使调起景： * #### 触发场景：选择 前屏-刷脸会员按钮 * #### 启动页面路径：填写pages/index/index * #### 是否需要登录态：选择不需要  #### 6、填写完成之后 → 点击投放 → 点击确认，可前往查看下发结果（青蛙收银小程序版本为正式版并在投放中）。   #### 7、5分钟后重启设备，查看青蛙L1设备是否展示小程序功能。如果不展示，重启下青蛙L1设备重试，直到设备展示小程序功能为止。  ### 五、商家后台绑定设备编号 #### 1、登录商家后台 → 门店管理 → 员工列表 → 绑定设备。（注意：不要绑定在总部员工下）  #### 2、输入设备编号，可在设备底座或者设备设置栏关于本机查看  #### 3、绑定成功即可正常收款。 4、