Jade.vandal: Created page with "= Démonstration de Elixir et Phoenix = Cette démonstration nécessite d'avoir au préalable installé tout ce qu'il faut pour que Elixir et Phoenix fonctionnent correcteme..."

2020-01-05T16:02:40Z

Created page with "= Démonstration de Elixir et Phoenix = Cette démonstration nécessite d'avoir au préalable installé tout ce qu'il faut pour que Elixir et Phoenix fonctionnent correcteme..."

New page

= Démonstration de Elixir et Phoenix =

Cette démonstration nécessite d'avoir au préalable installé tout ce qu'il faut pour que Elixir et Phoenix fonctionnent correctement.

== Génération d'un nouveau projet ==

<syntaxhighlight lang="Bash shell scripts">
mix phx.new project --app project
</syntaxhighlight>

Lorsqu'il est demandé : <code>Fetch and install dependencies?</code> entrer <code>Y</code>

Entrer dans le dossier crée : <code>cd project</code>

Configurer la base de données si besoin puis entrer : <code>mix ecto.create</code>

== Générer un CRUD ==

<syntaxhighlight lang="Bash shell scripts">
mix phoenix.gen.html Accounts user name:string mail:string phone:string address:string age:integer
</syntaxhighlight>

Ensuite, ajouter dans le router <code>web/router.ex</code> le chemin vers la page <code>/user</code>.

<syntaxhighlight lang="Elixir">
scope "/", helloPhoenix do
pipe_through :browser

get "/", PageController, :index
+ resources "/user", AccountsController #à ajouter
end
</syntaxhighlight>

Puis migrer la base de données avec la commande <code>mix ecto.migrate</code>

== Visualisation de l'app ==
<syntaxhighlight lang="Bash shell scripts">
mix phx.server
</syntaxhighlight>

sur le serveur local [http://localhost:4000 localhost:4000].

Vous pouvez accéder à la page : [http://localhost:4000/user localhost:4000/user] et créer de nouveaux utilisateurs, les modifier, les supprimer, etc.

== Lancement des tests ==

Ajout d'un test dans : <code>test/{le-dossier-de-votre-choix}</code>, par exemple <code>test/models/accounts_test.exs</code>

<syntaxhighlight lang="Bash shell scripts">
test "the truth" do
assert 1+1 == 2
end
</syntaxhighlight>

Puis exécuter :

<syntaxhighlight lang="Bash shell scripts">
mix test
</syntaxhighlight>

À la fin il y aura : <code style="color:green">17 tests, 0 failures</code>

Et si on ajoute un test qui ne fonctionne pas :

<syntaxhighlight lang="Bash shell scripts">
test "won't work" do
assert 1+1 == 3
end
</syntaxhighlight>

Après avoir lancé <code>mix test</code> on obtient alors <code style="color:red">18 tests, 1 failures</code> et les détails suivants :

1) test won't work (Project.AccountsTest)
project/models/accounts_test.exs:23
Assertion with == failed
code: assert 1 + 1 == 3
left: 2
right: 3
stacktrace:
project/models/accounts_test.exs:24: (test)

== Ajout de changeset ==

Dans <code>web/models/accounts.ex</code>, on ajoute les lignes suivantes :

<syntaxhighlight lang="Elixir">
def changeset(struct, params \\ %{}) do
struct
|> cast(params, [:name, :mail, :phone, :address, :age])
|> validate_required([:name, :mail, :phone, :address, :age])
+ |> validate_format(:mail, ~r/@/) #à ajouter
+ |> validate_inclusion(:age, 0..100) #à ajouter
</syntaxhighlight>

Et on voit alors sur l'app web qu'il n'est plus possible d'insérer un nouvel utilisateur avec un age qui n'est pas compris entre 0 et 100 ou dont l'adresse email n'a pas un format valide.

Maintenant si on lance <code>mix test</code> on voit que certains tests ne passent plus. Si on regarde les premières lignes des fichiers <code>test/models/accounts_test.exs</code> et <code>test/controllers/accounts_controller_test.exs</code> on voit alors que les données entrées ne correspondent pas aux requirements du changeset :
<syntaxhighlight lang="Elixir">
@valid_attrs %{address: "some content", age: 42, mail: "some content", name: "some content", phone: "some content"}
</syntaxhighlight>
doit être remplacé par :

<syntaxhighlight lang="Elixir">
@valid_attrs %{address: "Polytech", age: 42, mail: "toto@titi.fr", name: "Toto", phone: "0600000000"}
</syntaxhighlight>

= Problèmes / Solutions =

Quelques erreurs rencontrées lors de l'utilisation de Phoenix et leurs solutions

{| class="wikitable centre" style="width:100%;"
|-
! scope=col | Commande
! scope=col | Erreur
! scope=col | Solution
|-
| style="width:33%; text-align:center;" |
<code>mix ecto.create</code>
| style="width:34%;" |
FATAL 3D000: database "postgres" does not exist. The database couldn't be created, database "postgres" does not exist
| style="width:33%; text-align:center;" |
<code>createdb postgres</code>
|-
| style="width:33%; text-align:center;" |
<code>mix ecto.migrate</code>
| style="width:34%;" |
ERROR 42P07 (duplicate_table): relation "table" already exists
| style="width:33%;" |
Depuis Postico, supprimer la base de donnée en question
|-
|}

Démonstration - Revision history

Jade.vandal: Created page with "= Démonstration de Elixir et Phoenix = Cette démonstration nécessite d'avoir au préalable installé tout ce qu'il faut pour que Elixir et Phoenix fonctionnent correcteme..."