3.2.6 青蛙收銀小程序 · 支付操作手冊

# 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、商家后臺，員工列表，綁定設備編號 ## 一、合伙人后臺更新到最新版本，在應用商城購買插件：青蛙收銀小程序 ![](https://img.kancloud.cn/7c/4c/7c4ca4f3f586ae1ef297f6d2349ed27f_1868x888.png) ![](https://img.kancloud.cn/74/26/7426f6a329a6d4ee61ab517caea437a1_1026x500.png) ## 二、微信小程序（青蛙收銀小程序） ## 1、 [注冊微信小程序](https://mp.weixin.qq.com/)，并對小程序進行開發設置配置。 #### （1）開發 → 開發設置 → 服務器域名 → 填寫支付域名（所有的都要填寫） ![](https://img.kancloud.cn/16/5c/165c47f7afd6e315d95c69b7bf44527f_1736x812.png) #### （2）開發 → 開發設置 → 記錄小程序的APPID（需要填寫到合伙人后臺） → 生成APPSECRET(記錄）。 ![](https://img.kancloud.cn/a7/a8/a7a88095983c9c7f1ab9febec378c228_1372x519.png) ## 2、下載小程序代碼包。 #### （1）登錄合伙人后臺 → 小助手終端 → 青蛙收銀小程序 → 小程序配置 → 填寫微信小程序的APPID 和APPSECRET → 保存。 ![](https://img.kancloud.cn/8e/4b/8e4b031cbc54d76b3ff25eca4fed1470_1147x493.png) ![](https://img.kancloud.cn/fb/64/fb6465341d0a9483571a6cf62d256ffd_853x555.png) #### （2）點擊 → 小程序下載 → 打包下載，下載完成，解壓至 wxPay 文件夾。 ![](https://img.kancloud.cn/bb/bb/bbbbcaddb34d667e4c95fbe6453d26f4_1161x593.png) ## 3、上傳微信小程序代碼 #### （1）使用微信開發者工具，打開wxPay 小程序代碼，選擇：導入項目。 * #### 項目名稱：wxPay * #### 目錄：選擇之前解壓的路徑**選到最底層目錄 mp-wxpay**為止 * #### APPID：微信小程序的APPID。 ![](https://img.kancloud.cn/c6/16/c6164055aa66509f6266617f8ad7d070_806x563.png) #### （2）項目正常打開之后，在編譯器中點擊上傳。 ![](https://img.kancloud.cn/c3/67/c367e0d514ada578791e8cb74d301799_938x427.png) #### （3）上傳成功之后，登陸微信公眾平臺，點擊版本管理。 ![](https://img.kancloud.cn/bd/c9/bdc9b1bb2ecd802ee25320eadb15cd92_583x269.png) #### （4）在版本管理中，找到剛才上傳的版本，點擊提交審核。 ![](https://img.kancloud.cn/a3/53/a353f649ed7219a5acd923f3ca312899_1029x233.png) * #### 版本描述：鍵盤輸入金額發起收銀，消費者可刷臉支付或者出示付款碼支付或者掃碼支付。完成支付操作 * #### 上傳圖片 * #### 上傳視頻 * #### 提交測試賬號和密碼（商家的員工賬號） * #### 測試備注：需投放至青蛙單屏設備使用，暫無法體驗，請查看視頻預覽 ![](https://img.kancloud.cn/e8/fb/e8fb391e08e8764451108665a276689e_1021x950.png) #### （5）審核成功后，將小程序全網發布。 ### 三、創建微信開放平臺移動應用如果之前使用青蛙Pro時，創建過移動應用，則無需創建，可使用同一個 #### 1、登錄[微信開放平臺](https://open.weixin.qq.com/)→管理中心→移動應用→創建移動應用 ![](https://img.kancloud.cn/73/db/73db13577dac99484bd53c758ad2629a_823x353.png) #### 2、填寫基本信息，應用官網：[http://支付域名/](http://xn--bnqu0k2udp6r/) ![](https://img.kancloud.cn/2e/9a/2e9a95eb4fd7aeb94193862356bca3be_614x822.png) #### 3、應用平臺選擇：WP8?應用、應用下載地址（選填） ![](https://img.kancloud.cn/a8/81/a881e1410b46d1d4a47db7671ba4ac72_820x492.png) #### 4、提交審核，確認審核成功。 ## 四、添加青蛙APP運行小程序，并推送至設備 #### 1、登錄[微信支付服務商平臺](https://pay.weixin.qq.com/partner/public/home)，產品中心 → 特約商戶授權產品 → 服務商刷臉支付 → 點擊開通 ![](https://img.kancloud.cn/e5/45/e5451cde80329e34200b8aab1bac06d2_1246x556.png) #### 2、服務商功能 → 刷臉智能設備 → [青蛙APP運行小程序](https://pay.weixin.qq.com/index.php/xphp/cfrog_minip/samll_program_setting_index#/)→ 添加小程序 ![](https://img.kancloud.cn/6f/8e/6f8e28461ca29e07593ce5cf3ff63fb6_1338x569.png) #### 3、點擊添加小程序，進行對小程序在青蛙L1標準版刷臉設備上的發布操作。 ![](https://img.kancloud.cn/3d/7f/3d7ff48acf76b49e3309e1b3ecae361a_1340x768.png) #### 4、移動應用APPID必須完成與商戶號(即MchID)綁定 * #### 小程序appid：審核通過并且發布的小程序appid * #### 移動應用AppId: 申請并審核通過的[微信開放平臺的移動應用](https://share.weiyun.com/51Qd5W4)中的appid ![](https://img.kancloud.cn/bf/47/bf47897a4e7c93c1c8cca7db9f801e8f_758x616.png) #### 綁定步驟如下操作： * #### 登錄微信開放平臺→ 移動應用→ 找到自己的移動應用→ 點擊查看：進入管理中心應用詳情頁面 ![](https://img.kancloud.cn/a6/85/a68502158faf79599d48cf2c2161b0bb_753x312.png) * #### 找到微信支付→ 點擊：前往操作→ 微信服務商平臺超級管理員掃碼 ![](https://img.kancloud.cn/29/f3/29f3028203f2a855543e6dac7fcc495d_754x508.png) #### 5、申請成功之后，即綁定成功。可選中移動應用appid，輸入小程序appid搜索小程序，點擊下一步 ![](https://img.kancloud.cn/dc/ca/dccaa67b4ae0dca8f0a65f1a4cf71d99_1098x831.png) #### 應用目標字段說明： #### 投放范圍（四選一，推薦商戶號或者設備號） * （1）設備類型：對設備列表中符合此類型的全量設備生效 ![](https://img.kancloud.cn/b2/94/b2943e20c3d24c4757b7b342b3c45cee_738x238.png) * （2）設備型號：選擇設備型號TZH-L1，對設備列表中符合此型號的全量設備生效 ![](https://img.kancloud.cn/12/e7/12e706eb95e68dc0a8ce7f8cc4cab89b_734x346.png) * （3）商戶號：需要推送小程序的青蛙L1標準版設備編號。可在設備底座或者設備設置欄關于本機查看 ![](https://img.kancloud.cn/12/3f/123f84b6c15cb824f2e2e185c5ccc908_714x353.png) * （4）設備號：必須為設備列表中的設備號，當前青蛙L1標準版設備綁定的微信商戶號 ![](https://img.kancloud.cn/69/a4/69a4544b8ecf30849f0a2af68b247fd6_728x290.png) * 小程序版本：正式版 ![](https://img.kancloud.cn/21/67/21678b23d1e2b6c0dbbabb3ea23d8c84_735x263.png) #### 配置使調起景： * #### 觸發場景：選擇前屏-刷臉會員按鈕 * #### 啟動頁面路徑：填寫pages/index/index * #### 是否需要登錄態：選擇不需要 ![](https://img.kancloud.cn/c4/54/c45490157673ba8fdbfd43743318d6b7_745x514.png) #### 6、填寫完成之后 → 點擊投放 → 點擊確認，可前往查看下發結果（青蛙收銀小程序版本為正式版并在投放中）。 ![](https://git.kancloud.cn/repos/lijianni123/zhifucaozuo/raw/4c5c390fd5c0e0e3df5c4e70807de4429980e012/images/screenshot_1594349153684.png?access-token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE1OTg4ODczNDEsImlhdCI6MTU5ODg0NDE0MSwicmVwb3NpdG9yeSI6Imxpamlhbm5pMTIzXC96aGlmdWNhb3p1byIsInVzZXIiOnsidXNlcm5hbWUiOiJmamwxMjExIiwibmFtZSI6Ilx1NjYyOFx1NTkxY1x1NjYxZlx1OGZiMFx1NjA3MFx1NGYzY1x1OWVjZSIsImVtYWlsIjoiMTI5MjY2ODIzMEBxcS5jb20iLCJ0b2tlbiI6ImE3Y2FmOWUyNmVlYjIwZGUzNDc4M2MyZWI3MjYzNGZjIiwiYXV0aG9yaXplIjp7InB1bGwiOnRydWUsInB1c2giOnRydWUsImFkbWluIjp0cnVlfX19.An01dbscfls_vpin8LoBsacODuHWRBNU7c_wMhojhlQ) ![](https://img.kancloud.cn/49/b6/49b61a76436105368b4d551068dc2762_1074x675.png) #### 7、5分鐘后重啟設備，查看青蛙L1設備是否展示小程序功能。如果不展示，重啟下青蛙L1設備重試，直到設備展示小程序功能為止。 ![](https://img.kancloud.cn/da/86/da860eced00e1b5359d65ff2168067cf_655x407.png) ### 五、商家后臺綁定設備編號 #### 1、登錄商家后臺 → 門店管理 → 員工列表 → 綁定設備。（注意：不要綁定在總部員工下） ![](https://img.kancloud.cn/6b/e3/6be34979356875375b7ae5f97752ee02_1832x719.png) #### 2、輸入設備編號，可在設備底座或者設備設置欄關于本機查看 ![](https://img.kancloud.cn/a2/ef/a2ef2bb5a560581010e38577e75cfff2_749x242.png) #### 3、綁定成功即可正常收款。 4、