Conseils essentiels sur les météores

le Météore project est une plateforme de développement d’applications Web open source qui vous permet de créer des applications entièrement écrites en JavaScript.

Meteor fournit des outils de développement pour les besoins essentiels des applications Web, ce qui le rend naturellement adapté aux start-ups et aux nouveaux projets en général. Il offre des fonctionnalités telles que le déploiement sur de nombreux appareils à partir d’une base de code (iOS, Android, Desktop), avec des mises à jour push à chaud prises en charge dès le départ.

Cela signifie que vous pouvez mettre à jour l’application sur l’appareil de l’utilisateur, sans attendre l’approbation de l’App Store. La richesse des packages disponibles via npm et sa propre bibliothèque Atmosphere font de Meteor un outil intéressant à utiliser.

Développement rapide dans Meteor

L’une des principales raisons pour lesquelles j’ai commencé à utiliser Meteor, il y a trois ans maintenant, était sa capacité rapide à fournir une application Web fonctionnelle en quelques heures. Cela m’a permis de répondre aux attentes élevées de mes clients et à leur budget de financement avant le premier tour.

Enfin, avec ce framework Web qui peut accueillir de grandes idées avec des débuts modestes, des applications Web mobiles réactives de haute qualité sont à la portée d’une équipe de développement mono-personne.

Forfaits NPM + Atmosphere

Tout colis de npm est disponible dans Meteor, donc si vous aimez utiliser des outils tels que Grunt, Browserify, Webpack, Bootstrap, React, jQuery et Angular, vous n’aurez aucun problème à les utiliser dans Meteor.

Pour rechercher de nouveaux packages:

Pour installer un package npm dans Meteor, exécutez simplement:

L’exécution de cette commande mettra à jour votre package.json avec la dépendance, et téléchargez également le package dans le fichier local de votre application node_modules/ annuaire.

Contrôle de version

Une note importante: pour la portabilité, je vous recommande de ne pas engager le node_modules/ dans git, et en passant à un nouveau développeur, demandez-lui plutôt d’exécuter meteor npm install, qui installera tous les packages requis.

Comptes utilisateur

Comptes Meteor-ui

le comptes-ui Le package permet aux utilisateurs de se connecter et de s’inscrire à l’application, et il fournit également le support oAuth, en l’interfaçant avec les comptes Meteor.

À des fins de marque et de communication, personnalisation de la vérification des e-mails (sendVerificationEmail) ou des invitations (sendEnrollmentEmail) pour s’adapter au thème général de l’application est une demande courante.

Une excellente façon de faire des courriels HTML dans Meteor est d’utiliser le jolis e-mails paquet par yogiben.

Vous pouvez désormais modifier l’e-mail de vérification en quelques lignes:

Pour les informations de votre entreprise, vous pouvez configurer PrettyEmail.options ainsi:

Pour envoyer l’e-mail, utilisez les méthodes suivantes:

Si vous souhaitez ajouter un modèle, vous pouvez le faire en personnalisant les options suivantes:

Changer de style est également très simple:

Voici un exemple de l’e-mail d’activation que l’utilisateur recevra dans son client de messagerie.

E-mail d'activation de Pretty Emails

Pretty Email propose une tonne d’options supplémentaires pour les réseaux sociaux, les liens de retour, l’en-tête et le pied de page, etc. page de manuel.

Support à cliquet, matérialisation et bootstrap

Il existe également des packages de comptes utilisateurs pour chacune de ces bibliothèques frontales populaires, ainsi que pour Ionic. Chacun peut être entièrement configuré pour répondre à vos besoins.

  • Rochet: meteor add useraccounts:ratchet
  • Ionique: meteor add useraccounts:ionic
  • Amorcer: meteor add useraccounts:bootstrap
  • Se concrétiser: meteor add useraccounts:materialize

UI

Semblable aux comptes d’utilisateurs, il existe des packages disponibles pour les bibliothèques frontales populaires telles que Bootstrap, Angular, React et le moteur de modèle Blaze, ainsi que de nombreux autres tels que UI sémantique.

La recherche sur l’atmosphère donne de nombreux résultats; Voici quelques-uns de mes favoris:

Réagir + Bootstrap

Vous devrez d’abord avoir installé les packages React npm avec:

Maintenant, pour le package meteor, lancez meteor add universe:react-bootstrap.

Vous pouvez utiliser Composants Bootstrap dans votre React JSX maintenant:

Transitions de page

Si vous utilisez Iron Router, vous pouvez utiliser le météore-transitioner paquet. En travaillant sur votre modèle Blaze, ajoutez les guidons suivants autour de votre {{yield}}:

Maintenant, définissez la transition entre les itinéraires:

Pour plus d’informations sur les transitions, consultez la LISEZ-MOI.

En relation :  Les 11 meilleures applications gratuites de jeux de mots pour jouer sur Android et iPhone

Mongo

Pour modifier votre base de données mongo dans le navigateur Web, le mongol L’outil est l’un des meilleurs que j’ai utilisé. Une fois que vous avez installé Mongol avec:

Appuyez simplement sur Contrôle-M et vous aurez accès à vos collections avec un support CRUD complet dans le navigateur.

Je trouve l’utilisation de Mongol très utile lors du débogage de nouvelles applications ou des modifications de données par rapport à celles existantes.

Mongol pour le débogage

Extensions de navigateur

Pour les utilisateurs qui travaillent dans Chrome, il existe un plugin Mongo appelé MiniMongo qui vous permettra de parcourir la base de données Meteor dans le volet des outils de développement.

Le projet MiniMongo Explorer est disponible sur GitHub si vous souhaitez créer vous-même la source.

Déploiement

Utiliser l’excellent outil gratuit mup, vous pouvez déployer un site sur un VPN Digital Ocean en quelques minutes.

La configuration est très simple et vous n’aurez besoin que de votre application, des informations d’identification SSH et peut-être d’un certificat SSL si vous souhaitez activer HTTPS.

Installer mup, commencez par créer un répertoire pour le déploiement:

Installez mup:

Initialisez le répertoire:

Vous devez maintenant configurer le déploiement en configurant le fichier mup.js qui a été créé via l’étape précédente.

Maintenant, configurez le serveur:

Et déployez:

Vous verrez la confirmation de chaque étape du processus dans votre terminal. Une fois le déploiement terminé, l’application est désormais en ligne sur votre serveur et vous pouvez la vérifier dans votre navigateur.

Pour plus d’informations sur la configuration avec SSL, veuillez consulter ce guide.

Mise en cache

Meteor est livré avec appcache, qui mettra en cache l’application après le premier chargement, mais pas pour une utilisation hors connexion.

Si vous souhaitez mettre en cache hors ligne, vous devrez utiliser GroundMeteor. Il s’agit d’un stockage uniquement côté client qui fonctionne sur LocalCollection.

Par exemple, nous pouvons surveiller une collection et la stocker localement:

Ici, le contenu du Data.find() la publication sera mise en cache dans une collection au sol hors ligne.

Caches de magasins de clés

Pour la mise en cache du keystore de mémoire, vous pouvez utiliser le packag memcachee ou paquet redis pour vous permettre d’accéder à la mise en cache des données sur le serveur.

Le package suppose que le serveur Memcache ou Redis est déjà en cours d’exécution, puis une clé peut être stockée dans Memcache.

Ou dans la collection Redis:

En relation :  5 meilleures applications de diabète pour suivre la glycémie, calculer la nourriture et écrire des journaux de bord

La mise en œuvre de redis est très agréable car elle peut être utilisée pour diffuser via l’architecture de publication / abonnement de Meteor.

Outils de développement

Outre les outils déjà mentionnés, le Extensions de navigateur de type Firebug disponible dans Chrome for Meteor facilite grandement le débogage. Vous pouvez facilement surveiller les données transmises du serveur au client dans l’onglet DDP et consulter votre modèle Blaze via l’inspecteur Blaze.

Révision d'un modèle Blaze

Outils IDE

Pour le développement dans l’éditeur de texte Sublime, une version personnalisée du package Tern.js fournit l’auto-complétion pour Meteor. Téléchargez-le sur GitHub.

JetBrains fournit une intégration automatique des projets Meteor avec la coloration syntaxique et le débogage. Atom fournit également plusieurs forfaits pour la syntaxe, les extraits de code et la saisie semi-automatique.

Plaques de chaudière

Yeoman

Si vous souhaitez simplement vous lancer rapidement avec une application déjà configurée, vous pouvez consulter le démarreur de yogiben. Le chef Meteor a également un excellent démarreur de base. Si vous souhaitez utiliser React, vous pouvez regarder ceci Générateur Yeoman comme point de départ.

Pour plus d’informations sur le démarrage de votre application, Cuisine Meteor fournira une interface graphique pour les itinéraires et la configuration.

Panneaux d’administration

Panneau d'administration du thème AdminLTE de Yogiben

Si vous utilisez Yogiben’s Starter Meteor, vous pouvez également être sûr que panneau d’administration il a créé fonctionnera très bien en conjonction. Presque tous les autres projets utilisant mongo et blaze devraient convenir à cela, bien que les applications React Router puissent avoir un conflit avec Iron Router.

Le thème du panneau d’administration est modifiable de manière extensible et vous pouvez lire le Documentation.

Météore des météorites

Aperçu du météore 052

Avant de terminer ici, permettez-moi de vous donner un aperçu du projet Meteor. Meteor a été rendu public en janvier 2012, les résultats d’un projet d’incubateur Y Combinator qui a reçu un financement de 11,2 millions de dollars de la société de capital-risque Andreessen Horowitz.

Il a d’abord été lancé avec un gestionnaire de paquets nommé Meteorite (mrt sur le cli), et l’extensibilité a toujours été un élément central de Meteor. Avec la sortie de Meteor 0.9, les choses ont changé pour de bon avec la création des packages Atmosphere.

L’ajout de packages aux applications Meteor est devenu aussi simple que meteor add mrt:moment.

Alors que l’élan du projet se poursuivait, il a suscité l’intérêt du public et a été adopté par un large éventail de développeurs, anciens et nouveaux. L’un des principaux moteurs pour cela, je crois, était la flexibilité de pouvoir travailler pleinement en JavaScript – client et serveur.

Au départ, les packages npm n’étaient pas disponibles, jusqu’à ce que Meteor publie la version 1.3, qui a marqué jusqu’à présent une étape importante dans le cycle de développement.

Travailler entièrement en JavaScript signifiait que Meteor avait la capacité de s’interfacer avec la vaste bibliothèque de bibliothèques JS et Node existantes maintenant avec l’intégration de npm. Cela a donné à Meteor un cadre de pointe en tant que cadre.

Cela donne une perspective de nos progrès dans le développement Web, certainement pour penser à l’ampleur de la puissance que Meteor, npm et ses forfaits d’ambiance livrent à portée de main. C’est un grand changement par rapport à la façon dont nous le faisions, avec une grande équipe de développement, dans les jours pré-jQuery, pré-npm, pré-Bower de Flash, NotePad / Dreamweaver et PHP 3. J’ai travaillé dans des équipes de plus de dix employés pour produire des œuvres qui, sans paraître ridicules, peuvent être littéralement terminées en quelques semaines dans Meteor par un ou deux développeurs.

Avec ces outils à votre disposition, il n’y a jamais eu de meilleur moment pour devenir un entrepreneur Web à l’esprit technique. Créer vous-même les applications de vos rêves est certainement à portée de main.

Pour un exemple, plus tôt dans la journée, j’ai mis en place un CMS basé sur une base de données avec un système utilisateur complet et un back-office administratif avec des connexions Facebook et Google+ oAuth. Je l’ai déployé sur un nouveau serveur pour le partager avec les gens à déboguer, et je pouvais voir les données changer en temps réel.

Meteor est vraiment aussi rapide à travailler. La validation du formulaire est terminée et un travail de saisie de données approprié peut commencer demain, après seulement huit heures de développement.

Conclusion

Meteor est un moteur d’applications Web robuste et puissant qui vous donnera une longueur d’avance dans le développement d’applications.

Espérons que les packages et les conseils mentionnés ici vous permettront de créer votre application en un rien de temps. Pour moi, réaliser mes idées d’application dans un court laps de temps peut signifier que la créativité s’épanouit et que l’innovation est plus facile.

Vous pouvez accélérer le développement avec facilité car dans Meteor, il existe pratiquement un package pour tout, et l’accent est davantage mis sur la configuration, ce qui rend l’expérience de développement beaucoup plus agréable.

Pour obtenir de l’aide sur des problèmes sur un projet spécifique, vous souhaiterez peut-être rechercher le projet sur GitHub et créer un problème sur le référentiel que les développeurs devront traiter.

Si vous cherchez plus de conseils sur Meteor, le forums officiels sont toujours un bon endroit pour demander.

Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.