Téléchargement codever - Téléchargement du code source codever

codever

Données du site Web

1.0.0

Télécharger

⚡? ️ Bookmarks and Snippets Manager pour Developers & Co? ⚡️

Utilisez nos pages Howto pour vous faire avancer et commencer à gagner du temps et des nerfs lorsque vous gérez vos signets et vos extraits de code. Les aides et extensions suivantes vous aideront en cours de route:

Extensions


Signet	Extension du chrome	Addon Firefox	Plugin Intellij	Extension VScode

Exemple d'utilisation de Chrome Extension - Enregistrer l'extrait

Enregistrer sur l'utilisation de l'extension de chrome Codever

Les autres extensions fonctionnent plus ou moins après le même principe

Signets publics

Les bookmarks publics dignes sont publiés régulièrement sur GitHub à CodeverDotdev / Bookmarks.

Configuration (développement ou hébergement)

Ces instructions vous procureront une copie du projet opérationnel sur votre machine locale à des fins de développement et de test.

Le projet est développé avec la pile moyenne et Keycloak pour l'authentification et l'autorisation: composants-graphes

Le projet contient deux applications

Codever-UI qui constitue l'interface utilisateur. Cela utilise avec une CLI angulaire et angulaire.
Codever-API qui est l'API soutenant l'interface utilisateur. Il utilise ExpressJS avec MongoDB et Keycloak. Voir la spécification OpenAPI

Condition préalable

Ce dont vous avez besoin pour exécuter cette application:

node et npm (nous vous recommandons d'utiliser NVM)
- Assurez-vous d'exécuter le nœud au moins ( v16.xx +) et npm ( 8.xx +)
nodemon - npm install -g nodemon
Docker - Nous vous recommandons d'utiliser Docker Desktop

Docker et Docker-Compose sont actuellement utilisés uniquement pour le développement local

Installation ( configuration de développement )

Démarrer le serveur MongoDB et Keycloak

️ Lorsque vous exécutez docker compose pour la première fois le décomancement le suivant -Dkeycloak.migration.action=import :

    # command: -Dkeycloak.migration.action=import -Dkeycloak.migration.provider=dir -Dkeycloak.migration.dir=/tmp/keycloak/export-import -Dkeycloak.migration.strategy=IGNORE_EXISTING

Dans le fichier Docker-Compose, de sorte que la configuration initiale de KeyCloak (Realm and Users) est chargée .

️ Pour d'autres startups de compose docker, vous devez commenter cette ligne , car elle commence plus vite

docker-compose up

Utiliser -d pour l'exécuter en arrière-plan

Installer et courir (frontend & backend)

Vous voulez faire fonctionner l'API backend avec les commandes suivantes:

 # install
nvm use   # only if you are using nvm
npm install

# run
npm run frontend # to run the frontend
npm run backend # to run the backend

# alternatively run in parallel
npm start

ou en une seule ligne nvm use; npm install; npm start

Cela commence

L'API avec NODEMON sur http: // localhost: 3000 / API et surveillera les modifications de code dans le backend et redépose automatiquement.
Le frontend disponible sur http: // localhost: 4200. Connectez-vous le mock/mock UTILISATE Certains signets sont initialement chargés de votre compte, vous pouvez donc commencer à jouer avec eux.

Vous pouvez créer votre propre utilisateur de test, ou tout autre utilisateur supplémentaire en suivant les captures d'écran dans Ajouter un utilisateur KeyCloak pour le créer.

Pour pouvoir ajouter automatiquement la date et la durée publiées de vidéos YouTube au titre dont vous avez besoin pour créer un fichier nodemon.json basé sur le backend / nodemon.json.example et ajouter votre propre clé API YouTube

Keycloak

Console d'administration KeyClOak Accessibles sur http: // localhost: 8080 / autheur avec l'utilisateur / mot de passe admin/Pa55w0rd (voir le fichier docker compose)

Essai

Tests E2E (intégration) avec Cypress

Keycloak et MongoDB doivent être démarrés comme spécifié ci-dessus (commande docker-compose up )

Exécutez le test d'intégration en émettant la commande suivante.

 cd apps/codever-ui
npm run cy:run

Pour ouvrir le cyprès, vous pouvez exécuter la tâche suivante npm run cy:open

API (backend)

Tests d'intégration

Keycloak et MongoDB doivent être démarrés comme spécifié ci-dessus (commande docker-compose up )

Exécutez le test d'intégration en émettant la commande suivante.

 cd apps/codever-api
npm run integration-tests

Un rapport sera généré.

Débogage

Ui (frontend)

Outils de développement dans les navigateurs de chrome

Vous pouvez utiliser les outils de développement des navigateurs à base de chrome (par exemple Chrome, Brave). Accédez à des sources et au fichier que vous souhaitez définir vos points de rupture, comme dans l'exemple suivant:

chrome-dev-tools-débugage

Intellij

Dans Intellij, vous ajoutez la configuration de débogage JavaScript comme indiqué ci-dessous:

Intelli-frontend-débugage

Backend

Intellij / webstorm (le plugin Node.js est requis)

Le npm run debug démarre Nodemon avec le paramètre --inspect afin que vous puissiez vous connecter à ce processus, en utilisant la configuration suivante:

Nodejs-Remote-Debugging