In the article « Angular-ElectronJS – Login API REST jwt », the user’s token was saved in his browser thanks to localStorage. But here, our goal is to create a cross-platform application: desktop software and web application, so we will adjust our code to meet this goal. A few steps : StorageService The creation of […]
In the previousarticle, we saw how to validate an identification form. We also know how to save the token sent by the server if the connection succeeds. We are also able to manage different types of error messages, either at the level of each field (username and password) or when we receive a return that […]
Dans l’article « Angular-Electronjs – Enregistrement du token grâce à lAPI fs de Nodejs », nous avons fait confiance à electron-builder (le compilateur de electronjs) et donc avons laissé les paramètres par défaut lors de la création de l’application electronjs Ces paramètres par défaut sont : le nom de l’éxécutable généré : « angular-electron Setup 6.0.1.exe« […]
Dans l’article « Angular-ElectronJS – Login API REST jwt », le token de l’utilisateur était enregistré dans son navigateur grâce au localStorage. Or nous avons comme objectif de créer une application multiplateforme : logiciel de bureau et application web, nous allons ajuster notre code pour répondre à cet objectif. Nous allons suivre quelques étapes : […]
Following an article on the formatting of the Angular-Electronjs login page. The following elements will be discussed: Code cleaning and factoring Error messages HTML Form – Added Reactive forms. Typescript – Validation of the form and connection to an api in nodeexpress-js Code cleaning and factoring Let’s clean up our code. Additional Modules First, we […]
Dans l’article précédent, nous avons vu comment valider un formulaire d’identification. On sait aussi comment enregistrer le token envoyé par le serveur si la connexion réussit. On est capable également de gérer les différents types de messages d’erreurs, soit au niveau de chaque champ (identifiant et mot de passe) ou lorsqu’on reçoit un retour qui […]
Nous allons poursuivre l’article sur Angular-Electronjs : mise en forme de la page de connexion. On abordera les élements suivants : Nettoyage du code et factorisation. Messages d’erreurs. Formulaire HTML – Ajout du « reactive forms« . Typescript – Validation du formulaire grâce à une api développé avec nodeexpress-js Nettoyage du code et factorisation Faisons un peu […]
On entre dans le vif du sujet de notre application Angular/electronjs. Créons une page de connexion dans notre application web. Cette page de connexion communiquera plus tard avec un backend nodejs développée grâce à expressjs. Cette application est déja fonctionnelle. Elle utilise l’ORM sequelize pour se connecter à une base de données MySQL. Voici un […]
Prerequisite: nodejs git @Angular/cli Installation of prerequisites Nodejs Install nodejs. Go to https://nodejs.org/en/ and download the installer. I took the version “12.4.0 Current” We’re checking the intallation. node -v v12.4.0 Git Install git. Go to https://git-scm.com/ Check the correct installation git version git version 2.22.0.windows.1 Angular/cli Nodejs is required to install Angular/cli. Install the latest […]
title: Créer une application web et un logiciel de bureau avec Angular et electronJS tags: angular electronjs git nodejs categories: [angular] [electronjs] permalink: angular-electronjs-get-started date: 2019-06-16 00:40:07 Prerequis : nodejs git @angular/cli Installation des prerequis Nodejs On installe nodejs. On va sur https://nodejs.org/en/ et on télécharge l’installateur. J’ai pris la version “12.4.0 Current” On verifie […]