[發(fā)明專利]一種基于模板的動態(tài)支付收銀臺的實現(xiàn)方法

在審

• 申請?zhí)枺?/td>: 202011122804.0
• 申請日: 2020-10-20
• 公開（公告）號: CN112215678A
• 公開（公告）日: 2021-01-12
• 發(fā)明（設計）人: 童佳晨;陳建國
• 申請（專利權）人: 焦點科技股份有限公司
• 主分類號: G06Q30/06
• 分類號: G06Q30/06;G06Q20/12;G06Q20/22;G06F16/957;G06F16/958
• 代理公司: 南京瑞弘專利商標事務所(普通合伙) 32249
• 代理人: 陳建和

1.一種基于模板的動態(tài)支付收銀臺的實現(xiàn)方法，其特征是，采用統(tǒng)一的支付收銀臺模板開發(fā)規(guī)范；以及使用收銀臺SDK、支付收銀臺模板渲染引擎、支付收銀臺模板倉庫三個模塊；

所述收銀臺模板開發(fā)規(guī)范指支付收銀臺模板文件的指令使用和授權規(guī)范，包括收銀臺模板指令的使用規(guī)范以及收銀臺頁面的開發(fā)規(guī)范；基于這套支付模塊的開發(fā)規(guī)范電商能自定義開發(fā)滿足業(yè)務需求的支付收銀臺界面；

所述收銀臺模板指令主要包含如下：

電商信息指令：用于獲取電商相關信息，電商能根據(jù)該指令信息在支付收銀臺頁面展示其電商信息；

支付渠道指令：用戶獲取電商支持的支付渠道信息以及每個不同支付渠道的支付方式。使用該指令，電商可以在收銀臺頁面展示其支持的支付方式，以及根據(jù)不同的支付方式引導模板引擎執(zhí)行不同的支付邏輯的處理；

訂單信息指令：用于獲取支付訂單相關的信息，電商能根據(jù)該指令在頁面上展示給用戶需要支付的訂單信息；

根據(jù)支付環(huán)境的不同，系統(tǒng)能使用不同的收銀臺模板，生成適應當前的支付環(huán)境的收銀臺頁面；根據(jù)電商的業(yè)務需求不同，使用不同的收銀臺模板，生成滿足電商業(yè)務需求的收銀臺頁面；

步驟1：商戶需要根據(jù)模板指令以及支付的SDK，開發(fā)一個滿足自身業(yè)務場景需求的收銀臺模板；

1)模板引擎支持HTML模板頁面的渲染，基于HTML模板功能，電商可以快速的開發(fā)一個自定義的收銀臺網(wǎng)頁；

1-1)收銀臺模板中使用{{data}}來進行數(shù)據(jù)替換，模板引擎會將{{}}包含的數(shù)據(jù)替換成真實的收銀臺數(shù)據(jù)

1-2)收銀臺模板中可以在html節(jié)點上使用f-if＝”expression”指令控制HTML節(jié)點是否渲染。

1-3)收銀臺模板中可以在html節(jié)點上使用f-for＝”expression”指令控制HTML節(jié)點循環(huán)渲染。

1-4)收銀臺模板中可以在html節(jié)點上使用f-set＝”expression”指令來在模板中設置臨時變量

1-5)收銀臺引擎在渲染收銀臺頁面時，會將模板解析成抽象語法樹，并結合支付數(shù)據(jù)將抽象語法數(shù)據(jù)渲染為收銀臺頁面

2)該模板引擎中需要內(nèi)置與支付相關的模板指令，電商在開發(fā)模板頁面時，使用這些內(nèi)置的模板指令，獲取到支付訂單、支付渠道、支付方式、用戶信息等相關的數(shù)據(jù)，方便電商快速集成支付相關功能；

2-1)收銀臺模板中可以使用{{f.getPayInfo()}}指令來獲取支付信息；

2-2)收銀臺模板中可以使用{{f.getChannels()}}指令來獲取支付渠道信息；

2-3)收銀臺模板中可以使用{{f.getUser()}}指令來獲取用戶的基本信息以及用戶在支付渠道的簽約信息；

3)該模板引擎需要內(nèi)置支付SDK，該SDK需要實現(xiàn)不同支付方式(掃碼支付、觸屏支付、網(wǎng)銀支付等)的支付流程處理，根據(jù)用戶選擇的支付方式(掃碼支付、觸屏支付、網(wǎng)銀支付等)不同，電商需要調(diào)用SDK中的不同支付函數(shù)來發(fā)起支付；在整個支付過程中，電商不需要考慮支付的處理流程，只需要關心最終的支付結果信息即可；

3-1)當用戶選擇支付渠道并且使用網(wǎng)銀支付的方式進行支付，此時電商可以使用JS代碼調(diào)用SDK中的FPay.formPay(paytoken)函數(shù)；在調(diào)用此函數(shù)后，系統(tǒng)會自動引導用戶的瀏覽器跳轉(zhuǎn)到銀行的網(wǎng)銀頁面；當用戶在網(wǎng)銀頁面支付完成后，銀行會引導用戶返回收銀臺系統(tǒng)；此時收銀臺系統(tǒng)會引導用戶返回電商的網(wǎng)站；

3-2)當用戶選擇支付渠道并選擇二維碼支付時，此時電商可以使用JS代碼調(diào)用SDK中的FPay.qrPay(paytoken)函數(shù)；在調(diào)用此函數(shù)后，收銀臺系統(tǒng)會自動在用戶的收銀臺頁面展示一個二維碼圖片；當用戶掃描二維碼并完成支付后，收銀臺系統(tǒng)會自動引導用戶瀏覽器返回電商的網(wǎng)站；

步驟2：商戶將上述收銀臺模板文件發(fā)布到支付收銀臺模板倉庫中，進行存儲；

步驟3：當商戶進行支付時，系統(tǒng)會根據(jù)商戶的業(yè)務以及支付場景，從遠程模板倉庫或者本地緩存?zhèn)}庫中獲取相應收銀臺模板文件；

步驟4：系統(tǒng)基于模板文件以及支付的相關的接口創(chuàng)建相應的收銀臺頁面并響應給用戶進行支付；

步驟2中：為方便管理電商的模板文件，需要搭建一套支付收銀臺模板文件以及作為資源文件的支付收銀臺模板倉庫；

2-1)商戶將模板文件以及資源文件，按照要求打包成一個獨立壓縮包文件；

2-2)商戶在上傳模板文件時，支付收銀臺模板倉庫會動態(tài)解析模板文件的內(nèi)容，并校驗模板的文件安全性，以及語法的正確性；

2-3)模板文件上傳支付收銀臺模板倉庫成功后，支付收銀臺模板倉庫會返回一個該模板文件的唯一標識；使用該標識，電商能指定需要使用的收銀臺模板文件。