... | @@ -7,44 +7,42 @@ Es muss sowohl das Backend als auch das Frontend installiert werden. |
... | @@ -7,44 +7,42 @@ Es muss sowohl das Backend als auch das Frontend installiert werden. |
|
- Navigiere in das Project mit `cd arsnova-click-v2-backend`
|
|
- Navigiere in das Project mit `cd arsnova-click-v2-backend`
|
|
- Nun musst du 6 Dateien erstellen und mit npm alle Abhängigkeiten installieren, schreibe dafür `touch arsnova-click.env mongo.env init-mongo.js rabbitmq.env arsnova-click-staging.env arsnova-click-beta.env && npm install` in die Kommandozeile.
|
|
- Nun musst du 6 Dateien erstellen und mit npm alle Abhängigkeiten installieren, schreibe dafür `touch arsnova-click.env mongo.env init-mongo.js rabbitmq.env arsnova-click-staging.env arsnova-click-beta.env && npm install` in die Kommandozeile.
|
|
- Kopiere:
|
|
- Kopiere:
|
|
</br></br>
|
|
|
|
`MONGODB_SERVICE_NAME=mongodb
|
|
`MONGODB_SERVICE_NAME=mongodb
|
|
MONGODB_DATABASE=arsnova-click-v2
|
|
`MONGODB_DATABASE=arsnova-click-v2
|
|
MONGODB_USER=root
|
|
`MONGODB_USER=root
|
|
MONGODB_PASSWORD=pass123
|
|
`MONGODB_PASSWORD=pass123
|
|
MONGODB_AUTH_SOURCE=arsnova-click-v2
|
|
`MONGODB_AUTH_SOURCE=arsnova-click-v2
|
|
LOG_LEVEL=debug
|
|
`LOG_LEVEL=debug
|
|
NODE_ENV=development
|
|
`NODE_ENV=development
|
|
AMQP_HOSTNAME=rabbitmq
|
|
`AMQP_HOSTNAME=rabbitmq
|
|
AMQP_USER=meinNutzer
|
|
`AMQP_USER=meinNutzer
|
|
AMQP_PASSWORD=meinPasswort`</br></br>
|
|
`AMQP_PASSWORD=meinPasswort
|
|
in die 'arsnova-click.env' Datei,</br>
|
|
in die 'arsnova-click.env' Datei
|
|
deine arsnova-click.env Datei sollte so aussehen:
|
|
deine arsnova-click.env Datei sollte so aussehen:
|
|
![](arsnova-click-env.png)
|
|
![](arsnova-click-env.png)
|
|
- Kopiere:
|
|
- Kopiere:
|
|
`MONGO_INITDB_DATABASE=arsnova-click-v2
|
|
`MONGO_INITDB_DATABASE=arsnova-click-v2
|
|
MONGO_INITDB_ROOT_USERNAME=
|
|
`MONGO_INITDB_ROOT_USERNAME=
|
|
MONGO_INITDB_ROOT_PASSWORD=`
|
|
`MONGO_INITDB_ROOT_PASSWORD=
|
|
in die 'mongo.env' Datei,
|
|
in die 'mongo.env' Datei
|
|
deine mongo.env Datei sollte so aussehen:
|
|
deine mongo.env Datei sollte so aussehen:
|
|
![](mongo-env.png)
|
|
![](mongo-env.png)
|
|
- Kopiere:
|
|
- Kopiere:
|
|
</br>
|
|
|
|
`db.createUser(
|
|
`db.createUser(
|
|
{
|
|
`{
|
|
user: "root",
|
|
` user: "root",
|
|
pwd: "pass123",
|
|
` pwd: "pass123",
|
|
roles: [ { role: "userAdminAnyDatabase", db: "arsnova-click-v2" }, "readWriteAnyDatabase" ]
|
|
` roles: [ { role: `"userAdminAnyDatabase",
|
|
}
|
|
`db: "arsnova-click-v2" }, `"readWriteAnyDatabase" ]
|
|
)`
|
|
`}
|
|
in die 'init-mongo.js' Datei.
|
|
`)
|
|
|
|
in die 'init-mongo.js' Datei
|
|
deine mongo.env Datei sollte so aussehen:
|
|
deine mongo.env Datei sollte so aussehen:
|
|
![](init-mongo.png)
|
|
![](init-mongo.png)
|
|
- Danach musst du nurnoch `docker-compose up -d mongodb rabbitmq` in die Kommandozeile eingeben um die Container von MongoDB und RabbitMQ zu starten.
|
|
- Danach musst du nurnoch `docker-compose up -d mongodb rabbitmq` in die Kommandozeile eingeben um die Container von MongoDB und RabbitMQ zu starten.
|
|
- Gib zum überprüfen ob die Docker Container richtig gestartet wurden `docker ps` ein, es sollte ungefähr so aussehen:
|
|
- Gib zum überprüfen ob die Docker Container richtig gestartet wurden `docker ps` ein, es sollte ungefähr so aussehen:
|
|
![](backendDockerPs.png)
|
|
![](backendDockerPs.png)
|
|
- Als nächstes erstellen wir uns einen Benutzer für RabbitMQ. Öffne dafür zunächst die Adresse http://localhost:15674/ und dann http://localhost:15672/. Du solltest eine Einlogmaske auffinden:
|
|
- Als nächstes erstellen wir uns einen Benutzer für RabbitMQ. Öffne dafür zunächst die Adresse http://localhost:15674/ und dann http://localhost:15672/. Du solltest eine Einlogmaske auffinden:
|
|
|
|
|
|
![](rabbitmq.png)
|
|
![](rabbitmq.png)
|
|
- Logge dich ein mit Username: `user` und Password: `bitnami`
|
|
- Logge dich ein mit Username: `user` und Password: `bitnami`
|
|
- Klicke auf den Tab 'Admin'
|
|
- Klicke auf den Tab 'Admin'
|
... | @@ -65,4 +63,4 @@ deine mongo.env Datei sollte so aussehen: |
... | @@ -65,4 +63,4 @@ deine mongo.env Datei sollte so aussehen: |
|
- Navigiere in das Project mit `cd arsnova-click-v2-frontend`.
|
|
- Navigiere in das Project mit `cd arsnova-click-v2-frontend`.
|
|
- Installiere nun mit npm alle dependencies, schreibe dafür `sudo apt-get install --allow-unauthenticated gconf-service libasound2 libatk1.0-0 libatk-bridge2.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget` in die Kommandozeile.
|
|
- Installiere nun mit npm alle dependencies, schreibe dafür `sudo apt-get install --allow-unauthenticated gconf-service libasound2 libatk1.0-0 libatk-bridge2.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget` in die Kommandozeile.
|
|
- Lass das Programm sich aufbauen indem du `npm run build:STAGING_THM` in die Kommandozeile eingibst, führe es danach mit `ng serve --port 4210` aus und guck es dir im Browser unter http://localhost:4210/ an.
|
|
- Lass das Programm sich aufbauen indem du `npm run build:STAGING_THM` in die Kommandozeile eingibst, führe es danach mit `ng serve --port 4210` aus und guck es dir im Browser unter http://localhost:4210/ an.
|
|
- Teste das Frontend indem du `npm test` in die Kommandozeile eingibst. |
|
- Teste das Frontend indem du `npm test` in die Kommandozeile eingibst. |
|
|
|
\ No newline at end of file |