Archives de
Author: Dayo

React Native init

React Native init

Petit guide de démarrage ultra rapide React Native et React Navigation. Un premier passage sur https://facebook.github.io/react-native/docs/getting-started afin d’installer les outils necessaire (xcode, nodejs, python, java, android studio). Puis ensuite voici les commandes pour un nouveau projet : Si vous êtes sous Mac avec xcode vous pouvez lancer l’émulateur iOS avec: Pour Android il faut utiliser : Afin de s’y retrouver dans le code j’utilise l’arborescence suivante: La suite bientôt.

Un plugin Gutenberg pour ajouter une carte Google statique

Un plugin Gutenberg pour ajouter une carte Google statique

Gutenberg est le nouvel éditeur de WordPress, il est dans le même type que celui de Medium. Tout est bloc, texte, image, galerie, titre, liste. J’ai voulu voir comment rajouter un nouveau bloc. Il est basé sur React, c’est donc du JavaScript. La première partie du plugin est un fichier PHP afin de charger notre fichier JavaScript: function dayo_gutenberg_map_enqueue_block_editor_assets() { wp_enqueue_script( ‘dayo_gutenberg_map’, plugins_url( ‘block.js’, __FILE__ ), array( ‘wp-blocks’, ‘wp-element’ ) ); } add_action( ‘enqueue_block_editor_assets’, ‘dayo_gutenberg_map_enqueue_block_editor_assets’ ); La partie JavaScript fessant…

Lire la suite Lire la suite

Ajouter une option dans WordPress puis la récupérer avec l’API REST

Ajouter une option dans WordPress puis la récupérer avec l’API REST

Dans cette article nous verrons comment ajouter une option dans les réglages de WordPress, puis comment la récupérer avec une route REST personnalisé. La première étape est donc d’ajouter une nouvelle option dans l’onglet Général: add_action( ‘admin_init’, function () { add_settings_field( ‘dayo_map_key’, ‘Google Map Static API Key’, function () { echo ‘<input name= »dayo_map_key » id= »dayo_map_key » type= »text » value= »‘ . get_option( ‘dayo_map_key’ ) . ‘ » class= »code » />’; }, ‘general’ ); register_setting( ‘general’, ‘dayo_map_key’ ); } ); Ce qui donnera : L’étape suivante est…

Lire la suite Lire la suite

Docker et PHP

Docker et PHP

Après un petit bout de temps à maintenir et mettre a jours php, apache et mysql sur mon par diverse moyen j’ai décidé de passer a docker. Il m’a fallut plusieurs essaie et tâtonnement pour arriver à une configuration qui me convient pour un environnement de développement. C’est disponible sur ce dépôt github. Il y a deux conteneurs. Le premier et le conteneur mysql de base avec un seul utilisateur root et comme mot de passe root. Le second est…

Lire la suite Lire la suite

API Platform + FOSUserBundle + LexikJWTAuthenticationBundle

API Platform + FOSUserBundle + LexikJWTAuthenticationBundle

Symfony: 3.2.2 API Platform: 2.0.3 FOSUserBundle: 2.0.0-beta2 LexikJWTAuthenticationBundle: 2.1.1 En premier lieu nous allons cloner le dépôt API Plaftorm: composer create-project api-platform/api-platform bookshop-api Une fois fait, nous installons FOSUserBundle et LexikJWTAuthenticationBundle via composer: composer require friendsofsymfony/user-bundle:2.0.0-beta-2 composer require lexik/jwt-authentication-bundle Puis nous activons les bundles fraichement installé dans AppKernel.php: public function registerBundles() { return array( // … new FOS\UserBundle\FOSUserBundle(), new Lexik\Bundle\JWTAuthenticationBundle\LexikJWTAuthenticationBundle(), ); } Nous créons notre entité User.php: <?php namespace AppBundle\Entity; use ApiPlatform\Core\Annotation\ApiResource; use Doctrine\ORM\Mapping as ORM; use FOS\UserBundle\Model\User as BaseUser;…

Lire la suite Lire la suite

Vue.js partie 2

Vue.js partie 2

Allons un peu plus loin en ajoutant un formulaire et une collection de livre. Commençons par Vue.js. Pour ajouter un livre à une collection, il nous faut donc une collection de livre, un tableau feras l’affaire: data: { livre: {nom:  », commentaire:  », lu:  »}, livres: [] } Afin de commencer avec de livre, nous utilisons la fonction suivante qui est appelé lors de l’instanciation de Vue.js: ready: function() { var livres = [ { nom: ‘Fondation’, commentaire: ‘Un bon…

Lire la suite Lire la suite

Vue.js – partie 1

Vue.js – partie 1

Pour commencer à découvrir Vue.js, voyons avec un exemple simple comment fonctionne le Two–way Binding. Le code suivant permet de bien comprendre le Two-way Binding en action: <!DOCTYPE html> <html lang= »en »> <head> <meta charset= »UTF-8″> <title>Vue.js Lumen</title> </head> <body> <div id= »livres »> <h1>Ajouter un livre</h1> <input v-model= »livre.nom »><br /> <textarea v-model= »livre.commentaire »></textarea><br /> <input v-model= »livre.lu »><br /><br /> <h2>{{ livre.nom }}</h2> <p>{{ livre.commentaire }}</p> <p>{{ livre.lu }}</p> </div> <script src= »http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.17/vue.js »></script> <script> new Vue({ // Sélecteur pour notre application Vue.js el: ‘#livres’, // Nos données serons stocké…

Lire la suite Lire la suite

Yosemite PHP APCu xDebug intl

Yosemite PHP APCu xDebug intl

Afin d’utiliser symfony2 avec la version de PHP fournit pas Yosemite, il faut rajouter quelques extensions. Pour commencer il faut installer Xcode depuis l’App Store et ne pas oublié de l’exécuter afin d’accepter la licence d’utilisation. Commençons par intl. En premier il nous faut les sources d’ici disponible a cette url : http://sourceforge.net/projects/icu/files/ICU4C/54.1/icu4c-54_1-src.tgz/download Une fois fait, il faut les extraire, ouvrir un Terminal dans le dossier icu/source puis lancer les commandes suivantes : ./runConfigureICU MacOSXmake sudo make install sudo pecl…

Lire la suite Lire la suite

Vagrant et Symfony2

Vagrant et Symfony2

Suite au formatage de mon Windows et au futur formatage de mon Mac, je me suis dit qu’il serait vraiment temps de regarder du côté de Vagrant pour ne pas avoir à reconfigurer à chaque fois un nouvel environnement de travail. Vagrant est un outil permettant de gérer facilement des machines virtuelles. Pour l’installation rien de plus simple, il faut installer VirtualBox puis Vagrant. Afin d’avoir automatiquement la bonne version des VirtuablBox Guest, installe le plugin vagrant-vbguest en ligne de…

Lire la suite Lire la suite

Rails 4 et MongoDB part 4 : Heroku

Rails 4 et MongoDB part 4 : Heroku

Heroku est un service paas pour héberger des applications facilement. Afin de s’en servir facilement il faut suivre quelques conseils. Premièrement, modifiez votre fichier mongoid.yml pour y ajouter : production: sessions: default: uri: <%= ENV[‘MONGOHQ_URL’] %> options: skip_version_check: true safe: true Une fois fait, ajoutez la gem rails_12factor à votre projet. Créez-vous ensuite un compte sur Heroku, puis installez la Heroku Toolbelt. Allez alors dans le dossier de votre application et lancez les commandes suivantes : heroku login heroku create…

Lire la suite Lire la suite