22 results about "Single-page application" patented technology

A method includes: displaying a graphical user interface (GUI) comprising one or more input elements to control a display of a variation of a web page on a client device, the input elements to configure a plurality of conditions and a trigger event defining when to evaluate the plurality of conditions for the web page; responsive to a user interaction, via the GUI, with the input elements, generating a set of instructions corresponding to the web page, the set of instructions comprising one or more of the plurality of conditions and the trigger event and specifying the variation of the web page to display at the client device responsive to the one or more of the plurality of conditions being met when the trigger event occurs; and transmitting the set of instructions to the client device responsive to an access of the web page by the client device.

The embodiment of the invention discloses an application construction method and device, a storage medium and electronic device.The method comprises the steps that a sub-application program corresponding to at least one sub-application is obtained, and a sub-application development framework corresponding to the at least one sub-application program is different from a main application development framework corresponding to a main application; determining a base directory corresponding to the main application, deploying the sub-application program under the base directory, determining a sub-application menu route corresponding to the sub-application program based on the sub-application program, and performing menu configuration processing in the main application based on the sub-application menu route to obtain page configuration information, and creating a target single-page application program based on the page configuration information and the base directory.

Disclosed are systems and methods for developing a web-based application using micro frontends. A web application architecture system may include a plurality of web servers and a plurality of single page applications. Each one of the plurality of single page applications may be hosted on a single respective one of the plurality of web servers. The web application architecture system may further include one or more shared libraries that are accessed by each of the plurality of single page applications. The one or more shared libraries may include shared interface components for each of the plurality of single page applications such that the plurality of single page applications are a part of a single web-based application. Additionally, the web application architecture system may include a load balancer configured to route traffic to each of the plurality of single page applications.

The present disclosure relates to the field of computer technologies, and discloses a full event tracking method and apparatus for a single page application screen, a device, and a storage medium. The method includes: obtaining a response component corresponding to a target single page application screen; in response to the response component being a screen container component, extracting a component feature parameter of the screen container component; determining, based on the component feature parameter, whether a current running state of the target single page application screen is a loading state; in response to the current running state being the loading state, obtaining routing information of the target single page application screen; and generating event tracking information of the target single page application screen by triggering event tracking for the target single page application screen based on the routing information.

The invention provides an application routing method and device, electronic equipment and a computer readable storage medium, and relates to the technical field of computers. The application routing method is applied to a single-page sub-application, the single-page sub-application maintains own routing record and synchronizes routing information of a routing event to a global routing record when the routing event is triggered, and the routing method comprises the following steps: if a global browser event is monitored, the global browser event is triggered by the single-page sub-application; if yes, obtaining target routing information corresponding to the browser event in the global routing record, and obtaining current routing information in the own routing record; and routing the single-page sub-application according to the target routing information and the current routing information. According to the method and the device, the routing accuracy of the single-page application can be improved, and global routing recording is realized.

The invention discloses an XML (Extensible Markup Language) file-based human-computer interface system applied to a Baifu PLC (Programmable Logic Controller), which comprises the following steps of: 1, according to an application object and a development target, establishing an XML configuration file containing contents such as an interface layout, a page, a page display form and the like; 2, a driver based on the XML file format is developed, and the configuration information in the step 1 is loaded and analyzed; step 3, carrying out secondary packaging on the TwinCAT Javascript of the Baifu, and mapping the data information loaded in the step 2 to a TwinCAT communication interface; 4, developing a webpage driving program by adopting a single-page application mode and a data driving mode, and rendering and generating an interface by using the configuration information preloaded in the step 2; according to the method, the XML file is adopted to realize interface configuration, so that the difficulty of interface design is reduced, and the maintainability of the interface is improved; based on a Web mode and various components provided by the system, the interface display form is richer, and the sense is more comfortable.

The application discloses a network performance data acquisition method and device, computer equipment and a storage medium. The method comprises the following steps: acquiring the weight value of each changed element node in a current page and the triggering time of each element node, generating the batch rendering peak time of the current page according to the weight value and the triggering time of the element node; acquiring all http requests of the current page and the end time of each request, and acquiring the last end time from the end time; comparing the batch rendering peak time with the last end time, judging whether the batch rendering peak time is before the last end time, if yes, taking the time point closest to the last end time in the batch rendering peak time as the network performance data of the current page. The application can effectively collect the network performance data under all single-page applications, the statistical dimension is consistent, the data quality is high, and the newly-added page does not need to be repeatedly developed.

The invention discloses a multi-view single-page application preview method and device, a storage medium and electronic device.The method comprises the steps that a front-end multi-view application file corresponding to a front-end multi-view application is written into a WebContainer container of a browser through a multi-view application generation prompt by adopting a front-end application processing large model, generating an application view preview URL (Uniform Resource Locator) based on the front-end multi-view application file in the WebContainer container, loading the application view preview URL to an embedded frame in a host application page environment so as to carry out current application view preview processing on the front-end multi-view application through the embedded frame, and when the application view is previewed, carrying out application view preview processing on the front-end multi-view application through the embedded frame. And synchronizing the current interface view routing state of the front-end multi-view application for the host application page environment and the inline framework.

The invention relates to a security detection method and device for a single-page application, computer equipment, a computer readable storage medium and a computer program product. The method comprises the steps of obtaining application construction resources corresponding to a single-page application; analyzing the application construction resource to obtain a resource structure corresponding to the application construction resource; obtaining an application detection rule matched with the application construction resource; obtaining a target detection resource corresponding to the application detection rule and an associated data flow path corresponding to the target detection resource based on the resource structure; and detecting security processing information corresponding to each detection resource in the associated data flow path based on an application detection rule to detect abnormal security processing information. By adopting the method, the comprehensiveness and the accuracy of security detection of the single-page application can be improved.

The application relates to a single-page application port adaptive navigation method and device, equipment and a storage medium. When a navigation request for the single-page application is initiated, the navigation request is intercepted by a pre-registered URL interception processor; a target port is calculated based on a preset port strategy table and a current running environment state; the port in the navigation request is rewritten as the target port to obtain a rewritten address; and a corresponding single-page application page is loaded based on the rewritten address. Compared with the prior art, the technical scheme of the application dynamically calculates a target port and rewrites the port of a navigation request, realizes adaptive adaptation of the port, avoids the disadvantages of backend redirection, provides support for unified port management and fault tracing, and improves the reliability and operation convenience of single-page application navigation.

In one implementation, a device may obtain events captured during operation of a single-page application. The device may identify, based on the events, page load actions and post page load actions associated with the operation of the single-page application. The device may assign, based on the events, an experience characterization to each of the page load actions and the post page load actions. The device may cause, based on the events, a root cause analysis to be performed for an experience characterization-indicated anomaly.

An embodiment of the present invention discloses a method, device, and electronic device for counting the interactive time of a single-page application, which relates to the field of data processing. The method includes: when the electronic device receives a request input by the user, it can request and obtain file information through the system network; then it can establish a node tree according to the file information; and it can determine the rendering time and weight of different batches of nodes in the node tree; and it can determine the information of the system network request; after that, the electronic device can determine the interactive time according to the rendering time, weight, and the information of the system network request of each batch of nodes. The embodiment of the present invention can improve the calculation accuracy of the interactive time of a single-page application.

Systems, computer program products, and methods are described herein for an adaptive code packaging interface for customizable single page applications. The present disclosure is configured to define merchant requirements by gathering and analyzing specific information, develop and compile new source code based on these requirements, generate an assembly from the compiled code, and configure deployment parameters tailored to a merchant context. An intelligent deployment tool is used to select Single Page Application (SPA) components from a library, leveraging large language models and prompt engineering. The selected SPA components and custom code are merged into a cohesive deployment package, which is then deployed to application servers. The deployment is validated through tests and performance monitoring to ensure functionality and identify areas for improvement. This system enhances flexibility, efficiency, and adaptability in the deployment of SPAs.

The invention relates to a method for granting access to functionality in an industrial automation system (100) by means of a single-page application (4) executed on a user device (2), comprising: loading (S1), by means of the user device (2), a first data section (41) of the single-page application (4) stored on a control device (1); reloading (S2), by means of the user device (2), a number of further data sections (42, 43) specified in the first data section (41), required for the execution of the single-page application (4) and stored on an external server device (3), from the external server device (3); and accessing (S3) the functionality of the control device (1) by means of the single-page application (4) executed on the user device (2). While complying with a single-origin policy, a load of the control device can be reduced and the functionality of the control device can be accessed more efficiently. The invention further relates to a computer program product and to an industrial automation system (100).

The embodiment of the application discloses a single-page application dynamic vulnerability backtracking detection method based on a state atlas, comprising the following steps: constructing a state atlas by monitoring a front-end application; injecting a test load into a front-end application page; in a test process, every time a new front-end application page is detected, if the new front-end application page triggers a vulnerability, backtracking to an initial front-end application page in the state atlas; if the new front-end application page does not trigger a vulnerability, according to abnormal conditions of the new front-end application page, determining a backtracking depth of a superior front-end application page in the state atlas; and for a terminal page of backtracking, comparing a backtracked DOM structure with an initial DOM structure in the state atlas to determine a region in which a DOM structure is changed; and performing vulnerability scanning on the region to locate a vulnerability chain caused by cross-page data transmission. The embodiment can realize cross-state vulnerability chain detection.

The embodiment of the invention discloses a single-page application dynamic vulnerability backtracking detection method based on a state atlas, which comprises the following steps: constructing the state atlas by monitoring a front-end application; injecting a test load into the front-end application page, and when a new front-end application page is detected in the test process, if the new front-end application page triggers a vulnerability, backtracking to an initial front-end application page in the state map; if the new front-end application page does not trigger the vulnerability, determining the backtracking depth of a superior front-end application page in the state map according to the abnormal condition of the new front-end application page; aiming at a backtracked end point page, comparing the backtracked DOM structure with an initial DOM structure in the state map, and determining an area in which the DOM structure is changed; and performing vulnerability scanning on the region to locate a vulnerability chain caused by cross-page data transmission. According to the embodiment, cross-state vulnerability chain detection can be realized.

The invention discloses a single page application internationalization system based on the Anglar technology, and relates to the technical field of application internationalization, and the system is characterized in that a browser language environment management module is integrated into a browser operation environment, is responsible for obtaining and storing language environment information during system loading, and provides basic data for an internationalization service module; the internationalization service module provides a translation method and internationalization operation logic of a controlled project; the internationalization language package module constructs multi-language translation content; the front-end HTML internationalized translation pipeline module applies a translation method to realize real-time translation of an HTML page text and ensure that interface display is adaptive to a language environment; the TypeScript text translation module completes text internationalization conversion in a code layer; the Anglar interceptor module ensures that interaction languages at the front end and the rear end are consistent; the token injection configuration module provides an adaptive token for the internationalization service module; and the root component language switching response module monitors language switching and ensures smooth updating of interface languages. The internationalization ability and the user experience of the application program can be improved.

The application discloses a single-page application search method, device and equipment and a computer storage medium. The single-page application search method comprises the following steps: receiving a hypertext markup language (HTML) file and data resources of a single-page application of a target user; parsing the HTML file to obtain a document object model (DOM) tree, and loading a JavaScript file relied on by the HTML file; executing the JavaScript file, replacing corresponding nodes in the DOM tree with the HTML file and the data resources of the target user, and generating a first static HTML resource; calling an anchor point parser, replacing anchor point links in the first static HTML resource with non-anchor point links, and obtaining a second static HTML resource; and sending the second static HTML resource to a gateway. In this way, the network crawler can comprehensively capture the content of the single-page application, and the search engine can effectively search the related content of the single-page application.

The present disclosure relates to the field of computer technologies, and discloses a full event tracking method and apparatus for a single page application screen, a device, and a storage medium. The method includes: obtaining a response component corresponding to a target single page application screen; in response to the response component being a screen container component, extracting a component feature parameter of the screen container component; determining, based on the component feature parameter, whether a current running state of the target single page application screen is a loading state; in response to the current running state being the loading state, obtaining routing information of the target single page application screen; and generating event tracking information of the target single page application screen by triggering event tracking for the target single page application screen based on the routing information.

The invention discloses a front-end UI componentization single-page application system based on metadata. The front-end UI componentization single-page application system comprises an analysis module, an object model management module, a binding verification module, a distribution module, a bus module, a control module, a theme skin module, a printing export module and a resource management module. The method has the advantages that the user-defined page description language gspx is adopted to be matched with the runtime frame, and unified packaging of layout description, data binding, verification logic, printing export and workflow editing of a service interface is achieved through a hierarchical structure of page action class-form object-control object.