Dynamically deploying a component in an application
Provided are computer-implemented methods and systems for dynamically deploying a component in an application. An example method for dynamically deploying a component in an application may include building, by a front-end application platform, a client-side application. The method may further include deploying the client-side application to a browser associated with a client device. The method may continue with receiving, from a customer associated with the client device, a request to deploy a component in the client-side application. The method may further include dynamically loading the component in the client-side application.
1. A system for dynamically deploying a web component in an application, the system comprising:
an application server configured to:
receive a client-side application built using a front-end Angular application platform;
deploy the client-side application to a web browser associated with a client device;
receive, from a customer associated with the client device, a request to deploy a web component in the client-side application, wherein the request includes the web component and the request includes a uniform resource locator (URL) for downloading the web component from the application server, wherein the web component is developed by the customer and the web component is registered with the front-end Angular application platform; and
dynamically load the web component in the client-side application for display in the client-side application by the web browser associated with the client device, the client-side application being a portal of a workspace customized for the customer and the web component being displayed in a workspace product of the workspace.
2. The system of claim 1 , wherein the client-side application is built using one or more of the following: HTML, JavaScript, and TypeScript.
3. The system of claim 1 , wherein the client-side application is built as a single-page application.
4. The system of claim 3 , wherein the single-page application is a portal of the workspace customized for the customer.
5. The system of claim 3 , wherein the deploying the application to the web browser includes downloading the single-page application to the web browser upon establishing a communication channel between the client device and the application server.
6. The system of claim 1 , wherein the web component is configurable to be displayed as a widget in a dashboard of the workspace product.
7. The system of claim 1 , wherein the dynamically loading includes:
registering the web component with the front-end application platform; and
uploading the web component to the client-side application.
8. The system of claim 7 , wherein the web component is configurable as a widget in a dashboard of the portal.
9. A method for dynamically deploying a web component in an application by an application server, the method comprising:
receiving a client-side application that is built by a front-end application platform;
deploying the received client-side application to a web browser associated with a client device;
receiving, from a customer associated with the client device, a request to deploy a web component in the client-side application, wherein the request includes the web component and the request includes a uniform resource locator (URL) for downloading the web component from the application server, wherein the web component is developed by the customer and the web component is registered with the front-end Angular application platform; and
dynamically loading the web component in the client-side application for display in the client-side application by the web browser associated with the client device, the client-side application being a portal of a workspace customized for the customer and the web component being displayed in a workspace product of the workspace.
10. The method of claim 9 , wherein the client-side application is built using one or more of the following: HTML, JavaScript, and TypeScript.
11. The method of claim 9 , wherein the client-side application is built as a single-page application.
12. The method of claim 11 , wherein the single-page application is a portal of he workspace customized for the customer.
13. The method of claim 11 , wherein the deploying the application to the web browser includes downloading the single-page application to the web browser upon establishing a communication channel between the client device and the application server.
14. The method of claim 9 , wherein the web component is configurable to be displayed as a widget in a dashboard of the workspace product.
15. The method of claim 9 , wherein the dynamically loading includes:
registering the web component with the front-end application platform; and uploading the web component to the client-side application, wherein the web component is configurable as a widget in a dashboard of the portal.
16. A system for dynamically Deploying a web component in an application, the system comprising:
a front-end Angular application platform that is configured to:
build a client-side application; and
an application server configured to:
deploy the client-side application to a web browser associated with a client device, wherein the deploying the client-side application to the web browser includes:
downloading the client-side application to the web browser upon establishing a communication channel between the client device and the application server;
receive, from a customer associated with the client device, a request to deploy a web component in the client-side application, wherein the request includes the web component and the request includes a uniform resource locator for downloading the web component from the application server, the web component being developed by the customer and the web component being registered with the front-end Angular application platform; and
dynamically load the web component in the client-side application, wherein the dynamically loading includes:
registering the web component with the front-end application platform; and
uploading the web component to the client-side application, the client-side application being a portal of a workspace customized for the customer and the web component being displayed in a workspace product of the workspace.
17. The system of claim 1 , wherein the request indicates the URL associated with the web component that directs the application server to download the web component from the URL.
18. The method of claim 9 , wherein the request indicates the URL associated with the web component that directs the application server to download the web component from the URL.
19. The method of claim 9 , wherein the client device and the application server communicate directly via a web socket.
20. The method of claim 9 , wherein the front-end application platform is Angular.
21. The method of claim 9 , wherein the application server is further configured to dynamically load the web component into a same version of the client-side application.