Web component dynamically deployed in an application and displayed in a workspace product
Provided are computer-implemented methods and systems for dynamically deploying a web component in an application. An example method for dynamically deploying a web component in an application may include deploying a client-side application to a web browser associated with a client device. The method may continue with receiving a request to deploy a web component in the client-side application. The method may further include dynamically loading the web component in the client-side application. With this method, web components can be dynamically added to a current operating version of a web application. Further, a user can use a web application as if it is operating locally on the web browser of the client device, even though it is not actually stored locally on the client device.
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 application platform;
deploy the client-side application to a web browser associated with a client device;
receive a request to deploy a web component in the client-side application, the web component being registered with the front-end application platform, wherein the request includes the web component, the web component being developed by a customer; 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 front-end application platform is Angular.
3. The system of claim 1 , wherein the client-side application is built using one or more of the following: HTML, JavaScript, and TypeScript.
4. The system of claim 1 , wherein the client-side application is built as a single page application.
5. The system of claim 4 , wherein the single-page application is a portal of a workspace customized for a user.
6. The system of claim 4 , wherein the deploying the client-side 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.
7. The system of claim 1 , wherein the web component is configurable to be displayed as a widget in a dashboard of the workspace product.
8. The system of claim 1 , wherein the web component is configurable as a widget in a dashboard of a portal.
9. The system of claim 1 , wherein the web component is developed by a user associated with the client device and a third party.
10. A method for dynamically deploying a web component in an application operating on a client device, the method comprising:
receiving a client-side application built using a front-end application platform;
deploying the received client-side application to a web browser associated with a client device;
receiving from the client device a request to deploy a web component in the client-side application, the web component being registered with the front-end application platform, the request including the web component, the web component being developed by a customer; 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.
11. The method of claim 10 , wherein the front-end application platform is Angular.
12. The method of claim 10 , wherein the client-side application is built using one or more of the following: HTML, JavaScript, and TypeScript.
13. The method of claim 10 , wherein the client-side application is built as a single page application.
14. The method of claim 13 , wherein the single-page application is a portal of a workspace customized for a user.
15. The method of claim 13 , wherein the deploying the client-side 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 an application server.
16. The method of claim 10 , wherein the web component is configurable to be displayed as a widget in a dashboard of a workspace product.
17. The method of claim 10 , wherein the web component is configurable as a widget in a dashboard of a portal.
18. The method of claim 10 , wherein the web component is developed by a user associated with the client device and a third party.
19. A system for dynamically deploying a web component in an application, the system comprising:
an application server configured to:
deploy a client-side application to a web browser associated with a client device, the deploying the client-side application to the browser comprising downloading the client-side application as a single-page application to the web browser upon establishing a communication channel between the client device and the application server;
receive, from a user associated with the client device, a request to deploy a web component in the client-side application, the request including the web component, wherein the web component is developed by a customer; and
dynamically load the web component in the client-side application, wherein the dynamically loading includes:
registering the web component with a front-end application platform used to build the client-side application; 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.
20. The system of claim 19 , wherein the single-page application is a portal of a workspace customized for the user.