Comment j'ai contrôlé l'ordinateur à partir du téléphone

Il se trouve que j'étais libre de travailler. D'un autre côté, je n'ai pas l'habitude de rester inactif, mais je veux depuis longtemps essayer quelque chose de nouveau.
Je n'ai pas eu à réfléchir longtemps, car je suis Flutter depuis longtemps. Je n'étais pas du tout impliqué dans le développement mobile avant cela, donc c'était doublement intéressant de me vérifier - n'était-ce pas complètement engourdi en tant que développeur. Eh bien, il est clair que l'article est conçu pour les mêmes "nuls" que moi. Il n'y aura pas d'exemples et d'analyse de code spécifique, mais plutôt une description des impressions générales.

Étant donné que pour moi la meilleure façon d'apprendre une langue ou une nouvelle technologie est de créer une application petite mais complète, j'ai commencé par définir la tâche.

Énoncé du problème

Je souhaite depuis longtemps avoir une application sur mon téléphone qui exécute quelque chose sur mon ordinateur. Une sorte de panneau de contrôle, lorsque vous n'avez pas besoin de basculer entre les programmes, déplacez la souris à la recherche du menu et effectuez d'autres actions. Un écran supplémentaire avec des boutons ne me ferait certainement pas de mal.

Il est immédiatement clair que vous ne pouvez pas le faire avec un seul téléphone, vous devez créer une application serveur pour l'ordinateur. Comme je le fais moi-même, vous pouvez utiliser un fichier de test avec une liste de commandes en cours d'exécution qui seront affichées sur le téléphone sous forme de boutons. Il n'y a pas eu d'hésitation avec le langage de développement, car j'ai récemment écrit sur Go et il est très bien adapté à cette tâche.

Ainsi, sur le téléphone, nous avons deux pages - une connexion et une liste de boutons. Sur l'ordinateur - le serveur Web le plus simple qui charge les boutons au démarrage, retourne une liste une à la fois et exécute autrement la commande souhaitée. Pour simplifier, vous pouvez faire une hypothèse - le téléphone via Wi-Fi doit être connecté au même réseau que l'ordinateur.

Et bien sûr, tout doit être open source (liens à la fin), afin que les personnes intéressées aient quelque chose à critiquer.

Flutter

Comme le côté serveur n'était pas difficile, j'ai décidé de commencer avec Flutter. S'il y a des difficultés, vous n'aurez rien à écrire non plus sur Go. L'installation de Flutter s'est déroulée sans surprise, même si je devais encore installer Android Studio. Depuis que j'utilise Visual Code, j'y ai également installé des extensions supplémentaires. Lors de la création d'un projet, Flutter ne crée pas un projet vide, mais un programme de niveau Hello mondial, qui, si vous le souhaitez, peut être lancé immédiatement. La question est de savoir comment le regarder. J'ai essayé trois façons

1. Créez un émulateur dans Android Studio . Si l'ordinateur n'est pas puissant, il n'y a qu'un seul plus - vous pouvez sélectionner le modèle de téléphone souhaité. Sur mon i5 avec 8 Go de mémoire et SSD, travailler avec l'émulateur m'a apporté une angoisse mentale. J'ai donc commencé à chercher des alternatives.
2. Chrome Puisque Flutter peut compiler le programme en js et html, j'ai décidé d'utiliser cette option. Pour ce faire, j'ai vraiment dû passer d'une branche stable à master (dans stable il n'y a pas de support web), mais le démarrage a commencé à aller beaucoup plus vite. L'inconvénient est que certaines fonctionnalités mobiles ne fonctionnent pas et que l'apparence elle-même est légèrement différente, par exemple, dans les polices, mais elle est tout à fait appropriée pour un travail approximatif sur l'application.
3. Téléphone propre . Une excellente méthode consiste à activer le mode développeur sur le téléphone et à connecter le téléphone mobile à l'ordinateur. Pour - le manque de freins et le travail "physique" avec l'application, contre - un mode constant de charge du téléphone.

Comme vous le savez, Flutter utilise le langage de programmation Dart. Je ne dirai pas que c'est une langue exceptionnelle, mais Google a apparemment décidé que le bien ne disparaîtrait pas et lui a donné une seconde chance. Je n'avais pas le temps de lui apprendre, alors je ne lui ai pas enseigné. J'ai simplement adhéré au principe suivant, si quelque chose n'est pas clair dans l'exemple dont je veux utiliser le fragment, alors cela doit être compris. Il semble que vous n’ayez pas spécialement appris la langue, mais l’image générale prend forme. Au moins, quelle est la différence entre final et const , et qu'est-ce qu'un ?? b , je sais maintenant.

Flutter a un soi-disant rechargement à chaud, lorsque l'application est en cours d'exécution, en appuyant sur r - met à jour l'état actuel, R - redémarre l'application. La chose est géniale, mais avec elle j'ai eu la seule stupeur sérieuse. Lors de la mise à jour de l'état actuel,
les données ne sont pas mises à jour, cela peut ne pas être dit correctement, mais la conclusion est la suivante, si quelque chose ne va pas, il est préférable de redémarrer l'application plutôt que de chercher la cause. Cette découverte m'a coûté plusieurs minutes.

Lorsque les versions de débogage et de sortie sont lancées sur le téléphone, flutter installe des fichiers apk dessus. Autrement dit, vous pouvez exécuter un exemple une fois, puis, si nécessaire, l'exécuter sur le téléphone sans ouvrir le projet correspondant.

Je n'ai pas pris la peine de la partie interface. Il y avait une idée de donner la possibilité de grouper les boutons et d'ajouter la commutation entre les groupes, mais a décidé que pour la première version une fonctionnalité plus simple était suffisante ... En général, ce qui suit s'est produit.



La libération a été recueillie conformément à la documentation officielle. La seule chose qu'ils pourraient immédiatement avertir est le changement du nom du package com.example. *, Car le Play Store refuse d'accepter les packages portant ces noms.

Serveur Go

À propos de la partie bureau, il n'y a même rien à dire. J'ai connecté un package pour travailler avec le format YAML, un package pour la journalisation, et je n'ai même pas pris la peine d'un serveur web, mais j'ai pris un framework web prêt à l'emploi. Puisque le projet a été créé davantage pour un usage personnel, et avec les interfaces GUI, les choses ne sont pas très bonnes, j'ai décidé de me limiter à définir tous les boutons dans le fichier de configuration. Le seul champ obligatoire pour un bouton est le nom de l'application à lancer. De plus, bien sûr, vous pouvez également définir les paramètres de ligne de commande, l'icône, le titre, etc.

En écrivant cet article, j'ai réalisé que le problème de sécurité n'avait pas été résolu jusqu'au bout, mais au moins il existe une liaison basée sur un mot de passe et / ou un identifiant unique pour l'appareil. Pour le réseau local, à mon avis, c'est suffisant, mais pour gérer le serveur distant en utilisant le hack sous la forme actuelle, je ne le risquerais pas.

Déploiement

Lorsque le développement est terminé et que tout fonctionne comme ceci, l'étape suivante consiste à publier sur le PlayStore.



On craignait que la demande ne soit rejetée, mais cela valait quand même la peine d'être traité. L'étape la plus simple a été de s'inscrire et de payer les frais d'inscription. Tout le reste nécessitait un certain processus de réflexion, mais il n'y avait rien de super compliqué. En règle générale, les instructions et les conseils étaient suffisants. Au début, j'ai fait une version test, un jour plus tard je l'ai traduite publiquement et un jour plus tard elle a été approuvée.

Conclusion

Flutter ne nécessite pas d'étude approfondie pour créer une application simple. La documentation est assez complète et vous pouvez toujours trouver des exemples et des articles prêts à l'emploi sur Internet. Le désir de travailler avec Flutter demeure, si une nouvelle idée surgit, je l'étudierai plus avant.

La création de documentation, la publication d'une version et sa publication sur le Play Store, ainsi que la rédaction de cet article, ont nécessité un temps comparable au développement.

Sources: GitHub