Ruby On Rails et AngularJS

BLOG

Comment implémenter AngularJS dans une application ruby on rails !

On créé l'application:

rails new demo-rails-angular -d mysql && cd demo-rails-angular

Installation des gems pour l'identification:

gem 'devise'
gem 'omniauth'
gem 'omniauth-facebook'
gem 'omniauth-twitter'
gem 'uuidtools'

bundle install

On installe devise

rails g devise:install
rails g devise user
rails g model authorization provider:string uid:string user_id:integer token:string secret:string name:string url:string
rake db:migrate

On commence par les routes:

namespace :api, defaults: {format: :json} do

    resources :task_lists, only: [:index] do

      resources :tasks, only: [:index, :create, :update, :destroy]

    end

end

On met en place le controller:

rails g controller task

On met en place le model

rails g model rails g model task description:text priority:integer complete:boolean
rake db:migrate

VOUS AVEZ UN PROJET ?

Nous sommes à votre écoute pour le mettre en place (...)

Comment résoudre : Head dechated from

Comment résoudre : Head dechated from

Si vous avez l'erreur: HEAD detached from, voici comment faire 🙂

 

Voici les étapes à faire

STEP 1

git stash # Vos changement locaux sur cette branche

STEP 2

git pull origin branchname -v # Pour envoyer et merger les changements locaux, et mettre une messaage. Tout en fixant les erreurs qu'il pourrait y avoir

STEP 3

git stash pop

STEP 4

git push origin branchname -v # Merger les changements

 

Remplacer brachname par le nom de la branche que vous voulez remettre à jour.

 

VOUS AVEZ UN PROJET ?

Nous sommes à votre écoute pour le mettre en place (...)

Vos premiers pas avec ReactJS !

BLOG

Pour utiliser le logiciel ReactJS, le plus simple est déjà d'installer NodeJS.
Sinon vous avez aussi la méthode suivante: https://facebook.github.io/react/downloads.html

Installation de NodeJS

wget https://nodejs.org/dist/v4.2.1/node-v4.2.1.tar.gz
./configure && make && make install
nodejs -v
v0.10.25

Installation de ReactJS

npm install --save react react-dom

Le fameux Hello World!

On commence le projet

mkdir helloworld<
touch helloworld.html
touch helloworld.js

Partie html (helloworld.html):

   
       
       Hello World with ReactJS !
        
        
    
   
 

           

La partie JS (helloworld.js):

ReactDOM.render(
  React.createElement('h1', null, 'Hello, world!'),
  document.getElementById('example')
);

Sources

Site officiel de ReactJS: https://facebook.github.io/react/

Lien Starter Kit: https://facebook.github.io/react/downloads/react-0.14.1.zip

Site nodeJS: https://nodejs.org

A vous de jouer !!!

VOUS AVEZ UN PROJET ?

Nous sommes à votre écoute pour le mettre en place (...)

Installation de cordova

BLOG

Mise en place de l'environnement de développement Cordova

Introduction

Nous allons voir comment mettre en place un environnement de développement, afin de créer des applications Cordova.

Installation de nodejs

Dans un premier temps, il faut installer nodejs

wget https://nodejs.org/dist/v5.6.0/node-v5.6.0-linux-x64.tar.xz

Dans le fichier .bashrc

vim ~/.bashrc
export PATH="$HOME/node-v5.5.0-linux-x64/bin:$PATH"

Vérifions que l'installation est bien faite:

$npm -v
3.3.12
$node -v
v5.5.0

Installation de Java (jdk)

On télécharge les binaires depuis le site officiel

wget http://download.oracle.com/otn-pub/java/jdk/8u73-b02/jdk-8u73-linux-x64.tar.gz

Il faut ensuite ajouter le jdk à notre path

$ vim ~/.bashrc
export PATH="$HOME/jdk1.8.0_73/bin:$HOME/node-v5.5.0-linux-x64/bin:$PATH"

Vérifions que l'installation est bien faite:

$ java -version
$ javac -version

SDK Android

On télécharge les binaires depuis le site officiel

wget https://dl.google.com/dl/android/studio/ide-zips/1.5.1.0/android-studio-ide-141.2456560-linux.zip

Il faut ensuite ajouter le SDK android à notre path

$ vim ~/.bashrc
export PATH="/platform-tools:/tools:$HOME/jdk1.8.0_73/bin:$HOME/node-v5.5.0-linux-x64/bin:$PATH"

Installation de ANT

On télécharge les binaires depuis le site officiel

wget http://apache.websitebeheerjd.nl//ant/binaries/apache-ant-1.9.6-bin.tar.gz

Il faut ensuite ajouter ANT à notre path

$ vim ~/.bashrc
export PATH="$HOME/apache-ant-1.9.6/bin:/platform-tools:/tools:$HOME/jdk1.8.0_73/bin:$HOME/node-v5.5.0-linux-x64/bin:$PATH"

Installation de cordova

Cordova s'installe via un module nodejs.

npm install cordova

Sa première application

Les commandes en vrac

cordova create HelloWorld
cordova platforms add android
cordova build
cordova run android ou cordova emulate android

Sources

Site officiel: https://cordova.apache.org/

Site officiel: http://oracle.fr

Site officiel: http://developer.android.com

Téléchargement java: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Téléchargement SDK: http://developer.android.com/sdk/index.html#Other

Téléchargement ANT: http://ant.apache.org/bindownload.cgi

VOUS AVEZ UN PROJET ?

Nous sommes à votre écoute pour le mettre en place (...)