![]() ![]() Brotli response compression is enabled for reducing payload sizes.Only the diagram editor (front-end app) can invoke these APIs ( CORS settings).Use of policy-based authorization for RBAC ensures that claims mapping to user permissions are present in the JWT. Using ASP.NET Core’s middleware, we ensure that: These APIs are isolated in a separate app since the memory footprint is higher, causing the process to recycle more often. DiagramHelper APIs are required for printing or exporting (as PNG/JPG) diagrams.CloudSkew APIs facilitate CRUD operations over diagrams, diagram templates, and user profiles.The back-end consists of two web API apps, both authored using ASP.NET Core 3.1: The choice of Angular as the front-end framework was mainly driven by our familiarity with it from prior projects. This app also loads all of its static assets from a CDN, while relying on the back-end web APIs for fetching dynamic content. To access the app, users login using GitHub or LinkedIn credentials. Diagram editor: an Angular 8 SPA written in TypeScript.We chose VuePress for SSG primarily due to its simplicity. All images on this site are loaded from a CDN. The default VuePress theme is used without any customization, although we’re loading some marketplace plugins for support image zoom, Google Analytics, sitemap, and more. Landing page: static VuePress site, with all pages authored in Markdown. ![]() AppsĪt its core, CloudSkew’s front-end consists of two web apps: Let’s review the individual components below. Cloudskew architectureĬloudSkew’s infrastructure is built on several Azure services, pieced together like LEGO blocks. In this post, we’ll review CloudSkew’s building blocks, as well as discuss the lessons learned, key decisions, and trade-offs made in developing the editor. CloudSkew diagrams can be securely saved to the cloud and icons for AWS, Microsoft Azure, Google Cloud Platform, Kubernetes, Alibaba Cloud, Oracle Cloud (OCI), and more are included.ĬloudSkew is currently in public preview and the full list of features and capabilities can be seen here, as well as sample diagrams here. CloudSkew is a free online diagram editor that helps you draw cloud architecture diagrams.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |