Loading repository data…
Jimmylet / repository
Un tutoriel qui regroupe le déployement d'un VPS sur le service DigitalOcean.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Grâce à l’offre étudiants de chez Github, nous disposons d’un bonus de 50$ + 10$, soit 60$ sur DigitalOcean.com. Ce qui équivaut à un an d’hébergement gratuit. Ce serait dommage de s’en priver.
Le « problème » est qu’il s’agit d’un VPS ( virtual private server ou serveur dédié virtuel ). En résumé, c’est une machine virtuelle sur laquelle vous installez ce que vous voulez. Et qui dit serveur privé, dit configuration complète et totale. Vous allez devoir créer vos machines virtuelles, configurer vos hostsnames, installer les bons packages, installer votre serveur web, votre serveur mail, etc. J’ai décidé de faire un récapitulatif de l’installation pour m’aider et je vous la partage. Alors pas de panique, ce n’est pas compliqué !
La première étape pour apparaître sur le web est d’acheter son nom de domaine. Vous pouvez le faire sur OVH, c’est sécurisé et ce sont des professionnels reconnus.
Sur la même page, sélectionnez l’offre « Gold », elle est gratuite et suffit.
Sur la page suivante, OVH demande si vous désirez un hébergement avec le domaine. Comme nous allons utiliser DigitalOcean, choisissez que vous n’en vouliez pas.
Ensuite, continuez la procédure d’achat et inscrivez-vous.
Sur la dernière page, OVH va vous demander si vous désirez utiliser leurs serveurs DNS ou un serveur personnalisé. Sélectionnez « Personnaliser vous même vos serveurs » indiquez dans les 3 premiers champs « Nom du serveur DNS » les serveurs suivants :
ns1.digitalocean.com
ns2.digitalocean.com
ns3.digitalocean.com
Ensuite, passez à la caisse et payez-les quelques euros pour finaliser votre commande. Une fois que vous recevez la confirmation d’OVH comme quoi votre nom de domaine est actif, c’est le moment de se rendre sur DigitalOcean.
Inscrivez-vous sur DigitalOcean. La première chose à faire une fois inscrite est d’y inscrire une carte de crédit (ils ne perdent pas de temps!) ou son compte PayPal. Personnellement, j’ai choisi la méthode carte de crédit. Elle ne sera PAS débitée. Ils vont juste faire une vérification de 0,00€ pour voir si elle est active. Attention, vous allez peut-être recevoir un appel de votre banque pour demander si c’est vous qui avez réalisé la transaction (car en Belgique, les transactions sur carte bancaire d’un montant de 0€ sont interdites). Avec PayPal, c’est sans doute plus simple, mais vous êtes obligé de charger votre compte d’au moins 5$, à vous de voir.
Une fois votre carte validée, dans « Promo code » mettez-y le coupon GitHub que vous avez reçu avec votre student education pack concernant DigitalOcean. Et boum, 50$ gratos ! Et comme à l’inscription, on reçoit 10$, ça fait 60$ en tout !
Sur DigitalOcean, les machines virtuelles s’appellent des « Droplets ». En haut à droite, cliquer sur « Create a droplet ».
Une fois votre droplet créer, vous avez reçu un mail avec un nom d’utilisateur et un mot de passe. Conservez-le, vous en aurez besoin plus tard.
Pour cette partie, cliquez sur « More », à droite du nom de votre droplet et sélectionnez « Add a domain ». Dans le champ adéquat, inscrivez-y votre nom de domaine (ex: letecheur.me). Vous allez arriver sur une page, où il sera inscrit « Select Record Type ».
C’est sur cette page-ci que vous allez configurer tout ce qui se rapporte à votre nom de domaine, au réseau, etc.
Les « A » sont les champs qui se rapportent à l’accès de votre serveur. De base, on peut accéder à son serveur via l’adresse IP qui vous est fournie (ici, 146.185.175.216). DigitalOcean est gentil, il nous a associé notre nom de domaine à notre adresse IP (le @ signifie notre nom de domaine).
Maintenant, il reste à associer quelques éléments supplémentaires, dont nous aurons besoin par la suite.
La première est d’ordre ergonomique. On a l’habitude d’écrire « www.nomdedomaine.com », mais ici le site ne sera accessible que par nomdedomaine.com. Pour palier à cet effet, on va créer un A-name avec « www ».
Lorsque notre serveur web sera en place, on pourra donc écrire letecheur.me ou www.letecheur.me !
Vous pourriez aussi imaginer mettre « wwww » devant, pour pallier à la faute de frappe d’un utilisateur.
Ensuite, créer un autre A-name, un panel qui servira à l’installation d’Ajenti, un gestionnaire de serveur (et de site web) qui se gère à la souris (youpi!).
Pour les configurations mail, on verra plus tard…
À cette étape-ci, vous devriez être en mesure de réaliser un ping vers votre serveur. Ouvrez votre terminal et tapez :
Ping adresseipdevotreserveur
ou
Ping votrenomdedomaine
Faites CTRL + C pour arrêter le ping. Si les paquets ont été reçus, c’est OK !
/!\ À noter que faire un ping vers votre nom de domaine peut ne pas fonctionner instantanément. En effet, le A-Name peut prendre du temps à s’initialiser. Donc si ça ne fonctionne pas tout de suite et que vous avez suivi les étapes, c’est peut-être normal. Quoi qu’il en soit, ça devrait fonctionner pour votre adresse ip.
Avant de commencer, il faut établir une connexion SSH avec le serveur. C’est une manière sécurisée d’y accéder et autant prendre les bonnes habitudes directement.
Pour cela, l’opération va varier en fonction de votre système. Sur MAC, c’est plus simple que sur Windows (Windaube comme dirait M. Gérard).
Pour Windows, vous aurez besoin d’installer Putty, un client SSH. Sur Mac, pas besoins, ça fonctionne nativement.
ssh root@IP_DE_VOTRE_DROPLETyesVous êtes maintenant connecté en SSH. Vous pouvez passer à l’étape suivante.
Avant de commencer à vous expliquer les étapes, sachez que je ne les ai pas testés travaillant principalement sous MAC.
Lancez Putty.exe et suivez les étapes suivantes :
Configurer la connexion en s’assurant que les paramètres de connexion suivante sont bien corrects :
Lancer la connexion. Double-cliquez sur le nom de la session, et acceptez l’alerte de sécurité (ça apparaît la première fois que vous vous connectez au serveur).
C’est maintenant qu’il faut se connecter. Suivez ces étapes.
login as entrez rootPassword prompt entrez le mot de passe que vous avez reçu par email de la part de DigitalOcean(current) UNIX password entrez à nouveau le mot de passe reçu par DigitalOceanEnter new UNIX password entrez votre nouveau mot de passe (ET SAUVEGARDEZ-LE QUELQUE PART)Retype new UNIX password entrez à nouveau votre nouveau mot de passe (ET SAUVEGARDEZ-LE SI VOUS NE L’AVEZ PAS ENCORE FAIT)Vous êtes maintenant connecté en SSH. Vous pouvez passer à l’étape suivante.
Maintenant que vous êtes connecté, il faut configurer la base du serveur. Suivez les étapes suivantes :
adduser votrenomdutilisateurIl vous sera demandé quelques questions. Choisissez un mot de passe (ET NOTEZ-LE QUELQUE PART, AU MÊME ENDROIT OU VOUS AVEZ SAUVEGARDÉ VOTRE MOT DE PASSE ROOT)et répondez aux questions demandées si vous en avez envie.
gpasswd -a votrenomdutilisateur sudoNotes : vous pouvez décider d’installer une clé SSH privée sur votre machine et sur votre serveur pour plus de sécurité. C’est conseillé. Je vous laisse le loisir de le faire par vous même, ce n’est pas indispensable pour la suite du tutoriel.
Ajenti V est un gestionnaire de contrôle qui va vous permettre de gérer votre serveur dans un navigateur web. Il est pratique et simple d’accès.
Si ce n’est pas déjà fait, connectez-vous en SSH à votre serveur. Connectez-vous avec l’utilisateur créé précédemment. Pour rappel, connectez-vous en utilisant ssh nomdutilisateur@ipdevotreserveur.
Tappez la commande suivante qui sert à valider les paquets que vous aller télécharger.
wget http://repo.ajenti.org/debian/key -O- | sudo apt-key add -
Ajouter le repo à notre liste de sources :
echo "deb http://repo.ajenti.org/ng/debian main main ubuntu" | sudo tee -a /etc/apt/sources.list
Lancer le processus d’installation
sudo apt-get update && sudo apt-get install ajenti
Tappez Y peut ENTRER. L’opération d’installation peut prendre plusieurs minutes.
Relancer Ajenti
sudo service ajenti restart.
Si vous voyez Started sur la dernière ligne, c’est que c’est bon.
https://panel.votre_nom_de_domaine:8000/
/!\ Vous allez avoir une erreur comme quoi le site n’est pas sécurisé. C’est normal. Continuez !
La première chose à faire est de changer le mot de passe par défaut. Cliquez sur Password en haut à gauche. Donnez l’ancien mot de passe dans old password et tapez le nouveau dans les champs suivants.
Une fois le mot de passe changé. Cliquez sur « Configure » et descendez en bas et cliquez sur « Restart ».
Voilà Ajenti V est installé. Vous pouvez explorer toutes les options qu’il vous offre. Mais pour le moment, il n’est pas configuré pour recevoir des sites web. Pour ce faire, lisez l’étape suivante.
Pour installer le plugin qui permettra à Ajenti d’installer et de lire des sites webs sur le serveur, connectez-vous en SSH à votre serveur et tapez-y la commande suivante :
Selected from shared topics, language and repository description—not editorial ratings.
SalomonBiate /
une application qui aide les etudiant a aprendre ou dans leurs revision une app ou quand tu upload un pdf de cours l'ia te genere automatiquement un resumer et te genere des quizz que tu repondra pour gagner des xp des poins qui s"afficherons sur un jolie dashboard en plus de sa tu peut suivres les tutoriels youtubes a l'interrieure de l'app api yt
50/100 healthJosh-right-001 /
C'est un challenge qui consiste à créer un clone de YouTube en s'inspirant d'un modèle de tutoriel vidéo en utilisant HTML, CSS, JavaScript et l'API YouTube. Ce projet met en œuvre des requêtes API externes pour récupérer et afficher des données vidéo de YouTube.
38/100 healthattoumbre /
Des Servlets à la notion de service Web Les objectifs de ce travail pratique sont les suivants : Comprendre les mécanismes des Servlet Réaliser une application Web en utilisant Combinant JPA et les Servlet Comprendre les principes d’une architecture Rest Comprendre les bénéfices d’un framework comme Jersey Recommendations. Ce TP utilise des technologies abordées en cours d’un point de vue théorique, mais la documentation technique peut être facilement trouvée sur internet. Être autodidacte est une compétence essentielle pour tout informaticien; n'hésitez pas à chercher des tutoriels si vous êtes bloqués. Sujet L’objectif de ce projet est de continuer le développement d’une application type prise de RDV (doctolib). Organisation. Quand votre application JPA fonctionne correctement. Laissez votre base de données démarrée. Si vous avez déjà travaillez avec les servlets, n’hésitez pas à aller directement à la question 6. Partie 1 Servlet Question 1. Tout d’abord, modifiez votre fichier pom.xml. Changez le type de packaging vers un packaging de type war pour les applications webs <packaging>war</packaging> Ajoutez une dépendances à l’API des servlets <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>3.0.1</version> <scope>provided</scope> </dependency> Vous noterez le scope qui est placé à provided ce qui veut dire que cette librairie sera fournie par le conteneur d’application et ne doit pas être embarqué au sein de l’application Web. Ajoutez enfin dans les plugins de build, celui de jetty qui permet de démarrer jetty depuis maven. <plugin> <!-- https://mvnrepository.com/artifact/org.eclipse.jetty/jetty-maven-plugin --> <groupId>org.eclipse.jetty</groupId> <artifactId>jetty-maven-plugin</artifactId> <version>9.4.31.v20200723</version> <configuration> <webApp> <contextPath>/</contextPath> </webApp> <httpConnector> <port>8080</port> </httpConnector> </configuration> </plugin> Testez votre config. Clic droit sur votre projet. run as -> maven build …-> mettre compile jetty:run dans le goal. équivalent de lancer compile jetty:run si vous utiliisez jetty dans la console. Vous pouvez stoppez jetty en cliquant sur le bouton rouge stop de la console eclipse. Question 2. Insertion de ressources statiques Créer un répertoire src/main/webapp. Ajoutez y un fichier index.html contenant Hello world. Relancez jetty. http://localhost:8080/index.html Vous devriez voir votre page web. L’ensemble des ressources statiques (html files, javascript file, images) de votre projet doivent se trouver dans le répertoire src/main/webapp Question 3. Création de votre première Servlet Créer une classe qui étend HttpServlet. Surchargez les méthodes doGet et doPost méthodes qui seront appelées lors de la réception d’un GET et d’un POST sur l’url “/myurl”. package servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet(name="mytest", urlPatterns={"/myurl"}) public class MyServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { PrintWriter p = new PrintWriter(resp.getOutputStream()); p.print("Hello world"); p.flush(); } @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // TODO Auto-generated method stub super.doPost(req, resp); } } Question 4. Création de votre première Servlet qui consomme les données d’un formulaire. Créer un fichier myform.html et placez y le code suivant. <html> <body> <FORM Method="POST" Action="/UserInfo"> Name : <INPUT type=”text” size=”20” name=”name”><BR> Firstname : <INPUT type=”text” size=”20” name=”firstname”><BR> Age : <INPUT type=”text” size=”2” name=”age”><BR> <INPUT type=submit value=Send> </FORM> </body> </html> Puis créer une classe Java UserInfo package servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet(name="userinfo", urlPatterns={"/UserInfo"}) public class UserInfo extends HttpServlet { public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.println("<HTML>\n<BODY>\n" + "<H1>Recapitulatif des informations</H1>\n" + "<UL>\n" + " <LI>Nom: " + request.getParameter("name") + "\n" + " <LI>Prenom: " + request.getParameter("firstname") + "\n" + " <LI>Age: " + request.getParameter("age") + "\n" + "</UL>\n" + "</BODY></HTML>"); } } Testez votre application en vous rendant ici http://localhost:8080/myform.html . Parcourez ensuite les exemples suivants. http://www.commentcamarche.net/contents/servlets-330845945 Question 5. Retour sur l’application de prise de RDV A partir de cette base, construisez une page web qui retourne des informations issus de la base de données et un formulaire qui permet d’ajouter des éléments dans la base de données. Partie 2 JaxRS et OpenAPI Question 6. En avant pour les architectures Rest. Évidemment à partir de là, nous pourrions construire une architecture Rest manuellement. Cependant, gérez toutes les routes et les format de sérialisation de données à la main est une tâche fastidieuse. Pour cela des frameworks comme Jersey et les APIs JaxRS permettent de simplifier ce travail. Vue d'ensemble de JAX-RS JAX-RS est une API récente mais déjà bien fournie : Elle propose notamment des annotations spécifiques pour lier une URI et des verbes HTTP à des méthodes d'une classe Java. JAX-RS dispose également d'annotations capables d'injecter et de récupérer des données dans les entêtes d'une réponse ou depuis celles d'une requête. De même l'API JAX-RS fournit ce qu'il faut pour extraire et écrire ce que vous voulez dans le corps d'une requête/réponse HTTP. Enfin, en cas d'exception Java, JAX-RS est capable de produire une réponse avec le code HTTP le plus pertinent. Pour simplifier l’installation d’un environnement, je vous ai fournis un exemple fonctionnel avec JaxRS, et RestEasy. RESTEasy est un projet JBoss / Red Hat qui fournit divers framework pour vous aider à construire des services Web RESTful et des applications Java RESTful. Il s'agit d'une implémentation des RESTful Web Services de Jakarta (JaxRS), une spécification de la fondation Eclipse qui fournit une API Java pour les RESTful Web Services sur le protocole HTTP. De plus, RESTEasy implémente également l'API de la spécification MicroProfile REST Client. https://github.com/barais/JaxRSOpenAPI Forker ce projet et cloner le fork pour pouvoir travailler. Vous pourrez intégrer vos classes JPA et vos DAOs facilement. Observer le code et créer un premier service Web. Tester le service implanter l’aide de votre navigateur en vous rendant sur http://localhost:8080/pet/1 Créer quelques services REST simple et tester votre couche de service avec Postman. https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop Question 7. Créez la couche de service pour votre application. Écrire des exemples de WS REST correspondant au projet type prise de rdv Examples: http://www.mkyong.com/tutorials/jax-rs-tutorials/ Vous pouvez la tester grâce à des outils comme: https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop Il faut ajouter l’extension Postman rest client sur Mozilla ou Chrome. Question 8. Comprendre openAPI. Dans le readme.md du projet ici. https://github.com/barais/JaxRSOpenAPI Je montre comment ajouter la génération automatique du descripteur d’API conforme au standard openAPI. Je montre aussi comment intégrer swaggerUI afin de fournir une documentation lisible par un humain de votre API. Nous le faisons à la main, dans les comme SpringBoot, des modules particulier permettent d’automatiser ce travail. Bon TP Olivier et Adrien
Un tutoriel qui décrit comment déployer un projet Java dans Maven Central en utilisant Travis .
37/100 healthLeoPaulD /
Cartable est un projet open source que vous pouvez récupérer pour vous en servir et créer une application personnalisée qui correspond à vos centres d'intérêt ou pour l'enrichir et faire évoluer cette plateforme.
18/100 healthziza595 /
Dans ce tutoriel, je partage les bases nécessaire pour maitriser le framework Python Flask qui permet de créer des sites web dynamiques et autres. Le but est de créer un simple blog multi utilisateurs pour leur permettre de poster des articles.
30/100 health