CN114896487A - 前端与区块链交互的区块链浏览器实现方法、系统及介质 - Google Patents

前端与区块链交互的区块链浏览器实现方法、系统及介质 Download PDF

Info

Publication number
CN114896487A
CN114896487A CN202210674464.5A CN202210674464A CN114896487A CN 114896487 A CN114896487 A CN 114896487A CN 202210674464 A CN202210674464 A CN 202210674464A CN 114896487 A CN114896487 A CN 114896487A
Authority
CN
China
Prior art keywords
blockchain
block chain
browser
page
platform
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210674464.5A
Other languages
English (en)
Inventor
杨峥嵘
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Wanxiang Blockchain Inc
Original Assignee
Shanghai Wanxiang Blockchain Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Wanxiang Blockchain Inc filed Critical Shanghai Wanxiang Blockchain Inc
Priority to CN202210674464.5A priority Critical patent/CN114896487A/zh
Publication of CN114896487A publication Critical patent/CN114896487A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q20/00—Payment architectures, schemes or protocols
    • G06Q20/38—Payment protocols; Details thereof
    • G06Q20/382—Payment protocols; Details thereof insuring higher security of transaction
    • G06Q20/3827—Use of message hashing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q20/00—Payment architectures, schemes or protocols
    • G06Q20/38—Payment protocols; Details thereof
    • G06Q20/382—Payment protocols; Details thereof insuring higher security of transaction
    • G06Q20/3829—Payment protocols; Details thereof insuring higher security of transaction involving key management
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Business, Economics & Management (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Accounting & Taxation (AREA)
  • General Engineering & Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Computer Security & Cryptography (AREA)
  • Finance (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明提供一种前端与区块链交互的区块链浏览器实现方法、系统及介质，包括：在bass平台加密生成一个token值；在bass平台配置菜单模块区块链浏览器，并在该页面中引入一个iframe；将iframe的src设置为区块链浏览器平台的地址，并且传入token作为参数；区块链浏览器平台的每个接口调用都带上请求头字段X‑Access‑Token，对应值为token参数；区块链服务返回前端请求的对应区块链数据；区块链浏览器平台内设置有概览页面，显示实时的区块链数据；区块链浏览器平台除概览页面外，还设置有其他页面，点击对应的页面分别查看当前所选页面的信息。本发明只需使用简单的接口轮询即可查询实时的区块链数据，实现成本较小，使用捷方便。

Description

前端与区块链交互的区块链浏览器实现方法、系统及介质
技术领域
本发明涉及区块链技术领域，具体地，涉及一种前端与区块链交互的区块链浏览器实现方法、系统及介质。
背景技术
目前现有的实现区块链浏览器中区块链数据的展现方法，多为后端的实现装置，且现有技术中大部分是采用websocket进行实时的监听区块链数据变化，会增加服务端的压力，
公开号为CN111324787A的发明专利，公开了一种区块链浏览器中区块链数据的展现方法和装置，包括：接收用户通过区块链浏览器的界面输入的查询指令，根据该查询指令生成查询请求；其中，该查询请求包括查询数据的属性信息，该查询数据为区块链数据；向区块链节点发送查询请求，该查询数据的属性信息用于该区块链节点确定与该查询数据匹配的展现模板，以及获取该查询数据；从该区块链节点获取该展现模板和该查询数据；按照该展现模板的格式展现该查询数据。该专利中的方法侧重于后端与区块链节点进行交互的实现装置，前端仅是向后端发起请求，页面的交互过程并不完善。
发明内容
针对现有技术中的缺陷，本发明提供一种前端与区块链交互的区块链浏览器实现方法、系统及介质。
根据本发明提供的一种前端与区块链交互的区块链浏览器实现方法、系统及介质，所述方案如下：
第一方面，提供了一种前端与区块链交互的区块链浏览器实现方法，所述方法包括：bass平台、区块链浏览器以及区块链服务；
步骤S1：在bass平台加密生成一个token值；
步骤S2：在bass平台配置菜单模块区块链浏览器，并在该页面中引入一个iframe；
步骤S3：将iframe的src设置为区块链浏览器平台的地址，并且要传入步骤S1的token作为参数；
步骤S4：区块链浏览器平台的每个接口调用都带上请求头字段X-Access-Token，对应值为token参数；
步骤S5：区块链服务返回前端请求的对应区块链数据；
步骤S6：区块链浏览器平台内设置有概览页面，显示实时的区块链数据；
步骤S7：区块链浏览器平台除概览页面外，还设置有其他页面，点击对应的页面分别查看当前所选页面的信息。
优选地，所述步骤S6中显示实时的区块链数据包括：区块高度、交易数、活跃节点、合约数、近两周的交易数、区块哈希列表和交易哈希列表。
优选地，所述步骤S6还包括：若用户选择其他想查询的区块链，在搜索框输入地址、交易或区块高度进行查询。
优选地，所述区块链浏览器平台除概览页面外，还包括区块、交易、合约和账户四个页面，点击对应的页面分别查看当前所选区块链的区块信息列表、交易信息列表、合约信息列表和账户信息列表。
第二方面，提供了一种前端与区块链交互的区块链浏览器实现系统，所述系统包括：bass平台、区块链浏览器以及区块链服务；
模块M1：在bass平台加密生成一个token值；
模块M2：在bass平台配置菜单模块区块链浏览器，并在该页面中引入一个iframe；
模块M3：将iframe的src设置为区块链浏览器平台的地址，并且要传入模块M1的token作为参数；
模块M4：区块链浏览器平台的每个接口调用都带上请求头字段X-Access-Token，对应值为token参数；
模块M5：区块链服务返回前端请求的对应区块链数据；
模块M6：区块链浏览器平台内设置有概览页面，显示实时的区块链数据；
模块M7：区块链浏览器平台除概览页面外，还设置有其他页面，点击对应的页面分别查看当前所选页面的信息。
优选地，所述模块M6中显示实时的区块链数据包括：区块高度、交易数、活跃节点、合约数、近两周的交易数、区块哈希列表和交易哈希列表。
优选地，所述模块M6还包括：若用户选择其他想查询的区块链，在搜索框输入地址、交易或区块高度进行查询。
优选地，所述区块链浏览器平台除概览页面外，还包括区块、交易、合约和账户四个页面，点击对应的页面分别查看当前所选区块链的区块信息列表、交易信息列表、合约信息列表和账户信息列表。
第三方面，提供了一种存储有计算机程序的计算机可读存储介质，所述计算机程序被处理器执行时实现所述方法的步骤。
与现有技术相比，本发明具有如下的有益效果：
本发明侧重于前端与区块链节点交互的方法，通过在baas平台引入一个iframe，用户只需要选择对应的区块链，前端以轮询后端接口的方式实时地获取该链上的区块链数据、区块链网络运行状态以及交易报表，前端界面展示实时的链上数据；即只需使用简单的接口轮询即可查询实时的区块链数据，实现成本较小，使用起来快捷方便。
附图说明
通过阅读参照以下附图对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
图1为与区块链进行交互的装置结构图；
图2为与区块链进行交互的方法使用流程图。
具体实施方式
下面结合具体实施例对本发明进行详细说明。以下实施例将有助于本领域的技术人员进一步理解本发明，但不以任何形式限制本发明。应当指出的是，对本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变化和改进。这些都属于本发明的保护范围。
本发明实施例提供了一种前端与区块链交互的区块链浏览器实现方法，参照图1和图2所示，包括：bass平台、区块链浏览器以及区块链服务，在baas平台使用iframe的方式引入区块链浏览器；该区块链浏览器通过前端采用轮询后端接口的方式，不断地向区块链网络中的某一个节点发出请求，从而获取实时的链上数据，与区块链进行交互，保证获取到实时的区块链信息和数据；支持选择指定的区块链，通过输入交易哈希，地址，区块高度等信息对该区块链数据进行精确查询；支持查看所有链上的交易报表。
本发明基于前端轮询地调用函数的方式来实现前端与区块链的交互，该方式可以有效减少服务端的压力，无需使用websocket实时通信技术也可以实时获取链上信息。
本申请实施例使得前端直接与区块链进行交互，实时查询链上信息，实现区块链信息可信追溯。具体实现步骤如下：
步骤S1：在bass平台加密生成一个token值，该token值是用户登录成功后，后端返回的加密字符串，包含用户登录信息。
步骤S2：在bass平台配置菜单模块“区块链浏览器”，并在该页面中引入一个iframe标签，该标签可将区块链浏览器装置嵌入到当前的页面，采用此方式可以更方便地实现将该区块链浏览器装置引入到不同的区块链服务平台上。
步骤S3：将iframe的src(iframe标签的属性，表示需要嵌入的网页地址)设置为区块链浏览器平台的地址，并且要传入步骤S1的token作为参数。
步骤S4：区块链浏览器平台的每个接口调用都会带上请求头字段“X-Access-Token”，对应值为token参数。
步骤S5：区块链服务收到前端的请求，会对“X-Access-Token”字段值进行校验，校验成功则返回前端请求的对应区块链数据。
步骤S6：区块链浏览器平台的“概览”页面，显示实时的区块链数据，包括区块高度、交易数、活跃节点、合约数、近两周的交易数、区块哈希列表和交易哈希列表，用户可选择其他想查询的区块链，搜索框可输入地址、交易或区块高度进行精确查询。
步骤S7：区块链浏览器平台除了“概览”页面，还有“区块”、“交易”、“合约”和“账户”4个页面，点击对应的页面可分别查看当前所选区块链的区块信息列表、交易信息列表、合约信息列表和账户信息列表。
本发明实施例还提供了一种前端与区块链交互的区块链浏览器实现系统，包括：bass平台、区块链浏览器以及区块链服务；具体包括：
模块M1：在bass平台加密生成一个token值，该token值是用户登录成功后，后端返回的加密字符串，包含用户登录信息。
模块M2：在bass平台配置菜单模块“区块链浏览器”，并在该页面中引入一个iframe标签，该标签可将区块链浏览器装置嵌入到当前的页面，采用此方式可以更方便地实现将该区块链浏览器装置引入到不同的区块链服务平台上。
模块M3：将iframe的src(iframe标签的属性，表示需要嵌入的网页地址)设置为区块链浏览器平台的地址，并且要传入模块M1的token作为参数。
模块M4：区块链浏览器平台的每个接口调用都会带上请求头字段“X-Access-Token”，对应值为token参数。
模块M5：区块链服务收到前端的请求，会对“X-Access-Token”字段值进行校验，校验成功则返回前端请求的对应区块链数据。
模块M6：区块链浏览器平台的“概览”页面，显示实时的区块链数据，包括区块高度、交易数、活跃节点、合约数、近两周的交易数、区块哈希列表和交易哈希列表，用户可选择其他想查询的区块链，搜索框可输入地址、交易或区块高度进行精确查询。
模块M7：区块链浏览器平台除了“概览”页面，还有“区块”、“交易”、“合约”和“账户”4个页面，点击对应的页面可分别查看当前所选区块链的区块信息列表、交易信息列表、合约信息列表和账户信息列表。
本发明实施例提供了一种前端与区块链交互的区块链浏览器实现方法、系统及介质，通过在baas平台引入一个iframe，用户只需要选择对应的区块链，前端以轮询后端接口的方式实时地获取该链上的区块链数据、区块链网络运行状态以及交易报表，前端界面展示实时的链上数据，实现成本较小，使用起来也快捷方便。
本领域技术人员知道，除了以纯计算机可读程序代码方式实现本发明提供的系统及其各个装置、模块、单元以外，完全可以通过将方法步骤进行逻辑编程来使得本发明提供的系统及其各个装置、模块、单元以逻辑门、开关、专用集成电路、可编程逻辑控制器以及嵌入式微控制器等的形式来实现相同功能。所以，本发明提供的系统及其各项装置、模块、单元可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置、模块、单元也可以视为硬件部件内的结构；也可以将用于实现各种功能的装置、模块、单元视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
以上对本发明的具体实施例进行了描述。需要理解的是，本发明并不局限于上述特定实施方式，本领域技术人员可以在权利要求的范围内做出各种变化或修改，这并不影响本发明的实质内容。在不冲突的情况下，本申请的实施例和实施例中的特征可以任意相互组合。

Claims (9)

1.一种前端与区块链交互的区块链浏览器实现方法，其特征在于，包括：bass平台、区块链浏览器以及区块链服务；
步骤S1：在bass平台加密生成一个token值；
步骤S2：在bass平台配置菜单模块区块链浏览器，并在该页面中引入一个iframe；
步骤S3：将iframe的src设置为区块链浏览器平台的地址，并且要传入步骤S1的token作为参数；
步骤S4：区块链浏览器平台的每个接口调用都带上请求头字段X-Access-Token，对应值为token参数；
步骤S5：区块链服务返回前端请求的对应区块链数据；
步骤S6：区块链浏览器平台内设置有概览页面，显示实时的区块链数据；
步骤S7：区块链浏览器平台除概览页面外，还设置有其他页面，点击对应的页面分别查看当前所选页面的信息。
2.根据权利要求1所述的前端与区块链交互的区块链浏览器实现方法，其特征在于，所述步骤S6中显示实时的区块链数据包括：区块高度、交易数、活跃节点、合约数、近两周的交易数、区块哈希列表和交易哈希列表。
3.根据权利要求1所述的前端与区块链交互的区块链浏览器实现方法，其特征在于，所述步骤S6还包括：若用户选择其他想查询的区块链，在搜索框输入地址、交易或区块高度进行查询。
4.根据权利要求1所述的前端与区块链交互的区块链浏览器实现方法，其特征在于，所述区块链浏览器平台除概览页面外，还包括区块、交易、合约和账户四个页面，点击对应的页面分别查看当前所选区块链的区块信息列表、交易信息列表、合约信息列表和账户信息列表。
5.一种前端与区块链交互的区块链浏览器实现系统，其特征在于，包括：bass平台、区块链浏览器以及区块链服务；
模块M1：在bass平台加密生成一个token值；
模块M2：在bass平台配置菜单模块区块链浏览器，并在该页面中引入一个iframe；
模块M3：将iframe的src设置为区块链浏览器平台的地址，并且要传入模块M1的token作为参数；
模块M4：区块链浏览器平台的每个接口调用都带上请求头字段X-Access-Token，对应值为token参数；
模块M5：区块链服务返回前端请求的对应区块链数据；
模块M6：区块链浏览器平台内设置有概览页面，显示实时的区块链数据；
模块M7：区块链浏览器平台除概览页面外，还设置有其他页面，点击对应的页面分别查看当前所选页面的信息。
6.根据权利要求5所述的前端与区块链交互的区块链浏览器实现系统，其特征在于，所述模块M6中显示实时的区块链数据包括：区块高度、交易数、活跃节点、合约数、近两周的交易数、区块哈希列表和交易哈希列表。
7.根据权利要求5所述的前端与区块链交互的区块链浏览器实现系统，其特征在于，所述模块M6还包括：若用户选择其他想查询的区块链，在搜索框输入地址、交易或区块高度进行查询。
8.根据权利要求5所述的前端与区块链交互的区块链浏览器实现系统，其特征在于，所述区块链浏览器平台除概览页面外，还包括区块、交易、合约和账户四个页面，点击对应的页面分别查看当前所选区块链的区块信息列表、交易信息列表、合约信息列表和账户信息列表。
9.一种存储有计算机程序的计算机可读存储介质，其特征在于，所述计算机程序被处理器执行时实现权利要求1至4中任一项所述的方法的步骤。
CN202210674464.5A 2022-06-15 2022-06-15 前端与区块链交互的区块链浏览器实现方法、系统及介质 Pending CN114896487A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210674464.5A CN114896487A (zh) 2022-06-15 2022-06-15 前端与区块链交互的区块链浏览器实现方法、系统及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210674464.5A CN114896487A (zh) 2022-06-15 2022-06-15 前端与区块链交互的区块链浏览器实现方法、系统及介质

Publications (1)

Publication Number Publication Date
CN114896487A true CN114896487A (zh) 2022-08-12

Family

ID=82729360

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210674464.5A Pending CN114896487A (zh) 2022-06-15 2022-06-15 前端与区块链交互的区块链浏览器实现方法、系统及介质

Country Status (1)

Country Link
CN (1) CN114896487A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116166126A (zh) * 2023-04-23 2023-05-26 中国信息通信研究院 基于区块链的人机交互方法、系统、电子设备和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116166126A (zh) * 2023-04-23 2023-05-26 中国信息通信研究院 基于区块链的人机交互方法、系统、电子设备和存储介质
CN116166126B (zh) * 2023-04-23 2023-09-01 中国信息通信研究院 基于区块链的人机交互方法、系统、电子设备和存储介质

Similar Documents

Publication Publication Date Title
CN105260299A (zh) 软件测试方法、装置及系统
CN110119294A (zh) 菜单页面的生成方法、装置及系统
CN108984202B (zh) 一种电子资源分享方法、装置和存储介质
CN111352836A (zh) 一种压力测试方法及相关装置
CN109783543A (zh) 数据查询方法、装置、设备和存储介质
CN113076729B (zh) 用于报表导入的方法及系统、可读存储介质及电子设备
CN104750372A (zh) 一种文件共享方法和装置
CN114896487A (zh) 前端与区块链交互的区块链浏览器实现方法、系统及介质
CN111767229A (zh) 性能测试方法、装置和设备
US20130124971A1 (en) Real time web script refresh using asynchronous polling without full web page reload
CN112988311A (zh) 一种基于web服务器的线上实验方法
CN111641690B (zh) 会话消息处理方法、装置及电子设备
CN111552715A (zh) 用户查询方法和装置
US20160292218A1 (en) Extensible data query scenario definition and consumption
CN103678332A (zh) 用于展示页面的系统、浏览器及其展示页面的方法
CN101772196A (zh) 处理移动终端发送的信息的方法和系统以及代理服务器
CN113763514A (zh) 笔顺动画的生成方法、装置、系统及电子设备
US20040054682A1 (en) Hypertext analysis method, analysis program, and apparatus
CN114371969A (zh) 一种页面性能测试方法、装置、电子设备及存储介质
JP2012248228A (ja) 負荷シミュレーション装置、シミュレーション装置、負荷シミュレーション方法、シミュレーション方法及びプログラム
CN113626392A (zh) 文档数据更新的方法和装置、电子设备和存储介质
CN109889402B (zh) 用于生成信息的方法和装置
CN112988310A (zh) 一种基于多分屏浏览器的线上实验方法
CN111078736A (zh) 一种数据聚合处理方法、装置、终端及存储介质
CN113687965B (zh) 数据交互方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination