store

Migrer mon site WordPress vers un hébergement Azure

Les 2 derniers mois, mon hébergeur favoris a eux deux grosses pannes qui ont mis hors ligne l’ensemble de mes sites. Ceux ci sont sur un hébergement Mutualisé. Ca peut arriver des pannes, je lui en veux pas mais c’est l’occasion de réfléchir à un hébergement sur un serveur Cloud ! Mon hébergeur possède ce type d’hébergement mais en tant qu’MVP pourquoi pas profiter de mon compte MSDN pour passer sur Azure !

Alors en fait c’est pas compliqué, et croyez moi, JE HAIE LES CHOSES COMPLEXES ! (ou les blog expliquant un truc à n’y rien comprendre pour jouer à celui qui pissera le plus loin) Je vous ai reproduit les captures écrans Step by step. Prévoyez une heure.

Je vous invite à écouter notre Podcast podcast Devapps.be dédié à ça avec Denis Voituron et Richard Clark

 

Création de l’hébergement sur Azure

Alors bien entendu, ouvrez un compte Azure 🙂 et suivez le guide en image !

Ici on parlera de « Web app »

Il va falloir donner un nom à votre hébergement. Pensez à choisir pour démarrer un Plan gratuit, et de choisir la base de donnée la plus petite (50Go). C’est enorme je trouve ! S’il te plait Microsoft propose nous une plus petite à 7~8€ / mois pour 25Go par exemple !

 

Je vous laisse récupérer tous vos fichiers de votre hébergement actuel.

Personnellement au début sur Azure, je souhaite retrouver mes vieilles habitudes ! Et donc je vais , au moins dans un premier temps, préférer utiliser FileZilla.

Il me faut donc créer un compte d’authentification car je vais devoir transférer mes fichiers vers mon hébergement Azure.

 

Voici où retrouver vos identifiants pour se connecter à votre hébergement depuis FileZilla :

La base du site est donc ici /site/wwwroot :

Récupérons notre ancienne base de donnée

Bon voilà, je me connecte à mon Manager OVH et ouvre Phpmyadmin

Je peux ainsi exporter ma base de données :

Maintenant sur mon portail Azure, je vais ajouter l’extension Phpmyadmin :

et voici la suite :

Pour lancer Phpmyadmin, on revient dans la rubriques EXTENSION et il faut cliquer la haut sur PARCOURIR…. mouai, perso j’aurai mis un bon vieux bouton dans le corps du panneau

et Hop on retrouve ses habitudes et on peut importer

Et je me disais aussi… jusqu’ici… pas un pépin ! hahahah petite erreur #1030 inattendue !

En fait il faut changer MyISAM par InnoDB  ! Ouvrez votre fichier .SQL exporté et avec Notepad++ par exemple, ça vous prendra 2s et l’importation passera sans problème. Et votre base de données sera maintenant sur Azure

Enfin il faut modifier le fichier wp-config.php avec les nouvelles connexions à votre Base de Données ! Voici comment les trouver :

1  
e-mail

Microsoft nous met à disposition «UWP Community Toolkit»

Vous avez surement connu le « The Windows Phone Toolkit », vous aimez « Windows App Studio UWP Samples » et bien vous allez adorer ce que Microsoft vient de nous mettre à disposition : Un toolkit pour les applications UWP : UWP Community Toolkit .

UWPcommunityToolkit1

L’idée est nous fournir un max de contrôles, services, (…) sans qu’on se casse la tête à rechercher des samples à droite et à gauche. Disponible en open source sur GitHub, ce toolkit se veut communautaire et évolutif avec nous les développeurs et pourquoi pas selon l’évolution, les intégrer carrément dans les futurs SDK de Windows 10.

Donc en gros : Nous simplifier, accélérer le développement via des outils open-source avec une communauté qui va pouvoir contribuer sur ce projet.

Notons que pas mal de contributeurs sont francophones : Samuel Blanchard, Laurent Bugnion, Rudy Huyn et Thomas Nigro. Avec à la tête chez Microsoft notre David Catuhe national (enfin expatrié à MS Corp 🙂 ) !

200_d

Ce toolkit peut être utilisé dès le SDK Windows 10 Build 10586 ou plus et il vous faudra au moins Visual Studio 2015 update 3. Il est composé de Contrôles, Helpers, Animations et de Services. Vous pouvez l’intégrer dans un projet UWP existant pour des applications à destination des PC windows 10, Xbox, Mobile, IoT et HoloLens.

features

UWP Community Toolkit Sample App

Quand je dis que Microsoft souhaite nous simplifier la vie (enfin celle des développeurs), c’est peut de le dire il a carrément créé une app en piquant l’idée de Windows App Studio UWP Samples » : « UWP Community Toolkit Sample App » disponible à ce lien : http://aka.ms/uwptoolkitapp et donc vous pouvez tester les contrôles, les LiveTiles, modifier les propriétés et enfin copier / coller le code XAML voire C# (pour l’instant) directement dans votre projet !

Les contrôles

Le BurgerMenu sans peine :), le HeaderedTextBlock : Tiens celui là j’aime bien, c’est tout bête mais un label avec un TextBlock entre des stackpanel… qu’est ce que cela m’a toujours gonflé de faire ça. Retrouvez aussi le PullToRefreshListView comme les app Facebook, Instagram, socialWeather (^^) . Le magnifique contrôle SlideableListItem <3… Bref que du bonheur ici

UWP Community Toolkit Sample App

radialgauge

Les Services

Connecter votre app à Facebook sans plus jamais s’embêter ou sur Twitter en 2 lignes de code. Le rêve quoi ! Récupérer des recherches sur internet via les services de Bing…

services

Les animations

Comme vous le voyez ci-dessous : des fondus, redimensionnement, rotations, décalage, flou…

anim

Notifications

Tout ce qui nous faisait chier prenait du temps à coder et bien maintenant c’est du passé : Les LiveTiles, les toast Notifications…

notifications

UWP Community Toolkit est disponible via des packets NuGet c’est donc hyper simple à ajouter à notre projet.

Vous trouverez une documentation à ce lien : http://aka.ms/uwptoolkitdocs

Si vous avez un bug à faire remonter : http://aka.ms/uwptoolkitbug

Et enfin le UserVoice : https://aka.ms/uwpcommunitytoolkituservoice

Bref, un super boulot de ouf ! bravo bravo MS !

 

Blog officiel

Blog officiel

podcast
0  
service

Windows App Studio : Développer une app sans développement

Retrouver l’article complet dans l’excellent magazine Programmez.com n°198 de Juillet-Aout

Windows App Studio est un outil totalement en ligne qui va vous permettre de créer sans une seule ligne de code une application Windows 10. Vous allez être plongé dans un environnement où l’on va avoir absolument rien à installer et aucune notion de développement ne vous sera requise et en étant capable d’aller proposer directement une application Windows 10 dans le store voire même de la déployer sur n’importe quel appareil PC, tablette, Téléphone, Iot, bientôt Xbox et SurfaceHub sans qu’elle passe par le store !

Cependant le développeur n’est pas mis de côté, Windows App Studio (WAS) peut être un bon outil pour démarrer une application rapidement et vous découvrirez plus loin des samples qui satisferont bon nombre de développeurs. Au final, WAS vous permettra de créer 3 choses : un package pour le sideloading (procédé de déploiement sur les postes clients sans passer par le Windows Store), un package pour Visual Studio et un package pour le store

was

Aujourd’hui lorsqu’on génère une application, on pourrait dire que la seule limite c’est l’imagination. Mais attention, ce n’est pas ce que Microsoft a voulu faire avec Windows App Studio. Windows App Studio supporte un nombre limité de scénario comme – par exemple – prendre des informations sur Facebook, YouTube, Instagram, WordPress etc… et Microsoft va aller jusqu’à créer le package et le signer pour vous. Avec Windows App Studio, on est dans un environnement possédant des scénarios limités, connus et maitrisés. Comprenons bien que ce n’est pas un éditeur de code qui pourra faire tout ce que l’on veut. WAS va nous donner votre solution (le code de votre application) et un package prêt à l’emploi ou à la publication.

Pour utiliser WAS, il ne faut pas obligatoirement de compte développeur, il vous suffit d’un compte Microsoft (@outlook.com etc..) et vous pourrez utiliser ça gratuitement. Vous n’êtes pas obligé d’avoir Visual Studio, c’est totalement optionnel. Vous pourrez faire votre application dans le site internet. Cependant si vous souhaitez étendre votre application en dehors des scénarios actuellement disponible, vous pourrez récupérer la solution continuer le développement avec votre outil Visual Studio.

Pour créer votre application, rendez-vous sur le site https://appstudio.windows.com . Une fois connecté vous serez invité à créer votre projet. Vous aurez ensuite un choix de quelques modèles pour démarrer comme « Web App Templates » qui respectera toutes les spécifications du W3C et qui créera un packaging standard d’une application web et d’autres Templates comme « Mon Catalogue d’articles » ou simplement partir du modèle « Vide ». Mais il faut souligner que ces derniers templates sont simplement parti du template vide où des éléments seront déjà pré positionner pour encore accélérer votre création. Juste ensuite vous choisirez le nom de votre application et dès le départ vous apercevrait un émulateur, extrêmement bien fait, d’une tablette, d’un mobile ou d’un ordinateur où vous visualiserez instantanément l’aperçu de votre application. Ce n’est pas juste un rendu mais j’ai bien noté « émulateur » c’est-à-dire que vous pouvez interagir avec les boutons, les slides dans ce dernier.

0

Techniquement ils ont développé un parser XAML / HTML. Cet émulateur est aussi disponible en version plein écran et l’intérêt et que le lien de ce rendu Full Screen peut être partagé avec les autres acteurs liés à cette application avec qui vous travaillez !

L’étape suivante, c’est vraiment le cœur de notre application où vous choisirez différentes sections avec des sources associées. C’est aussi à ce stade que vous définirez le thème général (couleurs, titres…). Lorsque vous ajoutez une section comme Flickr, votre blog WordPress, un compte Twitter et que vous la reliée à votre compte, l’émulateur situé à droite de l’écran s’actualisera directement ; vous aurez donc ainsi instantanément un aperçu de l’application avec vos données !

Windows App Studio Collections

2-collections

Dans le choix des sections, il existe aussi un élément appelé « Collections » où Microsoft va stocker pour vous vos données qu’elles soient statiques, dynamiques ou externes. Vous pourrez effectuer des recherches, des tris ou encore des groupes datés. Jusque-là rien d’extraordinaire vous me direz sauf que une fois que votre application est publiée sur le store par exemple, vous pourrez enrichir vos données sans revenir sur votre application !

En effet il existe une application nommée Windows App Studio Collection avec laquelle vous aurez la liste de vos applications générée via ce site et qui vous permettra à partir de votre mobile ou PC de gérer vos collections en live ! La team Windows App Studio travaille aussi sur une future version qui permettra d’envoyer des notifications à vos application et sans devoir les modifier. Qu’elles soient en sideloading ou publiée dans le store !

2-1

Windows App Studio Collections permet donc d’ajouter du contenu « à distance » sans la republier ! Imaginez le restaurateur qui a son application avec sa Carte et qui peut ainsi modifier son menu ou ajouter des plats !

Vous pouvez aussi choisir et configurer votre tuile dynamique. Il existe maintenant un grand nombre de format de tuiles et si vous choisissez une tuile statique avec votre logo, Windows App Studio va générer pour vous l’ensemble des images de vos tuiles. Et pour les développeurs, vous aurez le code généré XAML de votre tuile ! C’est prêt à l’emploi

Windows App Studio Installer

1-installer

Lorsque votre application est terminée, vous pourrez la partager, via un email, Facebook ou encore via un QR code et autre : Le sideloading a été simplifié à l’extrême. Par exemple, sur PC il faut lancer un script PowerShell avec le certificat etc…  Avec une application spéciale, toutes ces étapes disparaissent ! et ceci grâce à Windows App Studio Installer disponible sur le store.

1-1

Windows App Studio UWP Samples

3-uwp

Il existe aussi un composant Open Source qui se trouve sur GitHub sous le nom de waslib pour Windows App Studio Libraries ( https://github.com/wasteam/waslibs/ ) et qui permet à un développeur de créer de nouvelles sources de données (Data Providers).

D’ailleurs une application d’exemple existe sur le store et se nomme Windows App Studio UWP Samples et vous permettra d’évaluer l’ensemble des contrôles avec le code source correspondant ! Vous pouvez ainsi tester les composants, modifier les dimensions, l’apparence sans toucher à une ligne de code. Puis, si vous le désirez, vous pouvez cliquer sur un bouton [ C# ] pour visualiser  le code C# correspondant à ce rendu ! C’est diabolique n’est-ce pas !

3-1

Windows App Studio évolue tous les mois. On sait par exemple que des scenarios plus orientés Entreprises sont à l’études, des connexions avec des bases Azure aussi… Pour les développeurs, il sera aussi bientôt possible d’ouvrir le projet directement dans Visual Studio Online ; Ça sera un quatrième type de package téléchargeable qui s’appellera « Composant ».  L’équipe WAS fait là un excellent travail et on ne peut que les féliciter. A notez que le responsable de WAS, est français, il est Senior Program Manager à Microsoft Corp. et s’appelle Michel Lopez. Avec Denis Voituron nous l’avons interviewé dans un podcast accessible via l’adresse  http://devapps.be/podcast/windowsappstudio N’hésitez pas à écouter cette émission !

Retrouver l’article complet dans l’excellent magazine Programmez.com :

programmez

suggest
1  

[Tip] Accéder à une Resources.resw depuis le code Behind

Si on définit dans le fichier Resources.resw une localisation directement liée à un contrôle comme par exemple :
resources

Si on souhaite récupérer cette traduction depuis le code et bien ça marche pas :

var resourceLoader= new Resources.ResourceLoader();
string myText = resourceLoader.GetString("txtTitle.Text");
//myText = "" !!!!

MSDN


En effet MSDN dit clairement « The GetString method cannot retrieve resources qualified with a property identifier.  » : https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh965323.aspx

Pourtant il y a une astuce


L’astuce et d’utiliser un slash à la place du point

var resourceLoader= new Resources.ResourceLoader();
string myText = resourceLoader.GetString("txtTitle/text");

Il convient qu’il ne doit pas y avoir d’autre traduction nommé seulement « txtTitle » dans le fichier Resources.resw

0  
e-mail

OnSuspending : Demander au système plus de temps pour sauver ses données

« S’il vous plait m’sieur, j’peux avoir plus de temps pour mémoriser des données avant ? »

Dans l’App.Xaml.cs, vos pouvez « solliciter » le système pour qu’il vous attribue du rab pour finaliser une sauvegarde lorsque votre application passe à l’état de « Onsuspending » :
On lui demande via ExtendedExecutionSession. et ce qui est marrant c’est qu’on doit se justifier 🙂 avec ExtendedExecutionReason.

Entre le deferral qui permet d’indiquer au système que vous utilisez par exemple du code async et que vous avez besoin d’un peu de temps pour finaliser

private void OnSuspending(object sender, SuspendingEventArgs e)
{
    var deferral = e.SuspendingOperation.GetDeferral();
   
    using (var session = new ExtendedExecutionSession{ Reason = ExtendedExecutionReason.SavingData})
    {
        session.Description = "Envoi des data";
       
        if (await session.RequestExtensionAsync () == ExtendedExecutionResult.Denied)
            //le système veut pas, j'ai que 3 secondes
            SauvegardeRapide();
        else
            //le système est ton pot, tu as 8 secondes
           SauvegardeComplete();
    }

    deferral.Complete();
}

Facile non?

podcast
0  
service
suggest