Share
Ce tutoriel vous apprendra comment développer une application simple pour iPad avec Flash CS 5.5. Dans cette série en deux parties, nous allons construire un simple jeu du pendu. Après avoir terminé cette série, vous devriez être assez à l'aise pour commencer à développer vos propres applications iOS avec Flash..
Avant de commencer à créer notre application, prenons un peu de recul et obtenons la configuration de l'environnement de développement. Si vous êtes un nouveau développeur Flash dans le développement iOS, vous ne savez probablement pas comment tester les applications Flash sur un périphérique iOS. Malheureusement, ce n'est pas aussi simple que de simplement cliquer sur "Exécuter". Vous devez d’abord créer ce qu’on appelle une demande de signature de certificat ou de signature de certificat. Vous devrez télécharger cette CSR sur le portail d'approvisionnement Apple, ce qui signifie que vous devrez également créer un compte de développeur iOS sur le site de développement iOS officiel. Nous ne couvrirons pas ici toutes les étapes de la création d'un compte avec le programme de développement iOS, mais les instructions sur le site Apple sont faciles à suivre. Si vous n'êtes pas déjà membre du programme de développement iOS, inscrivez-vous maintenant..
Une fois inscrit auprès d'Apple en tant que développeur iOS, vous êtes prêt à continuer à configurer une CSR. Dans votre dossier d'applications sur un Mac, vous trouverez un dossier appelé utilitaires, et dans ce dossier, vous trouverez une application appelée "Keychain Access". Ouvrez Keychain Access pour commencer avec le processus de génération de certificat.
REMARQUE: Malheureusement, vous devrez exécuter la dernière version de OS X pour réussir à créer, tester et déployer des applications iOS, même si vous les construisez avec Flash.!
Une fois le programme Keychain Access ouvert, choisissez les options de menu suivantes: Accès KeyChain> Assistant de certification> Demander un certificat à une autorité de certification.
Vous devrez entrer l'adresse e-mail que vous avez utilisée pour vous inscrire auprès d'Apple, puis saisir le même nom. Une fois que vous avez rempli ces informations, assurez-vous que "Saved to Disk" est sélectionné et cliquez sur Continuer. Vous devrez choisir où enregistrer la demande. J'ai choisi de l'enregistrer sur le bureau.
Nous pouvons maintenant le télécharger sur le portail d'approvisionnement. Connectez-vous au centre des développeurs à l'adresse developer.apple.com. Sur la gauche de la page, vous devriez voir un lien vers le portail de provisioning, allez-y et cliquez sur ce lien..
Dans le portail de provisioning, cliquez sur "Certificats" puis sur le bouton "Demander un certificat"..
Au bas de la page, naviguez jusqu’à l’endroit où vous avez sauvegardé la CSR de l’étape précédente, puis cliquez sur «Soumettre»..
Vous serez ramené à la page précédente. Il indiquera "En attente d'émission" sous "Statut". Attendez quelques secondes, actualisez la page et votre certificat devrait pouvoir être téléchargé. Ne le téléchargez pas pour l'instant, nous avons encore quelques étapes à franchir..
Branchez votre appareil et ouvrez iTunes. Assurez-vous que votre appareil est sélectionné et vous verrez des informations à ce sujet. Cliquez sur le numéro de série et votre identifiant d'appareil changera..
Allez dans Edition> Copier. Cela va copier le UDID de l'appareil dans votre presse-papiers.
De retour dans le portail de provisioning, cliquez sur l'élément de menu "Périphériques" puis choisissez "Ajouter des périphériques".
Entrez un nom pour votre périphérique et l'ID de périphérique que vous avez copié à l'étape ci-dessus, puis cliquez sur Soumettre. Votre appareil est maintenant prêt.
Toujours dans le portail Provision, cliquez sur l'option de menu "ID de l'application", puis choisissez "Nouvel ID d'application"..
Entrez un nom avec lequel vous voulez référencer cette application. J'ai choisi "MobileTuts Hangman". Ensuite, choisissez un identifiant de départ de paquet, en choisissant "Utiliser l’ID d’équipe" est le plus courant..
Enfin, choisissez votre identifiant de paquet, j'ai choisi "com.mobiletuts.hangman".
Lorsque vous avez fini d'entrer les informations, cliquez sur "Soumettre".
Si tout se passe bien, vous devriez voir votre application activée.
Choisissez l'élément de menu "Provisionnement", puis, en vous assurant que vous êtes sous "Développement", choisissez "Nouveau profil"..
Sur l'écran suivant, en vous assurant que vous êtes sous "Développement", entrez un "Nom de profil" (j'ai choisi "MobileTutsHangman"), cochez votre certificat, choisissez l'ID d'application que vous avez créé à l'étape ci-dessus, choisissez le périphérique auquel vous allez accéder. test sur, puis cliquez sur soumettre.
Vous serez ramené à la page précédente. Le statut indiquera En attente, attendez quelques secondes, actualisez la page et votre profil devrait être prêt pour le téléchargement. Allez-y et téléchargez-le maintenant.
Retournez ensuite au lien "Certificats" et vous devriez voir "MobileTutsHangman" répertorié sous les "Profils de provisioning" de votre certificat..
Allez-y et téléchargez votre certificat maintenant et, tout en restant là, téléchargez également le "certificat intermédiaire WWDR".
Si vous n'avez pas d'accès au trousseau ouvert, faites-le maintenant. Ensuite, double-cliquez sur le certificat que vous avez téléchargé ci-dessus, ajoutez-le à l'accès au trousseau, puis double-cliquez sur le "certificat intermédiaire WWDR"..
Dans l’accès au trousseau, choisissez les certificats puis "tournez" le certificat que vous venez d’ajouter, faites un clic droit sur votre clé privée et choisissez "Exporter"..
J'ai sauvegardé le mien dans un dossier nommé "MOBILETUTS HANGMAN". Assurez-vous que le type est défini sur "Échange d'informations personnelles (.p12)" et cliquez sur "Enregistrer"..
Vous serez invité à entrer un mot de passe pour votre fichier .P12. Assurez-vous de ne pas oublier ce mot de passe. Nous en aurons besoin lorsque nous importerons le fichier .P12 pour qu'il clignote. Vous devrez également entrer le mot de passe de votre machine après l'avoir entré..
Maintenant que nous avons tout configuré, nous sommes prêts à commencer notre projet Flash..
Allez dans Fichier> Nouveau et choisissez "Air pour iOS".
Assurez-vous que les propriétés suivantes sont définies, puis appuyez sur "OK".
Enregistrez ce document en tant que Hangman.fla.
Allez dans fichier> nouveau et choisissez "Fichier Actionscript".
Enregistrez-le sous "Main.as", puis entrez le code suivant:
Accentsconagua
package import flash.display.MovieClip; classe publique Main étend MovieClip fonction publique Main () trace ("Working"); Définissez votre classe de document sur "Principal" et testez le film. Vous devriez voir votre film s'ouvrir dans l'ADL et voir "Travailler" dans la fenêtre de sortie.
Choisissez l'outil "Texte" et assurez-vous que les propriétés suivantes sont définies dans le panneau "Caractère".
Maintenant, faites glisser un champ de texte sur la scène et entrez le texte suivant: "MOBILETUTS + HANGMAN".
Ensuite, choisissez le panneau "FILTRES" et cliquez sur le nouveau bouton de filtre et choisissez "DROP SHADOW".
Définissez les propriétés suivantes dans l'ombre portée.
Enfin, définissez les propriétés suivantes sur le TextField:
Enfin, assurez-vous que le champ de texte est défini sur "Texte classique" et "Texte statique".
Cliquez sur la scène principale. Sous "PUBLISH", sélectionnez l'option Air For iOS.
Sous l'onglet "Général", renseignez le "Fichier de sortie", le "Nom de l'application" et la "Version". J'ai choisi "MobileTutsHangman.ipa", "MobileTuts Hangman" et "1.0" pour la version. Ensuite, sélectionnez "Portrait" pour le rapport hauteur / largeur, cochez la case Plein écran, choisissez "Auto" pour le rendu, "iPad" pour le périphérique et "Standard" pour la résolution..
Basculez sur l'onglet "Déploiement". Recherchez le fichier .P12 créé aux étapes ci-dessus, entrez le mot de passe que vous avez défini, puis cochez la case "Mémoriser le mot de passe pour cette session". Ensuite, recherchez le profil d'approvisionnement que vous avez téléchargé et ajoutez-le..
Cochez "Publication rapide pour tester les appareils" et cliquez enfin sur "Publier". La création de votre application peut prendre quelques minutes..
Pour pouvoir tester sur le périphérique, vous devez d'abord y placer le profil d'approvisionnement..
Accédez au dossier dans lequel vous avez enregistré le profil d'approvisionnement et faites-le glisser dans la "Bibliothèque" d'iTunes. Ensuite, sélectionnez votre appareil sous "Appareils" et cliquez sur Synchroniser.
Si vous allez dans "Paramètres" sur votre iPad et sélectionnez "Général", vous devriez voir un menu "Profils". Cliquez dessus et vous devriez voir que votre profil a été installé.
Maintenant que nous avons compilé l'application et installé le profil d'approvisionnement, nous pouvons le télécharger sur l'iPad et le tester pour nous assurer que tout s'est déroulé comme prévu jusqu'à présent..
Faites glisser le fichier .ipa créé lors de la publication de l'application dans la section "BIBLIOTHÈQUE" de votre iPad dans iTunes, puis choisissez "Synchroniser"..
Si tout se passe bien, vous devriez pouvoir lancer l'application et voir le texte que nous avons ajouté à l'application..
Nous avons maintenant l'application sur notre iPad, mais elle est vide quand elle démarre. Dans cette étape, nous allons créer le graphique par défaut qui sera affiché pendant le chargement de l'application..
J'ai inclus un fichier appelé Default-Portrait.png dans les fichiers d'exercice. Vous devrez vous assurer qu'il se trouve dans le même dossier que votre .fla et non dans aucun sous-répertoire, sinon cela ne fonctionnera pas. Cette image doit être 768 * 1004 selon les instructions sur le site d'adobe.
De retour dans Flash, accédez au paramètre "Air pour iOS" comme vous l'avez fait dans les étapes ci-dessus..
Dans l'onglet "Général", assurez-vous que tous les paramètres sont identiques et cliquez sur le bouton "Ajouter" (+), accédez à "Default-Portrait.png", puis ajoutez-le aux "Fichiers inclus"..
Les icônes sont utilisées pour l'iPad lui-même ainsi que pour l'App Store. Allez dans les paramètres "Air For iOS" et cliquez sur l'onglet "Icônes". Vous devez fournir les icônes dans les tailles indiquées dans ce panneau. J'ai inclus les icônes dans le dossier "icon" des fichiers à télécharger. Ils sont nommés icon (size) .png, où size est la taille du graphique. Parcourez les tailles d'icônes et naviguez jusqu'aux icônes respectives.
Assurez-vous que tous les paramètres sont identiques dans les onglets "Général" et "Déploiement" et cliquez sur "Publier". Ajoutez ensuite le fichier .ipa à iTunes, assurez-vous de
supprimez d'abord la version précédente de votre iPad, puis resynchronisez le fichier ipa avec l'iPad.
Vous devriez maintenant voir que l'application est associée à une image et que "l'écran de démarrage" s'affiche lorsque vous démarrez l'application pour la première fois..
Avec tous les trucs "difficiles" de la route, nous pouvons commencer à programmer notre jeu du pendu. Cherchez la prochaine partie de ce tutoriel pour le faire. Et merci d'avoir lu!
