两个人的电影免费视频_国产精品久久久久久久久成人_97视频在线观看播放_久久这里只有精品777_亚洲熟女少妇二三区_4438x8成人网亚洲av_内谢国产内射夫妻免费视频_人妻精品久久久久中国字幕

一種基于react?native動(dòng)態(tài)調(diào)整支付方式的方法和裝置與流程

文檔序號(hào):12119500閱讀:272來源:國(guó)知局
一種基于react?native動(dòng)態(tài)調(diào)整支付方式的方法和裝置與流程

本發(fā)明涉及網(wǎng)絡(luò)支付技術(shù)領(lǐng)域,尤其涉及一種基于react-native動(dòng)態(tài)調(diào)整支付方式的方法和裝置。



背景技術(shù):

隨著網(wǎng)絡(luò)電商App業(yè)務(wù)的發(fā)展,網(wǎng)絡(luò)支付變得普及開來,不少非金融機(jī)構(gòu)推出了支付軟件開發(fā)工具包SDK,而網(wǎng)絡(luò)電商需要接入第三方的支付SDK以方便用戶支付。存在的問題是,部分支付公司并沒有支付牌照或者出現(xiàn)支付牌照到期而導(dǎo)致網(wǎng)上在線支付無法及時(shí)完成,有時(shí)也會(huì)出現(xiàn)支付SDK存在bug,導(dǎo)致電商App崩潰,嚴(yán)重影響了用戶使用移動(dòng)終端APP的體驗(yàn),并且網(wǎng)絡(luò)電商從發(fā)現(xiàn)崩潰到通知第三方進(jìn)行修復(fù)后重新發(fā)版需要較長(zhǎng)的時(shí)間,這對(duì)網(wǎng)絡(luò)電商是一個(gè)很大的損失。因此,需要一種基于react-native動(dòng)態(tài)調(diào)整支付方式的方法,以解決現(xiàn)有技術(shù)中存在的上述技術(shù)問題。



技術(shù)實(shí)現(xiàn)要素:

本發(fā)明提供一種基于react-native動(dòng)態(tài)調(diào)整支付方式的方法和裝置,及時(shí)調(diào)整支付方式,提高用戶使用移動(dòng)終端App的體驗(yàn)。

本發(fā)明采用的技術(shù)方案是:

一種基于react-native動(dòng)態(tài)調(diào)整支付方式的方法,其包括:Javascript模塊調(diào)用Native模塊的接口將訂單信息發(fā)送至所述Native模塊,其中所述訂單信息包括支付方式的名稱;所述Native模塊接收所述訂單信息后調(diào)起支付界面,所述支付界面包含所述支付方式的名稱。

優(yōu)選地,所述Javascript模塊調(diào)用Native模塊的接口將訂單信息發(fā)送至所述Native模塊之前,所述方法,還包括:所述Javascript模塊根據(jù)用戶的操作指令確認(rèn)需要支付后發(fā)送訂單請(qǐng)求至網(wǎng)絡(luò)服務(wù)器;所述Javascript模塊獲取所述網(wǎng)絡(luò)服務(wù)器發(fā)來的所述訂單信息。

優(yōu)選地,所述Native模塊接收所述訂單信息后調(diào)起支付界面,具體包括:所述Native模塊顯示所述支付界面;所述Native模塊將所述支付界面中所述支付方式的名稱鏈接至相應(yīng)的支付服務(wù)模塊;所述Native模塊初始化所述支付服務(wù)模塊。

優(yōu)選地,所述訂單信息包括付款內(nèi)容,所述Native模塊接收所述訂單信息后調(diào)起支付界面之后,所述方法,還包括:所述Native模塊獲取用戶從所述支付方式中選擇的一種支付方式;所述Native模塊將所述付款內(nèi)容發(fā)送至該種支付方式對(duì)應(yīng)的支付服務(wù)模塊,以使所述支付服務(wù)模塊啟動(dòng)支付流程;所述Native模塊從所述支付服務(wù)模塊獲取支付狀態(tài)信息后將所述支付狀態(tài)信息發(fā)送至所述Javascript模塊;所述Javascript模塊根據(jù)所述支付狀態(tài)信息執(zhí)行相應(yīng)操作。

優(yōu)選地,所述Javascript模塊根據(jù)所述支付狀態(tài)信息執(zhí)行相應(yīng)操作,具體包括:若所述支付狀態(tài)信息為支付失敗并且訂單未完成,所述Javascript模塊將所述支付狀態(tài)信息發(fā)送至所述Native模塊,以使所述Native模塊調(diào)起支付失敗的狀態(tài)界面;若所述支付狀態(tài)信息為支付成功并且訂單完成,則所述Javascript模塊將所述支付狀態(tài)信息發(fā)送至所述Native模塊,以使所述Native模塊調(diào)起訂單完成的狀態(tài)界面;若所述支付狀態(tài)信息為支付成功并且訂單未完成,則所述Native模塊調(diào)起退款通知的狀態(tài)界面,并且所述Javascript模塊發(fā)送所述支付狀態(tài)信息至所述網(wǎng)絡(luò)服務(wù)器,以使所述網(wǎng)絡(luò)服務(wù)器執(zhí)行退款操作。

本發(fā)明還提供了一種基于react-native動(dòng)態(tài)調(diào)整支付方式的裝置,其包括:Javascript模塊,用于調(diào)用Native模塊的接口將訂單信息發(fā)送至所述Native模塊,其中所述訂單信息包括支付方式的名稱;Native模塊,用于接收所述訂單信息后調(diào)起支付界面,所述支付界面包含所述支付方式的名稱。

優(yōu)選地,所述Javascript模塊,在調(diào)用Native模塊的接口將訂單信息發(fā)送至所述Native模塊之前,還用于:根據(jù)用戶的操作指令確認(rèn)需要支付后發(fā)送訂單請(qǐng)求至網(wǎng)絡(luò)服務(wù)器;獲取所述網(wǎng)絡(luò)服務(wù)器發(fā)來的所述訂單信息。

優(yōu)選地,所述Native模塊,包括:顯示模塊,用于顯示所述支付界面;鏈接模塊,用于將所述支付界面中所述支付方式的名稱鏈接至相應(yīng)的支付服務(wù)模塊;初始化模塊,用于初始化所述支付服務(wù)模塊。

優(yōu)選地,所述訂單信息包括付款內(nèi)容,所述Native模塊接收所述訂單信息后調(diào)起支付界面之后,還用于:獲取用戶從所述支付方式中選擇的一種支付方式;將所述付款內(nèi)容發(fā)送至該種支付方式對(duì)應(yīng)的支付服務(wù)模塊,以使所述支付服務(wù)模塊啟動(dòng)支付流程;從所述支付服務(wù)模塊獲取支付狀態(tài)信息后將所述支付狀態(tài)信息發(fā)送至所述Javascript模塊;相應(yīng)地,所述Javascript模塊還用于根據(jù)所述支付狀態(tài)信息執(zhí)行相應(yīng)操作。

優(yōu)選地,所述Javascript模塊,具體用于:若所述支付狀態(tài)信息為支付失敗并且訂單未完成,所述Javascript模塊將所述支付狀態(tài)信息發(fā)送至所述Native模塊,以使所述Native模塊調(diào)起支付失敗的狀態(tài)界面;若所述支付狀態(tài)信息為支付成功并且訂單完成,則所述Javascript模塊將所述支付狀態(tài)信息發(fā)送至所述Native模塊,以使所述Native模塊調(diào)起訂單完成的狀態(tài)界面;若所述支付狀態(tài)信息為支付成功并且訂單未完成,則所述Native模塊調(diào)起退款通知的狀態(tài)界面,并且所述Javascript模塊發(fā)送所述支付狀態(tài)信息至所述網(wǎng)絡(luò)服務(wù)器,以使所述網(wǎng)絡(luò)服務(wù)器執(zhí)行退款操作。

此外,本發(fā)明還提供了一種終端,其包括根據(jù)上文所述的裝置。

采用上述技術(shù)方案,本發(fā)明至少具有下列效果:

采用本發(fā)明的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法,通過react-native實(shí)現(xiàn)了支付業(yè)務(wù)操作與支付服務(wù)操作的分離,將支付業(yè)務(wù)代碼動(dòng)態(tài)化,來調(diào)整支付方式,避免由發(fā)版操作存在的等待時(shí)間長(zhǎng)的缺陷。

附圖說明

圖1為本發(fā)明第一實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法的流程圖;

圖2為本發(fā)明第二實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法的流程圖;

圖3為本發(fā)明第三實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法的流程圖;

圖4為本發(fā)明第四實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法的流程圖;

圖5為本發(fā)明第五實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的裝置的方框圖;

圖6為本發(fā)明第六實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的裝置的方框圖;

圖7為正常的支付界面的示意圖;

圖8為采用本發(fā)明第一實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法之后顯示的支付界面的示意圖。

具體實(shí)施方式

為更進(jìn)一步闡述本發(fā)明為達(dá)成預(yù)定目的所采取的技術(shù)手段及功效,以下結(jié)合附圖及較佳實(shí)施例,對(duì)本發(fā)明進(jìn)行詳細(xì)說明如后。

本發(fā)明提供的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法,可以有效地實(shí)現(xiàn)支付業(yè)務(wù)操作和支付服務(wù)操作的分離,及時(shí)地調(diào)整支付方式,提高用戶使用移動(dòng)終端App的體驗(yàn)。下面將詳細(xì)地描述本發(fā)明的動(dòng)態(tài)調(diào)整支付方式的方法及其各個(gè)步驟。

第一實(shí)施例

如圖1所示,本實(shí)施例公開的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法,包括:步驟S10:Javascript模塊調(diào)用Native模塊的接口將訂單信息發(fā)送至Native模塊,其中訂單信息包括支付方式的名稱。以及,步驟S20:Native模塊接收訂單信息后調(diào)起支付界面,支付界面包含支付方式的名稱。

以上技術(shù)方案使用react-native可將支付服務(wù)操作和支付業(yè)務(wù)操作分離,由Javascript模塊執(zhí)行支付業(yè)務(wù)操作,獲取訂單信息,由此可以實(shí)現(xiàn)支付業(yè)務(wù)操作動(dòng)態(tài)可配置,尤其是當(dāng)出現(xiàn)支付服務(wù)模塊出現(xiàn)崩潰的情況下,Javascript模塊獲取及時(shí)修改的訂單信息,該訂單信息包括目前可以使用的支付方式的名稱,訂單信息可以采用代碼化的方式發(fā)送至Native模塊,Native模塊接收訂單信息,執(zhí)行支付服務(wù)操作,調(diào)起支付界面。由此在支付服務(wù)模塊更新功能或者支付服務(wù)模塊的支付功能出現(xiàn)異常時(shí)將其隱藏,保證移動(dòng)終端的原生UI組件實(shí)現(xiàn)優(yōu)秀的交互體驗(yàn),避免移動(dòng)終端App需要發(fā)版上線新功能存在的一系列問題。

在該實(shí)施例中,Native模塊和Javascript模塊通過協(xié)商好的協(xié)議進(jìn)行交互,包括代碼解析協(xié)議和調(diào)用協(xié)議,可以采用現(xiàn)有的代碼解析協(xié)議和調(diào)用協(xié)議。首先Javascript模塊根據(jù)用戶的輸入指令判斷是否需要支付,如果需要支付則由Javascript模塊調(diào)用Native模塊的接口時(shí)將訂單信息發(fā)送給Native端,Native模塊到代碼化的訂單信息后進(jìn)行代碼解析,根據(jù)訂單信息判斷是否調(diào)起支付界面,在調(diào)起支付界面,并且根據(jù)訂單信息中的支付方式選擇哪些支付可以使用,在用戶支付之后,Native模塊將支付狀態(tài)信息發(fā)送給Javascript模塊,由Javascript模塊執(zhí)行相應(yīng)的操作。

采用react-native的數(shù)據(jù)接口協(xié)議和格式規(guī)范如下:

callPay(options:Object,callback:Function)

其中Object為初始化參數(shù),其屬性必須包含以下項(xiàng)(以下屬性不做特殊說明均為必填)

比如,以付費(fèi)發(fā)帖為例,用戶進(jìn)行發(fā)帖時(shí),Javascript模塊判斷出需要支付,則配置支付參數(shù),然后構(gòu)造調(diào)用參數(shù),調(diào)起native模塊的支付服務(wù)操作,this.finishPay即為完成支付后回調(diào):

Native模塊在接收到調(diào)用請(qǐng)求后喚起支付界面并根據(jù)訂單信息調(diào)整支付界面的支付方式,如圖7所示是一個(gè)正常的支付流程,但是如果微信支付突然不能用或者產(chǎn)生崩潰影響用戶使用,則Javascript模塊只需將訂單信息中services中的weixinpay去掉即可,如圖8所示。

第二實(shí)施例

如圖2所示,在第一實(shí)施例的基礎(chǔ)上,本實(shí)施例在步驟S10:Javascript模塊調(diào)用Native模塊的接口將訂單信息發(fā)送至Native模塊之前,動(dòng)態(tài)調(diào)整支付方式的方法,還包括:步驟S30:Javascript模塊根據(jù)用戶的操作指令確認(rèn)需要支付后發(fā)送訂單請(qǐng)求至網(wǎng)絡(luò)服務(wù)器;步驟S40:Javascript模塊獲取網(wǎng)絡(luò)服務(wù)器發(fā)來的訂單信息。通過網(wǎng)絡(luò)服務(wù)器發(fā)送修改后的訂單信息來實(shí)現(xiàn)動(dòng)態(tài)調(diào)整,因?yàn)榫W(wǎng)絡(luò)服務(wù)器具有監(jiān)控支付服務(wù)模塊是否正常運(yùn)行的功能。

第三實(shí)施例

如圖3所示,在第一實(shí)施例的基礎(chǔ)上,本實(shí)施例的步驟S20:Native模塊接收訂單信息后調(diào)起支付界面,具體包括:步驟S200:Native模塊顯示支付界面;步驟S201:Native模塊將支付界面中支付方式的名稱鏈接至相應(yīng)的支付服務(wù)模塊;步驟S202:Native模塊初始化支付服務(wù)模塊。由此,用戶可以操作支付界面上顯示的支付方式的名稱進(jìn)行支付操作。

第四實(shí)施例

如圖4所示,本實(shí)施例提供的動(dòng)態(tài)調(diào)整支付方式的方法中,訂單信息包括付款內(nèi)容,付款內(nèi)容包括付款款項(xiàng)、終端IP地址和收款方等信息。步驟S20:Native模塊接收訂單信息后調(diào)起支付界面之后,本實(shí)施例的動(dòng)態(tài)調(diào)整支付方式的方法,還包括:步驟S50:Native模塊獲取用戶從支付方式中選擇的一種支付方式;步驟S60:Native模塊將付款內(nèi)容發(fā)送至該種支付方式對(duì)應(yīng)的支付服務(wù)模塊,以使支付服務(wù)模塊啟動(dòng)支付流程;步驟S70:Native模塊從支付服務(wù)模塊獲取支付狀態(tài)信息后將支付狀態(tài)信息發(fā)送至Javascript模塊;步驟S80:Javascript模塊根據(jù)支付狀態(tài)信息執(zhí)行相應(yīng)操作。

作為優(yōu)選地,步驟S80:Javascript模塊根據(jù)支付狀態(tài)信息執(zhí)行相應(yīng)操作,具體包括:若支付狀態(tài)信息為支付失敗并且訂單未完成,Javascript模塊將支付狀態(tài)信息發(fā)送至Native模塊,以使Native模塊調(diào)起支付失敗的狀態(tài)界面;若支付狀態(tài)信息為支付成功并且訂單完成,則Javascript模塊將支付狀態(tài)信息發(fā)送至Native模塊,以使Native模塊調(diào)起訂單完成的狀態(tài)界面;若支付狀態(tài)信息為支付成功并且訂單未完成,則Javascript模塊將支付狀態(tài)信息發(fā)送至Native模塊,以使Native模塊調(diào)起退款通知的狀態(tài)界面,并且Javascript模塊發(fā)送支付狀態(tài)信息至網(wǎng)絡(luò)服務(wù)器,以使網(wǎng)絡(luò)服務(wù)器執(zhí)行退款操作,可以參考現(xiàn)有技術(shù)中網(wǎng)絡(luò)服務(wù)器執(zhí)行退款操作的方法。

下面以網(wǎng)站發(fā)帖需要付費(fèi)來闡述本發(fā)明的基于react-native動(dòng)態(tài)調(diào)整支付方式的方法的執(zhí)行流程:

1.用戶在發(fā)帖界面進(jìn)行發(fā)帖,帖子完成后需要發(fā)布時(shí),Javascript模塊判斷是否需要支付,若需要支付,則執(zhí)行2,否則跳到8;

2.Javascript模塊向網(wǎng)絡(luò)服務(wù)器發(fā)起訂單請(qǐng)求,以獲取訂單信息,該訂單信息包括支付方式的名稱;

3.Javascript模塊將訂單信息封裝后調(diào)起native模塊的接口;

4.native模塊接收封裝后的訂單信息后解析,確定可以使用的支付方式;

5.native模塊初始化可以使用的支付方式對(duì)應(yīng)的支付服務(wù)模塊,然后將訂單信息發(fā)送到上述支付服務(wù)模塊;

6.在用戶支付后,native模塊獲取訂單的支付狀態(tài)信息,通過回調(diào)將訂單狀態(tài)信息發(fā)送至Javascript模塊;

7.Javascript模塊根據(jù)支付狀態(tài)信息進(jìn)行相應(yīng)操作,若支付成功并且發(fā)帖完成,則提示用戶發(fā)帖成功;若支付成功是發(fā)帖失敗,則Javascript模塊將支付狀態(tài)信息發(fā)送至Native模塊,以使Native模塊調(diào)起退款通知的狀態(tài)界面,并且Javascript模塊將訂單狀態(tài)信息發(fā)送至網(wǎng)絡(luò)服務(wù)器,由網(wǎng)絡(luò)服務(wù)器執(zhí)行退款操作;若支付狀態(tài)信息為支付失敗但是訂單失敗,Javascript模塊將支付狀態(tài)信息發(fā)送至Native模塊,以使Native模塊調(diào)起支付失敗的狀態(tài)界面。

8.不需要支付則直接發(fā)布。

第五實(shí)施例

如圖5所示,本實(shí)施例的基于react-native動(dòng)態(tài)調(diào)整支付方式的裝置,包括:Javascript模塊10,用于調(diào)用Native模塊的接口將訂單信息發(fā)送至Native模塊,其中訂單信息包括支付方式的名稱;Native模塊20,用于接收訂單信息后調(diào)起支付界面,支付界面包含支付方式的名稱。

作為優(yōu)選地,Javascript模塊10,在調(diào)用Native模塊20的接口將訂單信息發(fā)送至Native模塊10之前,還用于:根據(jù)用戶的操作指令確認(rèn)需要支付后發(fā)送訂單請(qǐng)求至網(wǎng)絡(luò)服務(wù)器;獲取網(wǎng)絡(luò)服務(wù)器發(fā)來的訂單信息。

另外,訂單信息包括付款內(nèi)容,Native模塊20接收訂單信息后調(diào)起支付界面之后,還用于:獲取用戶從支付方式中選擇的一種支付方式;將付款內(nèi)容發(fā)送至該種支付方式對(duì)應(yīng)的支付服務(wù)模塊,以使支付服務(wù)模塊啟動(dòng)支付流程;從支付服務(wù)模塊獲取支付狀態(tài)信息后將支付狀態(tài)信息發(fā)送至Javascript模塊10;相應(yīng)地,Javascript模塊10還用于根據(jù)支付狀態(tài)信息執(zhí)行相應(yīng)操作。

此外,Javascript模塊10,具體用于:若支付狀態(tài)信息為支付失敗并且訂單未完成,Javascript模塊將支付狀態(tài)信息發(fā)送至Native模塊,以使Native模塊調(diào)起支付失敗的狀態(tài)界面;若支付狀態(tài)信息為支付成功并且訂單完成,則Javascript模塊將支付狀態(tài)信息發(fā)送至Native模塊,以使Native模塊調(diào)起訂單完成的狀態(tài)界面;若支付狀態(tài)信息為支付成功并且訂單未完成,則Native模塊調(diào)起退款通知的狀態(tài)界面,并且Javascript模塊發(fā)送支付狀態(tài)信息至網(wǎng)絡(luò)服務(wù)器,以使網(wǎng)絡(luò)服務(wù)器執(zhí)行退款操作。

第六實(shí)施例

如圖6所示,本實(shí)施例的動(dòng)態(tài)調(diào)整支付方式的裝置中,Native模塊20,包括:顯示模塊200,用于顯示支付界面;鏈接模塊201,用于將支付界面中支付方式的名稱鏈接至相應(yīng)的支付服務(wù)模塊;初始化模塊202,用于初始化支付服務(wù)模塊。

第七實(shí)施例

此外,本發(fā)明還提供了一種終端,其包括根據(jù)上文所述的裝置。

通過具體實(shí)施方式的說明,應(yīng)當(dāng)可對(duì)本發(fā)明為達(dá)成預(yù)定目的所采取的技術(shù)手段及功效得以更加深入且具體的了解,然而所附圖示僅是提供參考與說明之用,并非用來對(duì)本發(fā)明加以限制。

當(dāng)前第1頁1 2 3 
網(wǎng)友詢問留言 已有0條留言
  • 還沒有人留言評(píng)論。精彩留言會(huì)獲得點(diǎn)贊!
1
郓城县| 奉贤区| 恭城| 介休市| 安仁县| 和平区| 木里| 顺昌县| 旬阳县| 淮南市| 定结县| 怀化市| 白沙| 花莲市| 南乐县| 富宁县| 珲春市| 汶川县| 海兴县| 长宁区| 漳浦县| 金寨县| 衡阳市| 肇庆市| 福贡县| 肇州县| 广河县| 淄博市| 淮阳县| 保靖县| 桐乡市| 大名县| 富川| 洪雅县| 广州市| 三河市| 绥江县| 通山县| 额尔古纳市| 永济市| 木兰县|