Xamarin notes- en français

1
Hamida REBAÏ TRABELSI
Cet eBook a été préparé avec passion, nous avons beaucoup de
documentation mais je voulais partager ma façon d'apprendre
XAMARIN.
Espérant qu’elle soit la meilleure façon de commencer!
Notes
XAMARIN

2
Chapitre 1: Introduction...............................................................................................................3
Chapitre 2: Configurer l'environnement (Windows et IOS).....................................................5
Contents

3
Chapitre 1: Introduction
J'ai toujours travaillé en tant que ingénieur de développement web ou client lourd en utilisant le
Framework .NET, en langage C#, mais Angular était dominant dans la partie frontale de certains
projets. En Tunisie, on parle toujours de la future du développement d'applications mobiles, mais
je n'étais pas doué pour passer en mobile, ça fait quelques années, mais pour mon projet social, j'ai
essayé de construire un exemple en utilisant le Framework Hybrid avec AngularJS et Ionic,
Cordova ... Mais ce n'était pas aussi facile que je le pensais. Après, quand Microsoft a acheté
Xamarin en février 2016 en suivant une stratégie d'ouverture et que leurs logiciels fonctionneront
partout et pas seulement sous Windows. Suite à l'acquisition de Xamarin par Microsoft, il y a eu
une demande croissante pour des professionnels qui peuvent unir le développement C # avec un
outil de développement mobile multiplateforme capable de partager la couche métier et le code
pour fournir des applications natives, il n'a cessé d'évoluer depuis 2011
Ainsi, Xamarin était une solution pour commencer à développer des applications multiplates-
formes, il vous donne une interface utilisateur fluide avec une sortie native iOS, Android même
UWP.
Avec Xamarin.Forms, l'interface utilisateur est dédiée aux trois plateformes en utilisant un
framework XAML. C'est très intéressant si nous sommes en mesure de publier une application
avec le maximum de partage de code pour 3 plateformes. Ce cours vise à introduire le cadre de
développement multiplate-forme Xamarin dans ma façon d'apprendre.
Ce cours vise à introduire le cadre de développement multiplate-forme Xamarin dans ma façon
d'apprendre.
Si nous commençons à apprendre Xamarin, nous allons trouver deux approches de développement,
la première est d'utiliser Xamarin. Forms où vous allez tout faire dans un projet Portable en utilisant
XAML et C # sinon en utilisant Xamarin. Android ou Xamarin. iOS, dans ce cas, nous allons
utiliser des environnements natifs spécifiques comme StoryBoard pour iOS avec C #.

4
Voici un aperçu de Xamarin:
"Xamarin n'est pas une chose, mais beaucoup."
Ceci est une petite description liée à Xamarin, vous pouvez trouver plus de documents décrivant
l'avantage et les inconvénients.
Xamarin vous permet de créer des applications natives en utilisant C#.
Dans l'autre partie, je vais commencer par définir les exigences matérielles et logicielles, vous
aurez tout ce que vous devez savoir pour commencer à construire une application, même sans
expérience mobile.

5
Chapitre 2: Configurer l'environnement (Windows et IOS)
Il est important de noter que les outils évoluent très rapidement et il se peut que, selon le moment
où vous lisez ce post, il y aura une mise à jour.
Si vous voulez construire une application Android, vous avez besoin de Visual Studio 2017 dans
Windows ou Visual Studio 2017 Mac, mais si vous développez une application iOS, vous pouvez
utiliser Visual Studio 2017 dans Windows mais vous devez compiler avec un MAC ou utiliser
Visual Studio 2017 Mac, c'est imposé par Apple.
1. Configuration requise
a. Windows
- Windows 10.
- Core i7, 16 GB RAM (pour travailler plus confortable et le minimum requis peut être
Core i5, 4 Go de RAM).
- Visual Studio 2017 (Dans ce cas, il n'est pas important que la version soit Enterprise
ou Community).
b. Mac
- Mac OS 11 (jusqu'à l'écriture de ce document, mais nous utilisons toujours la dernière
version).
- Core i7, 16 GB RAM and 256 SSD.
- Visual Studio for Mac.
- XCode 9 (ou la dernière version).
UWP
Ça marche seulement sur Windows 10 et son installation est très simple, résumant la sélection de
l'option "Développement pour la plate-forme universelle" comme une option pour installer
l'environnement de développement UWP et le choix des SDK: IntelliTrace et SDK pour Windows
10.

6
2. Mise en place de l'environnement
Vous trouverez toutes les exigences requises pour Windows ou iOS dans cette documentation:
https://developer.xamarin.com/guides/cross-platform/getting_started/requirements/
Mais pour les deux, nous devons installer la dernière version de Visual Studio, jusqu'à l'écriture
de ce document, nous avons Visual Studio 2017 (pour Windows et pour MAC): (for Windows and
for MAC): https://www.visualstudio.com/
a. Windows
Nous pouvons installer ce que nous voulons, la communauté ou le professionnel ou l'entreprise.
Nous choisissons le développement mobile avec .NET.
b. IOS
L'installation de Visual Studio pour Mac est très similaire à celle de Visual Studio pour
Windows. Vous pouvez choisir les composants et à ce stade, vous pouvez préférer ne pas
installer le SDK d’Android, puisque vous l’avez déjà installé dans Windows. Maintenant, si
vous n'utilisez pas Windows, vous devrez installer le SDK Android et le processus que je vais
décrire ci-dessous peut être appliqué à partir de Mac sans aucun problème. Si vous êtes sur

7
MAC, le site Web détectera cela et affichera la partie téléchargement pour la communauté ou
d'autres:
"L'émulateur et pas un simulateur."
Le simulateur iOS n'est pas un émulateur. Il y a une grande différence. Il y a des choses qui peuvent
ne pas marcher que sur le périphérique physique.
Les simulateurs sont installés avec XCode. Par défaut, lors de l'installation de l'IDE, certains sont
déjà installés, mais si vous voulez en ajouter d'autres, cliquez sur le code, puis allez dans
Préférences, Téléchargements, composants et sélectionnez les simulateurs que vous voulez.
Chaque fois que vous installez / mettez à jour Xcode, exécutez-le. Généralement, une fenêtre
d'acceptation des conditions d'utilisation peut apparaître. Si vous n'acceptez pas les termes, Visual
Studio pour Mac peut ne pas identifier les simulateurs.
Pour plus de détails: https://www.visualstudio.com/pt-br/vs/visual-studio-mac/
3. prérequis pour Android
Android nécessite essentiellement ces composants suivants:
- Java 64-bit SDK (JDK)
- Android SDK
- Android NDK est optional.
Lorsque vous installez Xamarin via Visual Studio, il installe déjà tous ces composants. Cependant,
jusqu'à la dernière version, le programme d'installation télécharge le JDK 32 bits, ce qui est
incompatible.
Un autre point important est qu'il les installe dans C:/Program Files/RepositoryName. Ce n'est pas
sûr, car vous pouvez obtenir une erreur liée à la taille du chemin qui peut dépasser 256 caractères,
et dans ce chemin, vous pouvez avoir un espace et cela peut causer beaucoup de problèmes.

8
Donc, pour éviter tous ces problèmes, vous devez les installer manuellement dans C: / puis ajouter
leurs chemins dans les variables d'environnement Windows.
C:/java
C:/android-sdk
C:/android-ndk
Placer ces composants dans des variables d'environnement garantit que si j'ai besoin d'utiliser une
autre plate-forme de développement qui a également besoin de ces composants, ils seront déjà
prêts à être utilisés.
a. Pour installer le JDK:
Vous le téléchargez depuis ce lien :
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Assurez-vous que c'est la version la plus récente.
Une fois installé, ajoutez les variables système suivantes:
JAVA_HOME avec la valeur C: / java / jdk {version installée}
CLASSPATH avec la valeur.% JAVA_HOME% lib;% JAVA_HOME% jre lib
Modifiez la variable d’environnement en ajoutant la valeur suivante:% JAVA_HOME%bin
Maintenant, ouvrez la ligne de commande et tapez java -version. Si tout se passe bien et que rien
ne va pas, la version java sera affichée.
CLASSPATH with the value. % JAVA_HOME% lib; % JAVA_HOME% jre lib
Modifiez la variable d’environnement en ajoutant la valeur suivante:% JAVA_HOME% bin
Maintenant, ouvrez la ligne de commande et tapez java -version. Si tout se passe bien et que rien
ne va pas, la dernière version java installée sera affichée.
b. Pour installer Android NDK
Téléchargez le zip ici (https://developer.android.com/ndk/downloads/index.html ) et
décompressez-le dans C:/android-ndk. Ajoutez la variable ANDROID_NDK_HOME avec la
valeur C:/ android-ndk. Décompressez le contenu, en vous assurant qu'il n'a pas de dossier dans
l'autre.
c. Android SDK
Sur le site, ce sera installé avec Android Studio mais dans Visual Studio 2017, il sera intégré, donc
pas besoin de l'ajouter. Mais vous pouvez également ajouter Xamarin Android SDK Manager dans
ce lien:
https://marketplace.visualstudio.com/items?itemName=Xamarin.XamarinAndroidSDKManager
4. Créer un projet Xamarin multiplate-forme
Vous pouvez commencer avec une nouvelle application Xamarin.Forms en allant dans Fichier ->
Nouveau -> Visual C # -> Multi-plateforme -> App multi-plateforme. Ce modèle vous permet de
sélectionner le projet de démarrage, les plates-formes que vous prévoyez de cibler et votre
stratégie de partage de code.

9
Avant que nous ayons cet affichage
Les bibliothèques de classes portables vous permettent d'écrire du code et de produire des
bibliothèques qui peuvent être partagées sur plusieurs plates-formes, y compris Xamarin.iOS,
Xamarin.Android et Windows Phone.
(https://developer.xamarin.com/guides/cross-platform/application_fundamentals/pcl/)
Mais maintenant, Portable Class Library est remplacé par .NET Standard:
.NET Standard est une spécification formelle des API .NET destinées à être disponibles sur tous
les environnements d'exécution .NET (tels que .NET Framework, Mono et .NET Core).
(https://docs.microsoft.com/en-us/dotnet/standard/net-standard)

10
https://blog.xamarin.com/building-xamarin-forms-apps-net-standard/
Et vous pouvez inclure des applications mobiles Azure, projet soutenu.
Après avoir créé un nouveau projet, nous aurons cette structure:
L'étape suivante consiste à choisir entre la compilation en utilisant Emulators ou votre appareil,
mais récemment, ils ont annoncé un nouvel outil plus rapide pour Xamarin et Visual Studio pour
Mac pour compiler et rendre votre application Xamarin Live Player installée sur votre appareil
iOS ou Android.
5. Emulateur
Quand j'ai commencé l'atelier, j'ai dû faire face à de nombreux problèmes pour travailler avec les
émulateurs, les émulateurs Windows 10 Mobile utilisent Hyper-v. Et nous avons essayé d'installer
GenyMotion comme un émulateur Android et il utilise Virtual Box. Hyper-v et Virtual Box ne
fonctionnent pas sur la même machine. Il peut même y avoir un moyen de les faire fonctionner
ensemble, GenyMotion vous permet d'obtenir plus d'appareils (pour un usage personnel) mais
comme je l'ai déjà dit, il nécessite une configuration spécifique (voir plus:
https://docs.genymotion.com/pdf/PDF_User_Guide/Genymotion-2.11-User-Guide.pdf), mais la
machine utilisée dans la salle d'entraînement n'a pas cette caractéristique.
Après, pour minimiser l'utilisation de la mémoire de la machine, nous avons utilisé notre mobile
(Samsung, Huawei ...), nous avons installé le pilote USB et nous avons commencé à compiler et
voir le résultat mais c'est toujours un problème pour certains mobiles.
6. Xamarin Live Player
Visual Studio dispose d'un outil Forms Previewer censé afficher la vue à la volée, mais cela ne
fonctionne jamais. Tout le monde se plaint à ce sujet. Donc Visual Studio a publié un autre outil;
Xamarin Live Player.
Il fournit des informations en temps réel aux développeurs tout en s'intégrant dans leur expérience
de développement mobile existante. En couplant votre appareil à l'IDE, nous sommes en mesure
de déployer, tester et déboguer continuellement l'application directement sur l'appareil.

11
Alors, comment pouvons-nous l'utiliser?
C'est simple, nous commençons par sélectionner une nouvelle cible depuis notre appareil.
7. Visual Studio App Center (Avant Xamarin Test Cloud)
Après la création d'une nouvelle application et le développement, les développeurs sont confrontés
à de nombreux défis dans le processus de test, même s'ils doivent procéder par une livraison
intégrée continue, vous avez besoin d'un environnement qui vous permet de tester dans de
nombreux périphériques.
Dans le cycle mobile, une application, commence par une conception et un développement après
que nous ayons passé le test et la surveillance, mais si le test n'était pas tel que nous le souhaitons,
nous revenons à la conception et au développement.
6

12
Microsoft a offert de nombreux services tels que: HockeyApp (https://hockeyapp.net/), Xamarin
Test Cloud (https://www.xamarin.com/test-cloud), Xamarin Insights (https: //insights.xamarin.
com /) (mais il a rejoint HockeyApp après), Azure Mobile Engagement, Azure App Service et
CodePush
Connectez-vous à: https://appcenter.ms / MAIS après que Microsoft a créé le Visual Studio App
Center qui recueille tous en un seul endroit. Ils ont pris toutes ces différentes solutions et ils les
ont réunies en une seule application centrale.
Pour démarrer votre fonctionnalité de build, connectez-vous à un référentiel de code existant dans
le cloud à partir de VSTS ou GitHub ou BitBucket, ainsi que d'un laboratoire de périphériques
avec plus de 300 configurations d'appareils Android et IOS. Sur, il prend en charge une variété de
cadres tels que Appium, Espresso, XCUITest et Xamarin.UITest.
Une fois que vous avez terminé le processus de création de la tâche, vous pouvez créer des groupes,
à la fois pour les groupes de test internes de votre entreprise ou pour les bêta-testeurs, et leur
envoyer directement votre application. Mises à jour de l'application Vous avez également la
capacité. Une fois que vous êtes prêt à publier votre application sur Google Play ou iTunes,
connectez-vous au centre d'applications.
Une fois que l'application est publiée et utilisée, les développeurs veulent savoir ce qui se passe et
être facile à maintenir en cas de panne, vous pouvez obtenir en temps réel des traces de pile dans
les rapports de plantage des champs de votre application.
En plus d'un crash, nous avons besoin de quelques analyses pour comprendre davantage nos
clients, donc depuis le centre d'application, nous pouvons enregistrer des événements
personnalisés. Enfin, c'est une source unique pour les notifications push.

Xamarin notes- en français

Contenu connexe

Similaire à Xamarin notes- en français

Plus de Hamida Rebai Trabelsi

Xamarin notes- en français