Redis Integrated UI

Redis Integrated UI is a .NET project designed to simplify the integration of a Redis User Interface (UI) page into your web applications. With this project, users can easily incorporate a Redis UI page, enabling them to interact with Redis keys and view Redis server statistics seamlessly.

Features

• Integration Ease: Simplifies the process of integrating a Redis UI page into web applications.

• Redis Key Management: Provides functionality to interact with Redis keys conveniently. Supports viewing and inserting all major Redis data types:

  Type	View	Insert
  String	✅	✅
  List	✅	✅ (RPUSH)
  Set	✅	✅ (SADD)
  Hash	✅	✅ (HSET field/value)
  Sorted Set	✅	✅ (ZADD member/score)
  Stream	✅	✅ (XADD JSON fields)

• TTL & Expiration Management: Full control over key expiry directly from the UI:

  • TTL column in the key list — ∞ for persistent keys, Xs for expiring ones
  • Value inspector shows remaining TTL in the metadata line
  • Set Expiry: enter a TTL in seconds and apply it to any selected key (EXPIRE)
  • Persist: remove expiry from a key to make it permanent (PERSIST)
  • Expiring filter: toggle button to show only keys that have a TTL set
  • Optional TTL field in the Add/Edit modal to set expiry at insert time

• Key Metadata: Displays value size and TTL (time-to-live) for each key in the value inspector panel.

  

• Server Statistics: Displays statistics related to the Redis server for monitoring and analysis purposes.

  

Getting Started

To integrate the Redis UI into your application, follow these steps:

• Install RedisUI from the NuGet Gallery.

PM> Install-Package RedisUI

• Add the middleware to your project.

using RedisUI;

app.UseRedisUI();

• Run your project and browse /redis path. easy peasy!

Settings

• The Path is "/redis" by default, set a new path.

app.UseRedisUI(new RedisUISettings
{
    Path = "/myredisui",
});

• The ConnectionString is "localhost" by default, set the connection string.

app.UseRedisUI(new RedisUISettings
{
    ConnectionString = "1.1.1.1:6379",
});

• Use ConfigurationOptions for detailed settings.

ConfigurationOptions options = new ConfigurationOptions
{
    EndPoints = { { "my-redis.cloud.redislabs.com", 6379 } },
    User = "default",  // use your Redis user. More info https://redis.io/docs/management/security/acl/
    Password = "secret", // use your Redis password
    Ssl = true,
    SslProtocols = System.Security.Authentication.SslProtocols.Tls13
};

app.UseRedisUI(new RedisUISettings
{
    ConfigurationOptions = options
});

• The UI is using Bootstrap 5.3.2 version from CDN, you can get it from locally via setting properties below:

app.UseRedisUI(new RedisUISettings
{
    CssLink = "..\\mypath\\bootstrap.min.cs",
    JsLink = "..\\mypath\\bootstrap.js"
});

Authorization

You can limit access to Redis data in the production environment.

• Add a new authorization filter and implement IRedisAuthorizationFilter

using RedisUI;

public class MyAuthorizationFilter : IRedisAuthorizationFilter
{
    private readonly bool _isDevelopment;

    public MyAuthorizationFilter(bool isDevelopment)
    {
        _isDevelopment = isDevelopment;
    }

    public bool Authorize(HttpContext context)
    {
        return _isDevelopment || (context.User.Identity != null && context.User.Identity.IsAuthenticated);
    }
}

app.UseRedisUI(new RedisUISettings
{
    AuthorizationFilter = new MyAuthorizationFilter(app.Environment.IsDevelopment())
});

Contributing

Contributions are welcome! If you'd like to contribute to Redis Integrated UI, please follow these guidelines:

1. Fork the repository.
2. Create your feature branch (git checkout -b feature/YourFeature).
3. Commit your changes (git commit -am 'Add some feature').
4. Push to the branch (git push origin feature/YourFeature).
5. Create a new Pull Request.

License

This project is licensed under the MIT License.

Contact

For any inquiries or support regarding Redis Integrated UI, feel free to contact the project maintainer:

• Email: emrahkondur@hotmail.com
• GitHub: ekondur