docker で local環境の簡単な作り方

nginx,php-fpm,mysqlのimageをつくる

コンテナ立ち上げ時にlocalのソースファイルから/home/gitへシンボリックリンクをはる

 

docker run -i -t -d -v /git:/home/git --name コンテナ名 -p 8080:80 --privileged image名 /sbin/init

preference > file sharing でリンクを貼りたいディレクトリを追加

 

コンテナ内のnginxのrootだけソースのpathにする

api-mock 初期インストール

524 gulp
525 npm install gulp
526 gulp
527 npm install api-mock
528 gulp
529 npm install gulp-aglio
530* gulp;2A
531 npm install browser-sync
532 gulp
533 npm install gulp-watch
534 gulp
535 npm install run-sequence
536 gulp
537 gulp gulp-plumber
538 npm install gulp-plumber

jsonp callback 呼び出し

<?php
if( !empty( $_GET['callback'] ) ){
$callback = $_GET['callback'];
}else{
$callback = 'callback';
}

echo $callback.'([
{"author": "Pete Hunt", "text": "This is one comment"},
{"author": "Jordan Walke", "text": "This is *another* comment"}
])';

 

 

jsonはクロスサイトスクリプティング対策としてブラウザからは呼び出せない

呼び出すためにはドメイン許可が必要 

jsonpはcall_backで呼び出す

vagrant nginx mysql php

今後ローカルでサクッと環境つくるのはvagrantが楽そうだから一回設定ファイル作って使いまわしたい。

 

provision.sh でnginx install

ローカル環境でVagrant+nginxで気軽にリバースプロキシする - まーぽんって誰がつけたの？

 

Vagrant で CentOS7 + PHP + MySQL の仮想環境を構築する: ある SE のつぶやき

laravel react 初期設定

Package Management | React 

フロントエンド片手間ンによる Laravel Elixir 入門 - Qiita

yum install nodejs npm
npm -v
npm install -g gulp
gulp -v

npm install -g bower
bower -v
yum  --enablerepo=epel install php-devel yum  --enablerepo=epel install php-devel 

package.jsona

{
  "private": true,
  "devDependencies": {
    "gulp": "^3.8.8"
  },
  "dependencies": {
    "laravel-elixir": "^3.0.0"
  }
}
npm install

npm install --save react react-dom babelify babel-preset-react

Package Management | React

gulpfile.js

var elixir = require('laravel-elixir');

elixir(function(mix) {
    mix.sass('app.scss')
        .browserify('app.js')
        .copy(
        'node_modules/font-awesome/fonts',
        'public/build/fonts'
        ).version(['css/app.css', 'js/app.js']);
        .browserSync({proxy: 'works.dev'});
});

Laravel5 ベースのプロジェクトに React が爆速で導入できた話 - 無駄と文化

 

hello world

resources/assets/js/app.js

var React = require('react');
var ReactDOM = require('react-dom');

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

public/react-example/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>Hello React!</title>
</head>
<body>
  <div id="example"></div>
  <script src="/js/app.js"></script>
</body>
</html>

gulp watch

http://localhost:8000/react-example/

 

 Error in plugin 'gulp-notify'  

npm install --save-dev gulp-notify

yum install libnotify

で解決

 

react-laravel  composer 

composerが存在するパッケージを見つけられない - Qiita

{
    "minimum-stability": "dev",
    "require": {
        "example/package1": "dev-master",
    }
}
yum install v8

yum --enablerepo=remi,remi-php70 install php-devel