Site Web de la Plateforme des Soutiens aux Migrant⋅es
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
Jérôme Lebleu e9419acd3d fix(js): définis le chemin vers les images de Leaflet 1 day ago
assets fix(js): définis le chemin vers les images de Leaflet 1 day ago
psm feat(ui): backport wagtail/wagtail#7562 2 days ago
requirements feat(core): passe à wagtail-maps 0.2 1 day ago
styleguide feat(ui): remplace le logo et adapte les couleurs 3 weeks ago
.babelrc.json init: génère l'application de base 8 months ago
.browserslistrc build(assets): mets à jour les navigateurs supportés 1 day ago
.editorconfig init: génère l'application de base 8 months ago
.eslintrc.json ref(assets): supprime les composants non utilisés de Bootstrap 2 months ago
.gitattributes init: génère l'application de base 8 months ago
.gitignore init: génère l'application de base 8 months ago
.prettierrc init: génère l'application de base 8 months ago
.stylelintrc.json init: génère l'application de base 8 months ago
LICENSE init: génère l'application de base 8 months ago
Makefile feat(make): ajoute une cible shell 7 months ago
README.md init: génère l'application de base 8 months ago
config.env.example init: génère l'application de base 8 months ago
manage.py init: génère l'application de base 8 months ago
package.json feat(assets): mets à jour les dépendances via npm 1 day ago
pyproject.toml init: génère l'application de base 8 months ago
requirements.txt init: génère l'application de base 8 months ago
setup.cfg init: génère l'application de base 8 months ago
webpack.config.js feat(ui): ajoute un favicon 3 weeks ago

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+.

Map all the world