Review: Appsmith brille pour le développement low-code sur un budget

Le marché des plates-formes low-code ou no-code compte des centaines de fournisseurs, qui fabriquent des produits de utilité, prix, commodité et efficacité variables. Le marché du développement low-code repose au moins en partie sur l’idée que les développeurs citoyens effectuent la majeure partie du travail, bien qu’un sondage réalisé en 2021 par le fournisseur Creatio ait déterminé que les deux tiers des développeurs citoyens sont des utilisateurs liés à l’informatique. Le même sondage a déterminé que le code bas est actuellement adopté principalement pour le développement d’applications personnalisées au sein d’unités commerciales distinctes.

Lorsque je travaillais pour un fournisseur de plate-forme d’application low-code ou no-code (Alpha Software) il y a dix ans, plus de 90 % des couronné de succès les projets clients low-code que j’ai vus impliquaient quelqu’un du service informatique, et souvent plus d’un. Il y a généralement un utilisateur métier qui pilote le projet, assisté d’un administrateur de base de données et d’un développeur. L’utilisateur professionnel peut consacrer le plus de temps, mais ne peut démarrer le projet qu’avec l’aide de l’administrateur de la base de données, principalement pour fournir un accès sécurisé aux bases de données de l’entreprise. Ils avaient généralement besoin de l’aide d’un développeur pour terminer et déployer le projet. Souvent, le service de l’utilisateur professionnel servait de cobaye, alias testeurs, en plus de contribuer aux exigences et éventuellement d’utiliser le produit interne.

Appsmith est l’un des quelque deux douzaines de produits de développement low-code ou no-code qui sont open source. La Projet Appsmith est d’environ 60 % TypeScript, 25 % Java et 11 % JavaScript. Appsmith se décrit comme conçu pour créer, expédier et maintenir des outils internes, avec la possibilité de se connecter à n’importe quelle source de données, de créer des interfaces utilisateur (UI) avec des widgets prédéfinis, de coder librement avec un éditeur JavaScript intégré et de se déployer en un seul clic. . Appsmith définit les outils internes comme des tableaux de bord personnalisés, des panneaux d’administration et des applications CRUD qui permettent à votre équipe d’automatiser les processus et d’interagir en toute sécurité avec vos bases de données et vos API. En fin de compte, Appsmith est en concurrence avec les plus de 400 fournisseurs low-code ou no-code, les plus grands concurrents étant ceux qui ont des capacités similaires.

Appsmith a commencé comme un outil interne pour une société de développement de jeux. « Il y a quelques années, nous avons publié un jeu qui est devenu viral. Des centaines de demandes d’aide sont arrivées du jour au lendemain. Nous avions besoin d’une application d’assistance pour les gérer rapidement. C’est alors que nous avons réalisé à quel point il était difficile de créer rapidement une application interne de base ! Moins d’un an plus tard, Appsmith avait commencé à prendre forme.

Commencer par une application interne et l’améliorer pour l’usage des clients est un chemin difficile à suivre et ne se termine souvent pas bien. Voici un examen pratique pour vous aider à décider si Appsmith est la plate-forme low-code que vous recherchiez.

Développement low-code avec Appsmith

Appsmith offre un environnement de glisser-déposer pour créer des frontaux, des connecteurs de base de données et d’API pour alimenter les backends, des capacités de codage JavaScript intégrées assez simples et une publication et un partage faciles. Voici un bref aperçu de la façon dont ces fonctionnalités fonctionnent ensemble dans un projet de développement Appsmith.

Connexion aux sources de données

Vous pouvez vous connecter aux sources de données d’Appsmith à l’aide de ses connexions directes ou à l’aide d’une API REST. Les sources de données prises en charge incluent actuellement Amazon S3, ArangoDB, DynamoDB, ElasticSearch, Firestore, Google Sheets, MongoDB, Microsoft SQL Server, MySQL, PostgreSQL, Redis, Redshift, Snowflake et SMTP (pour envoyer du courrier). Beaucoup d’entre eux sont ne pas bases de données conventionnellement considérées. Appsmith crypte vos informations d’identification et évite de stocker les données renvoyées par vos requêtes. Il utilise des pools de connexions pour les connexions à la base de données et limite à cinq le nombre maximal de requêtes pouvant être exécutées simultanément sur une base de données, ce qui peut devenir un goulot d’étranglement si vous avez beaucoup d’utilisateurs et exécutez des requêtes complexes. Appsmith prend également en charge 17 connecteurs API, dont certains sommes bases de données conventionnellement considérées.

Construire l’interface utilisateur

Appsmith propose environ 45 widgets, y compris des conteneurs et des contrôles. Vous pouvez faire glisser et déposer des widgets de la palette vers le canevas. Les widgets existants sur le canevas s’écarteront des nouveaux widgets au fur et à mesure que vous les placez, et les widgets peuvent se redimensionner tout en conservant leurs proportions.

Accès aux données et liaison

Vous pouvez créer, tester et nommer des requêtes sur chacune de vos sources de données. Ensuite, vous pouvez utiliser les requêtes nommées à partir des widgets appropriés. Les résultats de la requête sont stockés dans la propriété data de l’objet de requête, et vous pouvez accéder aux données à l’aide de JavaScript écrit à l’intérieur de “handlebars”, alias syntaxe “moustache”. Voici un exemple :

 Query1.data 

Vous pouvez utiliser des requêtes pour afficher des données brutes ou transformées dans un widget, afficher des listes de données dans des listes déroulantes et des tableaux, et pour insérer ou mettre à jour des données capturées à partir de widgets dans votre base de données. Appsmith est réactif, de sorte que les widgets sont automatiquement mis à jour chaque fois que les données de la requête changent.

Écrire du code

Vous pouvez utiliser JavaScript dans les guidons n’importe où dans Appsmith. Vous pouvez référencer chaque entité dans Appsmith en tant que variable JavaScript et effectuer toutes les fonctions et opérations JavaScript sur celles-ci. Cela signifie que vous pouvez référencer tous les widgets, API, requêtes et leurs données et propriétés associées n’importe où dans une application à l’aide de la syntaxe du guidon ou de la moustache.

En général, le JavaScript dans Appsmith est limité aux expressions à une seule ligne. Vous pouvez cependant écrire une fonction d’assistance dans un JavaScript Object à appeler à partir d’une expression sur une seule ligne. Vous pouvez également écrire des expressions de fonction appelées immédiatement, qui peuvent contenir JavaScript multiligne à l’intérieur de la définition de la fonction.

Fonctionnalités de développement d’Appsmith

Depuis le 5 octobre 2022, Appsmith a annoncé un certain nombre d’améliorations. Tout d’abord, il a obtenu la certification SOC2 Type II, ce qui signifie qu’il a effectué un audit tiers pour certifier la conformité de ses informations. Deuxièmement, il a ajouté la prise en charge de GraphQL. GraphQL est un langage de requête et de manipulation de données open source pour les API, et un environnement d’exécution pour répondre aux requêtes avec des données existantes ; il a été développé par Facebook, maintenant Meta.

Appsmith dispose désormais d’une vue interne pour les journaux de la console ; vous n’avez pas besoin d’utiliser le débogueur du navigateur. Il a également ajouté un widget qui permet aux utilisateurs de scanner des codes à l’aide des caméras de leurs appareils ; il prend en charge 12 formats, y compris les codes à barres de produit 1D tels que UPC-A et -E, les codes à barres industriels 1D tels que le Code 39 et les codes 2D tels que QR et Data Matrix. Il a ajouté trois nouveaux contrôles de curseur : des nombres, une plage et des catégories. Les ingénieurs d’Appsmith ont réduit de moitié le temps de rendu des widgets en ne redessinant que les widgets qui ont changé.

Options d’hébergement d’Appsmith

Vous pouvez utiliser le version cloud d’Appsmith (inscrivez-vous sur https://appsmith.com/) ou hébergez vous-même Appsmith. La version open source d’Appsmith est gratuit de toute façon. Appsmith recommande d’utiliser Docker ou Kubernetes sur une machine ou une machine virtuelle avec deux vCPU et 4 Go de mémoire. Il existe des options d’installation en un seul bouton pour Appsmith sur AWS et DigitalOcean.

Si vous souhaitez une assistance prioritaire, SAML et SSO, et des dépôts Git privés illimités, vous pouvez payer pour Appsmith Business. Ce service est ouvert pour un accès anticipé au moment de la rédaction de cet article.

Widgets AppSmith

Les widgets Appsmith incluent la plupart des contrôles et des conteneurs que vous vous attendez à trouver dans un générateur d’interface utilisateur par glisser-déposer. Ils incluent des contrôles simples, tels que des contrôles de texte, de saisie et de bouton ; des conteneurs tels que des conteneurs génériques, des onglets et des formulaires ; et des commandes multimédias telles que des images, des lecteurs vidéo, une entrée et une sortie audio, une commande de caméra pour la prise de vue fixe et vidéo et le nouveau scanner de code.

Pratique avec Appsmith

J’ai suivi le didacticiel d’introduction d’Appsmith pour créer un tableau de bord de support client dans Appsmith Cloud. Il utilise une base de données PostgreSQL pré-remplie avec une table d’utilisateurs. J’ai trouvé le style de didacticiel un peu condescendant (notez tous les points d’exclamation et les messages de félicitations), mais ce n’est peut-être pas aussi grave que les didacticiels “d’introduction” de certains produits qui passent rapidement au-dessus de la tête des utilisateurs.

Notez que si vous avez une application plus avancée en tête, vous pourriez trouver un démarreur modèle parmi les 20 proposés.

Le didacticiel Appsmith commence par un résumé du fonctionnement d’Appsmith.

IDG

Voici l’application que nous essayons de créer. Je l’ai testé, entre autres, en ajoutant un nom à l’enregistrement 8.

IDG

Voici un test de la SELECT requête pour la table de l’utilisateur dans le sandbox SQL.

IDG

Ici, nous appelons une requête SQL préparée à partir de JavaScript pour remplir le widget de table Customers.

IDG

Ensuite, nous affichons le volet des propriétés de la table Clients.

IDG

Maintenant, nous pouvons commencer à créer le formulaire de mise à jour client.

IDG

Nous avons ajouté l’appel JavaScript qui extrait le nom de la propriété Valeur par défaut pour le NameInput widget.

IDG

Et nous avons lié les champs e-mail et pays aux requêtes correctes via JavaScript et SQL.

IDG

Ici, nous avons ajouté un bouton Mettre à jour sous le formulaire. Il n’est pas encore lié à une action.

IDG

La première étape du traitement de la mise à jour consiste à exécuter le updateCustomerInfo requête, comme illustré ici.

IDG

La updateCustomerInfo la requête est un SQL UPDATE déclaration. Notez comment il est paramétré à l’aide de variables JavaScript liées aux champs du formulaire.

IDG

La deuxième étape de la mise à jour consiste à récupérer les clients une fois la première requête terminée, comme indiqué ci-dessous.

IDG

Maintenant, nous pouvons tester notre application dans l’environnement de développement avant de la déployer.

IDG

Une fois déployée, nous pouvons exécuter l’application sans voir l’environnement de développement.

IDG

Notez qu’un espace de travail Appsmith contient toutes vos applications. (Les miens sont montrés ici.)

IDG

Voici la page montrant les 20 modèles Appsmith disponibles à utiliser et à personnaliser.

IDG

Conclusion

Comme vous l’avez vu, Appsmith est une plate-forme d’application low-code glisser-déposer compétente. Il inclut une option open source gratuite tant que vous n’avez pas besoin d’un support prioritaire, SAML, SSO ou de plus de trois référentiels Git privés. Pour l’une de ces fonctionnalités, ou pour les contrôles d’accès personnalisés, les journaux d’audit, la sauvegarde et la restauration ou la personnalisation de la marque, vous aurez besoin du plan Appsmith Business payant.

Si vous pensez qu’Appsmith pourrait répondre à vos besoins en matière de développement d’applications internes à votre service, je vous encourage à essayer la version open source gratuite. L’essayer dans le cloud demande moins de travail que l’auto-hébergement, bien que vous souhaitiez éventuellement vous auto-héberger si vous adoptez le produit.