Être un développeur full-stack moderne

Je vis à la périphérie d'une rencontre technologique. Et à la périphérie au sens géographique. Et cela signifie que:

• Je n'ai jamais assisté à des conférences professionnelles. Tout simplement parce qu'on ne lui a jamais offert une telle opportunité.
• Je n'ai jamais acheté de cours de formation: il est étrange pour moi de payer pour ce que vous pouvez apprendre vous-même sur Internet ou dans des livres. Il est tentant, bien sûr, d'obtenir des connaissances concentrées, appuyées par des tâches pratiques, pour obtenir un certificat. Mais pour cela, je n'ai jamais eu l'argent ni le temps.
• Je suis un adepte de l'ascétisme numérique: non pas de mon plein gré, mais en tant que produit d'une restructuration éternelle dans notre pays. Dans les courtes périodes de stabilité financière, je mets à jour l'électronique sur une base résiduelle. Alors maintenant, j'écris ce texte sur Core2Duo il y a dix ans. J'attends toujours le prochain plateau stable sur ma courbe de bénéfices.
• Trois fois dans ma vie, j'ai acheté des jeux. Dans les années 90. Il s'agissait de cassettes pour le spectre obsolète. Je regarde l'achat de logiciels avec surprise: lorsque tout le monde utilisait des logiciels piratés, je les utilisais aussi sans comprendre l'essence du problème. Et puis, au début des années 2000, je suis complètement passé à Linux et il n'y avait rien à acheter.
• Étonnamment, je n'ai jamais perdu de téléphone portable, depuis le tout début de l'émergence de la communication GSM. Et ils ne se sont jamais cassés ou n'ont pas été réparés. Les trois pièces sont parfaitement rangées sur l'étagère et la quatrième, un smartphone, se trouve dans votre poche. Il a cinq ans. Je n'ai aucune expérience d'achat de logiciels sur Google Play, je ne sais même pas comment le faire. La femme le sait, mais pas moi.
• Je prie les fournisseurs de me mettre sur liste noire et de ne pas m'appeler avec des offres pour «acheter Internet» ou un forfait de télévision. Parce que je n'ai pas de télévision, et pour Internet, la vitesse minimale me suffit. Je vous demande de ne pas me parler des nouveaux tarifs pour les communications mobiles, car je choisis le moins cher disponible.
• Je n'ai jamais vu d'étrangers anglophones en direct. Et il n'a jamais parlé avec des étrangers d'une voix. Une telle opportunité n'a jamais été donnée dans mon coin d'ours, bien qu'elle soit intéressante. Je pompe lentement mon anglais, mais je n'en ai besoin que pour lire de la littérature.

Probablement assez. Qui suis-je et que fais-je sur Habrahabr? Le fait est que je ... je suis un survivant permanent. En d'autres termes, un développeur full-stack moderne. Oh, je peux imaginer comment les programmeurs de profils fronçaient les sourcils maintenant! Fullstack ... Que puis-je leur dire? Les gars, je serais heureux de pomper les compétences dans une seule direction. Je serais heureux, comme vous, de vous plonger dans le sujet et de devenir un gourou hautement spécialisé. Mais, malheureusement, la réalité est que dans les régions, une personne sur un site éloigné doit s'accrocher à n'importe quel travail, simplement pour ne pas faire de la moto ou devenir chauffeur de taxi.

Quelles langues avais-je à gérer et à distribuer des choses finies? Si vous effectuez une sélection sur une chronologie, vous obtenez la liste suivante:

Oui, j'ai moi-même peur de ce méli-mélo. Quel genre de lancer enchanteur? C'est bien ça? Web - analyse de résistance - comptabilité des stocks - jeux ... Centrales nucléaires, cartographie, téléphonie. Auteur, êtes-vous sérieux? Absolument! La vie se serrera - vous ne vous levez pas trop.

Bord de transition

Pour sentir le bord de la transition d'un projet à l'autre, vous pouvez considérer les deux lignes les plus basses du tableau ci-dessus. Pour le projet, à partir de l'avant-dernière ligne «Cartographie et navigation, développement mobile pour Android», nous ne ferons que des liens.

• Vous pouvez lire ici: rapport annuel pour 2018 ;
• Regardez la vidéo ici: Développement industriel sur Qt et QML ;
• Pour les critiques esthétiques, il y a même une section sur l'économie du projet .

Et pour compléter le tableau, quelques autres publications:

• L'année après avoir quitté Rosatom
• Achèvement des tests de navigation de précision sur les machines agricoles

Et à propos de la dernière ligne du tableau "Développement Web et téléphonie", je vais en discuter plus loin dans ce texte.

Ainsi, un projet prometteur d'une application mobile pour Android pour les équipements de navigation personnalisés se ferme brusquement. Hier, le développeur a écrit le code backend en C ++ et le front en QML, a attaché le code natif à Java via JNI, et aujourd'hui il doit rechercher frénétiquement le poste vacant du développeur C ++ sur le site distant. Le marché moderne du C ++ est tel que trouver un employeur en Russie avec C ++ sur un site distant est un grand succès. Tous les employeurs veulent voir un programmeur C ++ au bureau. Le mois de la recherche est un zéro complet. Il est temps de se recycler, l'avantage du fond le permet.

Définition

Le développeur Fullstack (représentant d'une famille de spécialistes autour) est un personnage mythique, objet de désir d'un employeur qui souhaite optimiser la production de logiciels pour une équipe d'une seule personne. Le développeur Fullstack a des capacités magiques: il a une mémoire sans fond, car il connaît tous les langages et technologies modernes; l'appareil conceptuel global est intégré dans le cerveau, supérieur dans l'organisation du processus de pensée de Vladimir Lénine, Albert Einstein et Léonard de Vinci; la pensée systémique d'un tel spécialiste est capable de déboguer quoi que ce soit directement dans le cerveau, sans utiliser d'outils de débogage. Sans prétention, alimenté par la lumière du soleil.

Transition vers une nouvelle tâche

Tout à coup, l' utilisateur de haar itsar vient à moi et le prend à son équipe. Il a plusieurs tâches à suspendre et j'implémente un prototype de service Web pour les tests. Comme prévu, le service Web informe les utilisateurs de divers événements par le biais de divers canaux de communication, y compris les appels téléphoniques. En conséquence, le site QrCall.org est apparu, sur lequel il était déjà écrit sur Habrahabr: Allez-y - je ne sais pas où .

Pour l'avenir, j'écrirai immédiatement les délais: la discussion et la rédaction de la tâche technique ont pris deux semaines, il a fallu un mois et demi pour créer la première implémentation et la mettre en production.

Pour comprendre, à ce jour, ce service Web ressemble à ceci (version développeur):

Nous devons donc passer de C ++ à PHP7 et à la pile d'outils correspondant aux réalités modernes. Il n'y a pas de temps pour l'accumulation (C) Poutine. Straustrup, Schildt, Gottschling, Salter et Klepper sont placés sur l'étagère la plus éloignée. Parallèlement à l'écriture de TK, je rappelle qu'ils l'ont inventé en PHP7. La requête "Quoi de neuf en PHP7" donne plusieurs articles sur Habrahabr et dans les blogs de programmation. Ouais, les espaces de noms et les importations, un nouveau type d'opérateur ternaire et tout sucre syntaxique, les types scalaires et autres comme eux, les classes anonymes, les fermetures finales, les générateurs ... Pour la plupart, tout est familier. Une fois de plus, je constate par moi-même que PHP est un plaisir paradisiaque par rapport aux graves avantages.

Sélection d'outils

Téléphonie

La plupart s'inquiètent de la future mise en œuvre de la téléphonie. Vais-je maîtriser? Il est immédiatement clair que vous devez travailler avec SIP, mais comment? Une mémoire se bloque dans mon cerveau que j'avais l'habitude de jouer avec un client SIP de console, et même je pouvais composer un numéro de téléphone et passer un appel. Pour résoudre le problème, cela suffira. Dans un cas extrême, vous devez vous confondre avec Asterisk. J'appelle un signaleur familier, décrivant l'essence du problème, vous demandant de me rappeler quel type de client de console je pourrais ressentir. Le verdict est sans ambiguïté - il s'agit de Linphone et de sa console linphonec . Mais composer un numéro dans la console ne suffit pas. Vous devez toujours lire le fichier audio dans le combiné virtuel. Installez Linphone, allez sur sa console, regardez les possibilités. Il est donc possible de passer d'un périphérique audio à un fichier. C'est bien. Et dans la console, il y a une commande de lecture qui lance un fichier audio à lire. En principe, rien de plus n'est nécessaire.

Bien que non, il y a toujours le problème des appels simultanés. J'en discute avec itsar , il dit que les alertes d'appel sont rares, il suffit de les aligner. Limitez seulement la durée. Oh bien. Si oui, alors il n'y a plus de questions sur la téléphonie.

Framework PHP et gestionnaire de packages

Ensuite, vous devez décider du cadre sur lequel faire le projet et, en même temps, vous devez traiter avec le gestionnaire de packages Composer. Auparavant, je viens de regarder Composer et d'installer Yii2 sans composants, car dans Yii2 tout ce qui était nécessaire était déjà inclus. Eh bien, peu importe le cadre que je choisis, Composer sera toujours nécessaire. J'ai lu comment l'installer. Je parie que ça marche.

Vient ensuite la question du cadre. Je découvre qu'en 2019, Yii2 n'est plus pertinent et Yii3 est coincé dans une sorte d'état intermédiaire. Que reste-t-il? Pour Zend et Symfony, je n'ai pas encore mûri, donc il n'y a pratiquement pas d'options - seulement Laravel . J'ai lu la documentation, regardé les manuels, commandé un livre par un auteur russophone (il s'est avéré très raisonnable, ce qui est nécessaire pour commencer). Après l'ancien Codeigniter et le Yii non pertinent, le framework Laravel est facilement compréhensible, vous pouvez immédiatement voir comment l'idée de programmation a progressé dans la conception d'applications Web. Tout ce dont on rêvait a déjà été mis en œuvre, intégré et envahi par des approches standard. Oui, le projet est prévu non chargé, donc je peux me permettre une courbure nubienne dans la mise en œuvre.

Je mets Laravel "par défaut", suggérant au compositeur de décider lui-même quelle version de Laravel est actuellement pertinente. Il met 5.5. Eh bien, que cette version soit, elle est plus rodée que 5.8, il sera donc plus facile de résoudre les problèmes. Nous ne recherchons pas l'innovation.

NPM

Certains composants Laravel, par exemple, le système de construction et de minification Mix CSS (module complémentaire pour Webpack), nécessitent l'exécution du serveur JavaScript Node.Js et le gestionnaire de packages npm basé sur JavaScript. L'écurie Debian Linux que j'utilise a déjà le paquet npm . Cependant, il s'agit d'une version assez ancienne et ne convient pas à l'infrastructure Laravel 5.5. Je trouve comment installer à partir de sources tierces, je trouve deb.nodesource.com, j'installe à partir de celui-ci. Hmm, étrange, dans le même paquet, npm est installé avec Node.Js. Ce n'est pas du tout un chemin Unix, mais bon. La principale chose qui fonctionne.

Disposition

L'idée du projet QrCall.org est d' appeler l'utilisateur via un code QR . Et cela signifie que les visiteurs entreront sur le site à partir d'appareils mobiles, en utilisant les caméras dont ce code QR sera scanné. Dans le même temps, l'enregistrement des utilisateurs, la configuration des alertes et l'impression des codes QR sont susceptibles d'être effectués à partir d'ordinateurs de bureau. Une mise en page adaptative est donc indispensable.

Je remarque immédiatement la génération de contenu mobile / bureau sur le serveur en analysant UserAgent. Ce n'est pas notre approche pour 2019. Ici, le framework CSS Bootstrap va certainement nous aider. En général, la mise en page des applications Web est un vaste sujet distinct, gigantesque, qui devrait être traité par un spécialiste distinct. Pour moi, dans le développement Web, rien de plus compliqué que de choisir avec la mise en page. J'ai compris depuis longtemps que j'avais un crétinisme imposant. Je passe énormément de temps à indenter un autre régulier ou à aligner plusieurs éléments. Mais nous n'avons pas de ressources pour le codeur, vous devez donc faire ce que vous pouvez, il est souhaitable que le résultat soit fluide et beau.

La question est: quelle version de Bootstrap dois-je utiliser? 3 ou 4? Il s'avère que Bootstrap est immédiatement fourni avec Laravel 5.5, et c'est la version 3.x. Il n'y a pas de temps pour comprendre comment refaire l'environnement sur Bootstrap 4, donc je laisse la version 3. Au final, des centaines de milliers de sites utilisent Bootstrap 3 sur Internet, ce qui signifie que c'est une technologie décente à utiliser.

La chose la plus intéressante est qu'en conséquence, il s'est avéré faire une mise en page adaptative non seulement pour la partie "ouverte" du site, mais aussi pour votre compte personnel.

Voici à quoi ressemble la page dans la version de bureau:

Et la voici dans la vue mobile:

Développement

Comment le cadre sera-t-il utilisé? J'ai cette approche: utiliser au maximum tous les composants prêts à l'emploi de la freverka, mais à une condition: s'il y a une bonne compréhension du fonctionnement de ce composant. Comme l'a dit une personne qui connaissait déjà Zen Laravel, "il ne s'agit pas du fait que la documentation est écrite en non russe, mais du fait que même en anglais natif pour le cadre, elle n'est pas toujours indicative." Par conséquent, je pense que si vous ne pouvez pas trouver rapidement un composant ou une méthode, il vaut mieux faire quelque chose de plus simple avec vos propres méthodes que d'écrire du code mal compris par vous-même.

De quoi je parle? Le framework Laravel est un large framework avec de nombreuses abstractions implémentées et avec sa propre approche de la structure du code. Il a des choses simples qui ont longtemps été utilisées avec succès à la fois dans Laravel et dans d'autres cadres. Il y a des choses complexes mais compréhensibles, par exemple, l'implémentation de files d'attente (qui devront être utilisées pour la téléphonie). Mais il y a des choses fondamentales vraiment complexes dans lesquelles vous ne pourrez pas pénétrer. Par exemple, il s'agit d'un bundle Service container + Service provider + Facade. Jusqu'à présent, j'ai compris comment créer mécaniquement un fournisseur de services, le placer dans un conteneur de service et visser la façade sur tout cela. Mais pour ce qu'il faut faire - je ne l'ai pas encore réalisé. Il semble que cette approche raccourcisse le code, vous pouvez vous référer à l'abstraction et à ses méthodes dans un style statique, sans utiliser le nouveau mot-clé (mérite douteux). De plus, l'utilisation de façades facilite l'organisation des tests automatisés d'une application Web et, comme effet secondaire de toute cette commodité, lors de l'utilisation d'un fournisseur de services, l'injection de dépendances est automatisée. En général, bien que je ne comprenne pas, c'est plus facile pour moi de faire avec les classes auxiliaires habituelles, ce que je fais.

La technologie

Donc, pour résumer ce qui précède, j'ai obtenu la pile technologique assez traditionnelle suivante:

• OS: Linux (je choisis Debian Stable)
• Langue: PHP7
• Cadre: Laravel
• Sifflets frontaux: Bootstrap 3 + Vue.js
• Base de données: MariaDB (alias MySQL)
• Serveur Web: NGinx
• Téléphonie: SIP + linphonec / linphonecsh
• VCS: Git

Oui, pas la pile la plus à la mode et la plus avancée. Mais nous devons faire des affaires, et non pas nous entraîner à encapsuler l'environnement dans des conteneurs Docker et à ne pas promouvoir l'idée d'un développement uniquement JS.

File d'attente

Les files d'attente sont un sujet très spécifique, et dans les grandes équipes, les files d'attente sont généralement traitées par un spécialiste spécialement formé qui assure le fonctionnement des files d'attente sur des centaines de serveurs. Dans notre cas, des centaines de serveurs ne sont pas observés, il est donc nécessaire d'utiliser la file d'attente aussi simplement que possible et en entreprise. Par conséquent, en tant que référentiel d'emplois, j'ai décidé d'utiliser le moteur de base de données relationnelle MySQL déjà utilisé dans le projet. Il y avait une certaine tentation de le faire à bon escient, par exemple, basé sur Redis, mais il n'y avait tout simplement pas le temps de traiter avec cette base de données NoSQL.

Pendant le développement, une demande est apparue pour une tâche qui ne pouvait pas être directement résolue à l'aide de la file d'attente MySQL, mais qui serait résolue à l'aide de Redis. Le problème était qu'après la réussite de la tâche, la tâche est supprimée de la file d'attente et il n'y a aucun moyen de vérifier si, par exemple, une certaine tâche a été terminée au cours des 10 dernières minutes? Lorsque vous utilisez le stockage Redis, cela peut être implémenté via la limitation de débit, mais lorsque vous utilisez MySQL, ce n'est pas possible. Par conséquent, j'ai dû implémenter une telle fonctionnalité simplement sur la base de l'analyse du journal des actions. Heureusement, le journal des actions est un élément indispensable de notre petit système d'information.

Services payants

Lors de la mise en place d'un site sur Internet, vous devez prévoir le paiement de différents services. L'hébergement et le nom de domaine sont toujours des paiements presque obligatoires. Nous avons pris l'hébergement à peu de frais, payé 2 Go de RAM, à raison de 1 Go pour la base de données, le reste - pour l'OS et l'exécution du script. Il y avait 2 cœurs de microprocesseur dans le tarif, bien que je pense que l'on ferait très bien avec nos charges. L'espace disque en 20 Go est plus que suffisant pour notre projet. Pendant le processus de déploiement, la compilation de linphonec était nécessaire , car sur le bureau de mon développeur, il y avait un Debian Linux plus ancien que dans l'image de machine virtuelle finie fournie par l'hébergeur, et le paquet standard du référentiel contenait une ancienne version de ce programme avec plusieurs "fonctionnalités" désagréables. Et donc, pour compiler linphonec, 2 Go n'était pas suffisant pour moi. La magie des modèles en C ++ consomme de la mémoire comme si elle n'était pas en elle-même, j'ai donc dû configurer un échange, après quoi l'assemblage s'est terminé avec succès.

La téléphonie SIP n'a jamais été gratuite non plus, mais puisqu'il existe plusieurs grands opérateurs de téléphonie IP en Russie qui se font concurrence et proposent des tarifs très bas. Le seul moment incompréhensible était que lors de la commande d'un tarif, l'opérateur était convaincu que la tarification se ferait à la seconde, mais en fait elle s'est avérée être à la minute. Mais cela doit être traité séparément.

Dans nos réalités modernes, vous ne pouvez pas compter sur le fait qu’il existe des services d’e-mailing gratuits. Et dans notre cas, le bulletin électronique est nécessaire pour envoyer diverses alertes. D'après mon expérience, toutes les tentatives d'organiser l'envoi de nombreuses lettres via Yandex.Mail ou via Google.Mail conduisent uniquement au fait que les serveurs de messagerie récepteurs, après trois ou quatre lettres, marquent les messages comme spam. Autrement dit, des problèmes se posent déjà au stade du débogage, sans parler de la production. Par conséquent, j'ai dû me soucier du service Mailgun, par lequel les lettres sont livrées rapidement et sans problème. Il n'y a qu'un seul malentendu avec Mailgun: dans certains articles, ils écrivent qu'ils envoient gratuitement 10 000 lettres par mois. Et sur le site Web de Mailgun lui-même, il est en quelque sorte glissant que je comprends 10 000 lettres à partir du moment de l'inscription. , , .

Mailgun . , , . , , SMTP. Laravel Mailgun, .

, . INPUT . . , SSH, . — DROP INPUT. , , .

SIP-, SIP- , , nf_conntrack_sip . , NAT, nf_nat_sip , , .

, . . — , , MySQL. — , . zip-, , , . — . rsync.

, — , borg . , .

GIT , , . . , , , ( ), - ( git , artisan ). /etc/sudoers , , .

, Laravel , . , , . , .

, ! — . ? : ! , CI . , , CI-, -.

. , ? Oui! - ? , ! . , .

, Laravel, CSS- Bootstrap 3 Bootstrap 4. - Bootstrap 4 Bootstrap 3, flex- , Bootstrap 3 , . Bootstrap 4, , .

, , HTTPS. , , . HTTP HTTPS, Let's Encrypt HTTPS - NGinx , .

, . , , . , , logrotate , .

. , , . -, . , . , , . , Laravel , , , . , , , .

Résumé

, " " " ". , . , , , , : , , , ( , , ).

? "". ? -, , . , , , , . , .

, , " , , " , . . ++ , . : , " ", , , , , . -. - , . , , . - : , - , , , .

— , - , , , . , proof-of-concept, , , , . , — , .

, - . , , . , - , , -. , , , ...

? : -, , , , , .