bifurqué depuis cliss21/psm-site
1
0
Bifurcation 0
Site Web de la Plateforme des Soutiens aux Migrant⋅es
 
 
 
 
 
 
Aller au fichier
Raphaël Charles 9bc43e02c6 fix(assets): La couleur du titre d'un bandeau s'adapte à la couleur de celui-ci 2023-02-08 17:22:34 +01:00
assets fix(assets): La couleur du titre d'un bandeau s'adapte à la couleur de celui-ci 2023-02-08 17:22:34 +01:00
psm fix(blocks): compense la hauteur du menu lors du scroll vers les ancres 2023-01-10 11:45:28 +01:00
requirements feat(req): passe à django-environ 0.8 2021-12-01 11:18:10 +01:00
styleguide feat(ui): remplace le logo et adapte les couleurs 2021-09-27 09:37:18 +02:00
.babelrc.json feat(assets): mets à jour les dépendances via npm 2021-11-24 14:24:30 +01:00
.browserslistrc build(assets): mets à jour les navigateurs supportés 2021-10-15 15:49:17 +02:00
.editorconfig init: génère l'application de base 2021-03-05 10:17:02 +01:00
.eslintrc.json ref(assets): supprime les composants non utilisés de Bootstrap 2021-08-11 17:41:31 +02:00
.gitattributes init: génère l'application de base 2021-03-05 10:17:02 +01:00
.gitignore init: génère l'application de base 2021-03-05 10:17:02 +01:00
.prettierrc init: génère l'application de base 2021-03-05 10:17:02 +01:00
.stylelintrc.json init: génère l'application de base 2021-03-05 10:17:02 +01:00
LICENSE init: génère l'application de base 2021-03-05 10:17:02 +01:00
Makefile feat(make): ajoute une cible shell 2021-03-08 14:34:24 +01:00
README.md init: génère l'application de base 2021-03-05 10:17:02 +01:00
config.env.example init: génère l'application de base 2021-03-05 10:17:02 +01:00
manage.py init: génère l'application de base 2021-03-05 10:17:02 +01:00
package-lock.json feat(assets): mets à jour les dépendances via npm 2021-11-24 14:24:30 +01:00
package.json chore(assets): bootstrap 5.2 2022-09-19 10:59:38 +02:00
pyproject.toml init: génère l'application de base 2021-03-05 10:17:02 +01:00
requirements.txt init: génère l'application de base 2021-03-05 10:17:02 +01:00
setup.cfg init: génère l'application de base 2021-03-05 10:17:02 +01:00
webpack.config.js feat(ui): ajoute un favicon 2021-09-27 12:15:58 +02:00

README.md

Site de la PSM

Site Web de la Plateforme des Soutiens aux Migrant⋅es, un réseau d'associations intervenant auprès des exilé.e.s dans la région Hauts-de-France et sur le littoral de la Manche.

Table of content

Give a try

On a Debian-based host - running at least Debian Stretch:

$ sudo apt install python3 virtualenv git make
$ git clone https://forge.cliss21.org/cliss21/psm-site
$ cd psm/

$ make init
# A configuration file will be created interactively; you can uncomment:
#  ENV=development

$ make serve

Then visit http://127.0.0.1:8000/ in your web browser.

Installation

Requirements

On a Debian-based host - running at least Debian Stretch, you will need the following packages:

  • python3
  • virtualenv
  • make
  • git (recommended for getting the source)
  • python3-mysqldb (optional, in case of a MySQL / MariaDB database)
  • python3-psycopg2 (optional, in case of a PostgreSQL database)

Quick start

It assumes that you already have the application source code locally - the best way is by cloning this repository - and that you are in this folder.

  1. Define your local configuration in a file named config.env, which can be copied from config.env.example and edited to suits your needs.

    Depending on your environment, you will have to create your database and the user at first.

  2. Run make init.

    Note that if there is no config.env file, it will be created interactively.

That's it! Your environment is now initialized with the application installed. To update it, once the source code is checked out, simply run make update.

You can also check that your application is well configured by running make check.

Deployment

Web application

Here is an example deployment using NGINX - as the Web server - and uWSGI - as the application server.

uWSGI

The uWSGI configuration doesn't require a special configuration, except that we are using Python 3 and a virtual environment. Note that if you serve the application on a sub-location, you will have to add route-run = fixpathinfo: to your uWSGI configuration (available since v2.0.11).

NGINX

In the server block of your NGINX configuration, add the following blocks and set the path to your application instance and to the uWSGI socket:

location / {
    include uwsgi_params;
    uwsgi_pass unix:<uwsgi_socket_path>;
}
location /media {
    alias <app_instance_path>/var/media;
}
location /static {
    alias <app_instance_path>/var/static;
    # Optional: don't log access to assets
    access_log off;
}
location = /favicon.ico {
    alias <app_instance_path>/var/static/favicon/favicon.ico;
    # Optional: don't log access to the favicon
    access_log off;
}

Structure

Overview

All the application files - e.g. Django code including settings, templates and statics - are located into psm/.

Two environments are defined - either for requirements and settings:

  • development: for local application development and testing. It uses a SQLite3 database and enable debugging by default, add some useful settings and applications for development purpose - i.e. the django-debug-toolbar.
  • production: for production. It checks that configuration is set and correct, try to optimize performances and enforce some settings - i.e. HTTPS related ones.

Local changes

You can override and extend statics and templates locally. This can be useful if you have to change the logo for a specific instance for example. For that, just put your files under the local/static/ and local/templates/ folders.

Regarding the statics, do not forget to collect them after that. Note also that the local/ folder is ignored by git.

Variable content

All the variable content - e.g. user-uploaded media, collected statics - are stored inside the var/ folder. It is also ignored by git as it's specific to each application installation.

So, you will have to configure your Web server to serve the var/media/ and var/static/ folders, which should point to /media/ and /static/, respectively.

Development

The easiest way to deploy a development environment is by using the Makefile.

Before running make init, ensure that you have either set ENV=development in the config.env file or have this environment variable. Note that you can still change this variable later and run make init again.

There is some additional rules when developing, which are mainly wrappers for manage.py. You can list all of them by running make help. Here are the main ones:

  • make serve: run a development server
  • make test: test the whole application
  • make lint: check the Python code syntax

Assets

The assets - e.g. CSS, JavaScript, images, fonts - are generated using a Webpack-powered build system with these features:

  • SCSS compilation and prefixing
  • JavaScript module bundling and code splitting
  • Built-in development server
  • Compression for production builds

You will need to install npm. It is included in Debian since Buster - and also in the stretch-backports repository.

Start by installing the application dependencies - which are defined in package.json - by running: npm install.

The following tasks are then available:

  • npm run build: build all the assets for development and production use, and put them in the static folder - e.g psm/static.
  • npm run dev: run a proxy server to the app - which must already be served on localhost:8000 - with the styleguide on /styleguide and watch for file changes.
  • npm run lint: lint the JavaScript and the SCSS code.

In production, only the static files will be used. It is recommended to commit the compiled assets just before a new release only. This will prevent to have a growing repository due to the minified files.

License

Le site de la PSM est développé par Cliss XXI sous licence AGPLv3+.