Skip to content

Files storage explorer and photo gallery for Azure Storage Account

License

Notifications You must be signed in to change notification settings

Neoteroi/Torino

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Torino

Torino is a files storage explorer created by Roberto Prevato, consisting of:

  • a back-end API that provides the necessary features to handle storage containers and a virtual file system
  • a front-end SPA that provides an administrative interface to configure containers, upload files, navigate through the virtual file system

Using this project is possible to provision a private files explorer using Azure Storage Account, in a few minutes. ✨ 🍰

Upload and photo gallery

Torino provides two working modes: Express and Normal.

Mode Description Use case
Express It only requires credentials to an Azure Storage Account, having CORS enabled for the Blob Service. By default it uses the Table API in the Storage Account to store information for the virtual file system, but it can be configured to use a SQLite database. Can be started within seconds, using the provided Docker image. Ideal for personal use and to try Torino, doesn't generate any cost, besides the storage account. It is also possible to enable Application Insights on the service.
Normal A full web application integrated with Azure Active Directory, using Application Insights, alerts configuration, and a PostgreSQL database. It requires configuring app registrations in Azure Active Directory, secrets in GitHub for the first deployment. Ideal to have a media storage accessible at a public URL, requiring authentication, that can be shared with other people. Generates costs: in the provided configuration, especially for the Azure Database for PostgreSQL and the App Service Plan (of course, the app can be modified to be hosted in Docker and other kinds of services).

The project is a work-in-progress and by no mean complete. However, Torino is ready for use and provides complex features:

  • Ability to run the application in a Docker container, requiring only a Storage Account (Express mode)
  • A single page application front-end built using modern technologies: TypeScript, HTML5, SASS, React; offering folders view, a photo gallery implemented with PhotoSwipe, features to display pictures, play MP3s and videos
  • A clean API offering OpenAPI Documentation and supporting OpenID Connect
  • CI/CD automation using GitHub Workflows, reusable workflows and a branch strategy to handle multiple environments
  • Bicep templates to provision the required Azure services, with automated deployments
  • Access management using JWT Bearer authentication (tokens issued by Azure Active Directory)
  • Safe handling of private files: access to files is controlled using temporary shared access signatures for the Azure Blob Service
  • Resizing of pictures, supporting common pictures formats
  • Logs collected using Application Insights, including detailed informations about dependencies, like queries made by SQLAlchemy
  • Database migrations handled using Alembic, and ORM provided by SQLAlchemy (uses code-first and has built-in support for PostgreSQL and SQLite)
  • As alternative to the SQL relational dbs mentioned above, it can be configured to use the Table API of the same Storage Account that is used for blobs

Since the project is open source and includes automation, it can be easily modified and enhanced with the desided features.

Express mode

The fastest way to try Torino is using the provided Docker image:

docker run -p 8080:80 \
  -e APP_STORAGE_ACCOUNT_NAME="<NAME>" \
  -e APP_STORAGE_ACCOUNT_KEY="<KEY>" \
  robertoprevato/torino

Demo gif

This requires using an existing Storage Account, which must enable CORS (either from all origins, or the specific origin used when starting the container). Important CORS must be enabled for the Blob Service, under Settings > Resource sharing (CORS).

CORS enabled

The system in Express mode runs without users' authentication, and can be used immediately to start creating containers and uploading files to the storage. By default all information is stored in the provided Storage Account (Table and Blob services).

To include the integration with an Azure Application Insights service, use the following environmental variable:

-e APP_MONITORING_KEY="<INSTRUMENTATION_KEY>"

To use a SQLite database within the container itself, instead of the Azure Storage Table API, add the following variable:

-e APP_DB_CONNECTION_STRING="sqlite+aiosqlite:///torino.db"

For more information about running the system this way, refer to the dedicated Wiki page.

Normal mode

Using the system in Normal mode provides the full set of features implemented in the system, but it requires going through several configuration steps, for the first-time setup.

How to provision an instance of the system in normal mode

The following instructions provide an overview of the necessary steps to use all the features provided in this repository.

  1. Fork this project
  2. GitHub reusable workflows require paths to a specific organization, therefore update the provided .github/workflows/infrastructure.yml and .github/workflows/server.yml to point to your account's name; update the uses property of the deployment stages:
  deploy-dev:
    needs: build-app
    if: github.ref == 'refs/heads/dev'
    uses: <ACCOUNT or ORG>/<PROJECT>/.github/workflows/server-env.yml@dev
  1. Choose a project name, for example if you chose pincopallo, update the workflow files to use pincopallo instead of torino (note that a bug in the GH reusable workflows doesn't allow to use dynamic input from env variables for called workflows, therefore it is necessary to write more than once the project name ref. 1, ref. 2)

  2. Create Azure credentials to enable automated deployments from GitHub Workflows, refer to this documentation for more information:
    Deploy to App Service using GitHub Actions

  3. Create the necessary app registrations in Azure Active Directory. The folder infrastructure/apps contains an example bash script that can be used to create the app registrations for the API and the SPA, including application roles handled by the system. Once the applications are created:

    • Configure the API app registration to expose an api, and the SPA app registration to use that API
    • Refer to this documentation for more information on how to expose an API:
    • API scope and SPA client ID must be configured in the SPA's settings.js under ui folder
    • Configure the API client ID and audience in the YAML settings of the web service, under server folder
      • Note: it is possible to use several settings.$APP_ENV.yaml files, the right file is read when the application starts depending on the following env variable: APP_ENV
# EXAMPLE
auth:
  audience: api://e9ee7140-519d-458c-9621-0b3e110ea5a3
  issuer: https://sts.windows.net/b62b317a-19c2-40c0-8650-2d9672324ac4/
  1. Configure GitHub secrets like described in Configuring GitHub Actions

  2. Once secrets are configured in GitHub, it is possible to run the infrastructure pipeline, to provision the dev environment of the system. This workflow is configured to be run manually (workflow_dispatch).

  3. Once the Azure services are created for an environment (e.g. dev-example-rg), it is possible to create a GitHub release referencing the dev branch to trigger a deployment of the web application in the resource group. In the provided configuration, the SPA is served by the same web application that offers the API, this can be modified as desired.


Supported persistence layers

Torino supports the following persistence layers for the virtual file system (virtual folders tree and file nodes):

Persistence layer Description
Table API This is the default option when starting the application locally and in Express mode. The Table Service of the same Storage Account is used to store the necessary information to handle the virtual file system. This is the default option when starting the application.
PostgreSQL The system was originally designed to work with a PostgreSQL database. For this reason, the provided Bicep template and GitHub Workflows create an instance of Azure Database for PostgreSQL. The service can be expensive for personal use.
SQLite SQLite can be used instead of PostgreSQL, using a different connection string.