Sparc.Platforms.Web

Web platform Sparc package


Keywords
Razor, Blazor, Web, Sparc, api, blazor-webassembly, csharp, maui, maui-blazor, mobile, multiplatform, net6, net7
License
MIT
Install
Install-Package Sparc.Platforms.Web -Version 6.3.6

Documentation

MIT License

Shows logo in light/dark mode.

What is Blossom?

Blossom is an opinionated framework-of-a-framework for .NET 7.0 Web, Mobile, and Desktop development using a single shared codebase (C# and Blazor).

OK, what is it really?

Blossom is a hand-crafted framework full of architectural conventions that attempt to remove as much of the boilerplate connective tissue as possible.

Its chief aim is to remove all the drivel it possibly can, so that you may focus more of your creative programming energy on what really matters for your app:

  • the logic of the back end, and
  • the presentation of the front end.

Everything else should be secondary.

How is a Blossom solution structured?

A typical Blossom solution has three main components:

  • one Features project. This project is the main back end API for the application, and contains the vast majority of the application's logic.
  • one UI project. This project is the shared front end for Web, Mobile, and Desktop, using Blazor as its underlying architecture.
  • (optional) one or more Platforms projects, if you're deploying to multiple platforms. These projects are the deployable units for Web (using Sparc.Platforms.Web) and Android/iOS/Mac/Windows (using Sparc.Platforms.Maui). They are typically very small projects with only platform-specific startup code and platform overrides. The vast majority of the UI code should still exist in the shared UI project.

Get Started with Blossom

Step 1. Create a Blossom Solution with a Features and Web Project

  1. Features Project: Create a new .NET 7.0 solution with an ASP.NET Core Empty project (preferably called [YourProject].Features).

Follow the Sparc.Kernel documentation for setup. Nuget

  1. Web Project: Add a Blazor Web Assembly App project to your solution (preferably called [YourProject].Web).

Follow the Sparc.Platforms.Web documentation for setup. Nuget

Step 1a (optional, if you're targeting mobile/desktop platforms): Add a Shared UI project and a MAUI Desktop/Mobile project

  1. Shared UI Project: Add a Razor Class Library project to your solution (preferably called [YourProject].UI).

Follow the Sparc.UI documentation for setup. Nuget

  1. Mobile/Desktop Project: Add a .NET MAUI Blazor App project to your solution (preferably called [YourProject].Maui).

Follow the Sparc.Platforms.Maui documentation for setup. Nuget

Step 2. Write your app

  1. Create your base entity classes in the Sparc.Features project. Entities are the core classes that your app uses.

Examples of entities are Order, User, Product, OrderDetail, etc. See Sparc.Core documentation for architectural guidance.

  1. Create a Feature for each "feature" that your app needs. Features are operations that your app can perform and all of the necessary dependencies around that operation (including database retrieval and persistence and other plugins). Each Feature automatically becomes a separate API endpoint.

Examples of Features are GetOrder, SaveOrder, GetUserProfile, etc. See Sparc.Features documentation for architectural guidance.

  1. Create a Blazor Page/Component for each UI Page/Component that your app needs, and place them in the Sparc.UI project (or Sparc.Platforms.Web for web-only projects).

Examples of Pages are Orders/Index.razor, ProductDetail.razor, Profile.razor, etc. Examples of Components are ProductSummary.razor, OrdersList.razor, Avatar.razor, etc. See Sparc.UI documentation for architectural guidance.

  1. Call your Features from your UI, using the auto-generated Api class that the framework creates for you.

An Api class is automatically regenerated on each build using the swagger.json file from your Features project, which is also automatically regenerated on each build. This class is typically called [YourProject]Api, eg. PointOfSaleApi, and it automatically contains a method for every Feature you've implemented, eg. await Api.GetOrdersAsync(CustomerId).

  1. Run the Features project and appropriate Platform project (normally Platforms.Web for fastest development) locally to test and debug your application.

Step 3. Add Sparc plugins as you need them

Database

The Sparc.Features library comes with a default in-memory implementation of IRepository, so you likely don't even need to set up a database in the initial stages of development. Just inject IRepository<Entity> everywhere as needed, and all data will be loaded from/saved to local memory.

When you are ready to add a real database, simply add the appropriate NuGet package to the Sparc.Features project and configure it in the Startup class.

Sparc currently offers libraries for two database providers:

You may also implement your own instance of IRepository<T> if you desire a custom implementation or need a different database provider.

Authentication

All Features by default require some form of authentication, as most real-world API endpoints are private, not public. However, Sparc includes a feature type called PublicFeature which opens up anonymous access to the feature. If you wish to defer user authentication to a later point in the development of your app, you can simply use PublicFeature for all features until you're ready.

When you're ready, simply add the appropriate NuGet package to the Sparc.Features project and configure it per the documentation.

Sparc includes three main options for authentication:

Notifications

To send emails, text messages, and push notifications, Sparc offers two libraries:

Step 4. Deploy your solution

  1. Deploy the Features project to any .NET 6.0 ASP.NET Core-compatible host (eg. Azure App Services).
  2. Deploy the Web Platform project to any Web Assembly-compatible host (eg. Azure App Services).
  3. Deploy the MAUI Platform project to Google, Apple, and Windows stores, or as desired.

Documentation

Learn more about how to use Sparc.Kernel by visiting the source folder for each package (linked above). Each package contains its own readme for installing and getting started.

Examples / Templates

Sparc.Kernel is the architecture for all of Sparc Cooperative's ongoing projects, including:

  • Law of 100 (Features, Platforms.Web, Authentication.AzureADB2C, Database.Cosmos, Notifications.Azure)
  • Kodekit (Features, Platforms.Web, Authentication.AzureADB2C, Database.Cosmos)
  • Ibis (Features, Platforms.Web, Authentication.AzureADB2C, Notifications.Twilio, Storage.Azure, Database.Cosmos)

Built With

Sparc.Kernel is built on the shoulders of giants:

Contributing

Please read our contributing guidelines here.