Phoenix-project instellen en structureren
Maak een nieuw Phoenix-project, begrijp de mapstructuur en verken kernonderdelen zoals routers en controllers.
Phoenix-project instellen en structureren is een gratis Elixir en Phoenix: schaalbare backendontwikkeling-les op CoddyKit. Dit is les 1 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Elixir en Phoenix: schaalbare backendontwikkeling. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Elixir en Phoenix: schaalbare backendontwikkeling bevat in totaal 4 lessen.
Welkom bij Phoenix!
Hallo! In deze les begin je aan je kennismaking met Phoenix, het krachtige webframework van Elixir. Met Phoenix bouw je robuuste webtoepassingen en API's met hoge prestaties.
Via Elixir benut het de snelheid en foutbestendigheid van de virtuele machine van Erlang (BEAM), waardoor het ideaal is voor realtimefuncties en systemen met gelijktijdigheid.
Waarom Phoenix kiezen?
Phoenix combineert de elegantie van Elixir met de betrouwbaarheid van Erlang/OTP. Daardoor kunnen je toepassingen veel gelijktijdige gebruikers met een lage latentie verwerken en zijn ze zeer goed bestand tegen fouten.
Het is een uitstekende keuze voor alles van eenvoudige websites tot complexe realtime toepassingen, zoals chatruimtes of live dashboards.
Je omgeving instellen
Voordat je een Phoenix-project maakt, moet je controleren of Elixir en Erlang op je systeem zijn geïnstalleerd. Met de onderstaande opdrachten kun je je versies controleren.
Als je ze nog niet hebt, kun je asdf gebruiken voor eenvoudige installatie en versieverwijdering.
elixir -v
mix -vEen nieuw project genereren
De eenvoudigste manier om een nieuw Phoenix-project te starten is met de opdracht mix phx.new. Deze opdracht maakt een nieuwe toepassing met alle benodigde bestanden en afhankelijkheden.
Laten we ons eerste project maken, met de naam hello_phoenix:
mix phx.new hello_phoenixDe projectstructuur begrijpen
Na het uitvoeren van mix phx.new hello_phoenix wordt er een nieuwe map met de naam hello_phoenix aangemaakt. Daarin vind je een overzichtelijke verzameling mappen en bestanden.
Deze structuur helpt je om je code modulair en onderhoudbaar te houden naarmate je applicatie groeit.
Belangrijke projectmappen
Laten we enkele mappen op het hoogste niveau bekijken:
assets/: Bevat je frontendbestanden, zoals CSS, JavaScript en afbeeldingen.config/: Bevat configuratiebestanden voor verschillende omgevingen (ontwikkeling, test, productie).priv/: Slaat privébronnen van de applicatie op, zoals databasemigraties en statische bestanden die niet rechtstreeks worden aangeboden.
`lib/` - Je applicatiecode
De map lib/ vormt het hart van je Elixir-applicatie. In Phoenix-projecten bevat deze map meestal twee hoofdmappen:
lib/hello_phoenix/: De kernlogica en bedrijfsregels van je applicatie.lib/hello_phoenix_web/: Webspecifieke onderdelen, zoals controllers, weergaven en routers.
Door deze scheiding blijft je webinterface losstaan van je kernlogica.
hello_phoenix/
├── lib/
│ ├── hello_phoenix/
│ └── hello_phoenix_web/Kennismaken met de router
In lib/hello_phoenix_web/ vind je router.ex. De router werkt als een verkeersregelaar voor je webapplicatie.
De router bepaalt hoe binnenkomende webverzoeken (zoals het bezoeken van een URL) worden gekoppeld aan specifieke acties binnen je applicatie, die meestal door controllers worden afgehandeld.
# lib/hello_phoenix_web/router.ex
defmodule HelloPhoenixWeb.Router do
use HelloPhoenixWeb, :router
pipeline :browser do
plug :accepts, ["html"]
plug :fetch_session
plug :fetch_flash
plug :put_root_layout, {HelloPhoenixWeb.LayoutView, :root}
plug :protect_from_forgery
plug :put_secure_browser_headers
end
scope "/", HelloPhoenixWeb do
pipe_through :browser
get "/", PageController, :index
end
endJe Phoenix-applicatie uitvoeren
Nadat je je project hebt gegenereerd en de afhankelijkheden hebt geïnstalleerd (mix deps.get), kun je de ontwikkelserver starten. Hiermee wordt je code gecompileerd en wordt je applicatie toegankelijk in je browser, meestal via localhost:4000.
Ga eerst naar de map van je project!
cd hello_phoenix
mix phx.serverKorte controle: projectstructuur
Met de opdracht mix phx.new wordt een standaard Phoenix-project aangemaakt. Welke map wordt meestal gebruikt voor frontend-assets zoals CSS en JavaScript?
Samenvatting van de les
Goed gedaan! Je hebt je eerste Phoenix-project aangemaakt met mix phx.new. We hebben de basisstructuur van de mappen bekeken, waaronder assets/, config/, lib/ en priv/.
Je weet nu waar de kernlogica van je applicatie staat (lib/hello_phoenix) en waar de webspecifieke onderdelen zich bevinden (lib/hello_phoenix_web), waaronder het belangrijke bestand router.ex. Hierna bekijken we uitgebreider hoe routering werkt en hoe controllers verzoeken afhandelen!
Leer Elixir met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 12
- Lessen
- 48
Veelgestelde vragen
Is de les “Phoenix-project instellen en structureren” gratis?
Ja — de volledige tekst van “Phoenix-project instellen en structureren” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Elixir en Phoenix: schaalbare backendontwikkeling wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Elixir en Phoenix: schaalbare backendontwikkeling bevat in totaal 4 lessen.
Wat leer ik in “Phoenix-project instellen en structureren”?
Maak een nieuw Phoenix-project, begrijp de mapstructuur en verken kernonderdelen zoals routers en controllers. Je oefent met Elixir en Phoenix: schaalbare backendontwikkeling door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Elixir en Phoenix: schaalbare backendontwikkeling te beginnen?
Ervaring vooraf is niet nodig. Elixir en Phoenix: schaalbare backendontwikkeling op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.
Hoe lang duurt de les “Phoenix-project instellen en structureren”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Elixir en Phoenix: schaalbare backendontwikkeling?
Ja. Elke les over Elixir en Phoenix: schaalbare backendontwikkeling bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Phoenix-project instellen en structureren
- Routing, controllers en plugs
- Views, templates en de basis van LiveView
- Realtimefuncties met Phoenix Channels