LaravelでtinyMCE & filemanagerの使い方

tinyMCEだと、textareaで文字の装飾はもちろん画像の挿入ができる

### viewの作成
views/includes/tinyeditor.blade.php

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>tinymce.init({selector:'textarea'});</script>

posts/create.blade.php

@extends('layouts.admin')

@section('content')

    @include('includes.tinyeditor')
...

### filemanager install
https://unisharp.github.io/laravel-filemanager/installation

$ php composer.phar require unisharp/laravel-filemanager
$ php composer.phar require intervention/image

Unisharp\Laravelfilemanager\LaravelFilemanagerServiceProvider::class,
        Intervention\Image\ImageServiceProvider::class,

'Image' => Intervention\Image\Facades\Image::class,

$ php artisan vendor:publish –tag=lfm_config
$ php artisan vendor:publish –tag=lfm_public

### tinyeditor.blade.php

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
  var editor_config = {
    path_absolute : "/",
    selector: "textarea",
    plugins: [
      "advlist autolink lists link image charmap print preview hr anchor pagebreak",
      "searchreplace wordcount visualblocks visualchars code fullscreen",
      "insertdatetime media nonbreaking save table contextmenu directionality",
      "emoticons template paste textcolor colorpicker textpattern"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
    relative_urls: false,
    file_browser_callback : function(field_name, url, type, win) {
      var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
      var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;

      var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
      if (type == 'image') {
        cmsURL = cmsURL + "&type=Images";
      } else {
        cmsURL = cmsURL + "&type=Files";
      }

      tinyMCE.activeEditor.windowManager.open({
        file : cmsURL,
        title : 'Filemanager',
        width : x * 0.8,
        height : y * 0.8,
        resizable : "yes",
        close_previous : "no"
      });
    }
  };

  tinymce.init(editor_config);
</script>

### config
lfm.php

'base_directory' => 'public',
'images_folder_name' => 'images',

### view
post.blade.php

<p>{!! $post->body !!}</p>

{{$post->body}}だと画像が表示されないので注意が必要
殆ど公式に書いてあるので、公式との闘いになりそう

Gravatarとは?

https://ja.gravatar.com/support/what-is-gravatar/

Model User.php

public function getGravatarAttribute(){
        $hash = md5(strtolower(trim($this->attribute['email'])));
        return "http://www.gravatar.com/avatar/$hash";
    }

Viewのimg srcでAuth::user()->gravatar()と書くと、gravatarに登録した画像が表示される

公式ドキュメント
https://ja.gravatar.com/site/implement/images/
https://www.gravatar.com/avatar/${hashedUrl}

あんまり使ってるの見たことないけど、アバターのマイナンバーみたいな発想は面白い

LaravelでのSessionの使い方

## sessionの表示
Requestメソッドを使う

public function index(Request $request)
    {
        return $request->session()->all();
    }

## Set session
$request->session()->put([‘$key’=>’$value’]);とします

public function index(Request $request)
    {
        $request->session()->put(['peter'=>'artist']);
        return view('home');
    }

## Global function of session
globaの場合は、putを書く必要がない

public function index(Request $request)
    {
        session(['peter'=>'hoge']);
        
        return $request->session()->all();
        // return view('home');
    }

## sessionの読み込み

public function index(Request $request)
    {
        return $request->session()->get('peter');
        // return view('home');
    }

globalの場合

return session('peter');

## session削除

public function index(Request $request)
    {
        $request->session()->forget('peter');
        return $request->session()->all();
    }

## sessionデータを全て削除

$request->session()->flush();

## flush

$request->session()->flush('message', 'Post has been created');
return $request->session()->get('message');

sessionが使えるということは、cookieも使えるのでしょうか?
sessionやcookieを扱えると、アプリケーションの幅が広がりますね。

LaravelのMiddleware Security/Protection

Middlewareを学びます。Middlewareというと何を思い浮かべるでしょうか?
ミドルウェアはその名の通り、OSとアプリケーションの中間にあるソフトウェアという意味です。
フレームワークLaravelでのMiddlewareとはどういう意味でしょうか?そもそもLaravel自体はOSではなく、アプリケーションのソフトウェアです。そのフレームワークにミドルウェアという機能があるのは何か虎に睨まれたようです。では具体的に見ていきましょう。

まず、新規にプロジェクトを立ち上げます
$ php artisan make:auth
$ php artisan migrate

./app/Http/kernel.php

protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'can' => \Illuminate\Foundation\Http\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
    ];

./app/Http/Middleware
Authenticate.php
EncryptCookies.php
RedirectIfAutenticated.php
VerifyCsrfToken.php

Authenticate.php

public function handle($request, Closure $next, $guard = null)
    {
        if (Auth::guard($guard)->guest()) {
            if ($request->ajax() || $request->wantsJson()) {
                return response('Unauthorized.', 401);
            } else {
                return redirect()->guest('login');
            }
        }

        return $next($request);
    }

$ php artisan make:middleware RoleMiddleware
Middleware created successfully.

$ php artisan down

Kernel.php

protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'can' => \Illuminate\Foundation\Http\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'role'=>\App\Http\Middleware\RoleMiddleware::class,
    ];

Route

Route::get('/admin/user/roles', ['middleware'=>'role', function(){

	return "Middleware role";
}]);

app/Http/Middleware/RoleMiddleware.php

public function handle($request, Closure $next)
    {
        return redirect('/');

        return $next($request);
    }

/admin/user/roles にアクセスするとリダイレクトされます。

Laravel ファイルアップロード時のコントローラーの書き方

普通にHTMLで書いた場合

<form action="/uploadfile" method="post" enctype="multipart/form-data">
	@csrf
	<div class="form-group">
		<input type="file" class="form-control-file" name="fileToUpload" id="exampleInputFile">
	</div>
	<button type="submit" class="btn btn-primary">Submit</button>
</form>

collectiveのForm::openのthird parameterに’files’=>trueを追加する
Form:file(‘file’)とする

{!! Form::open(['method'=>'POST', 'action'=>'PostsController@store', 'files'=>true]) !!}
		{{ csrf_field()}}

		<div class="form-group">
			{!! Form::file('file', ['class'=>'form-controll']) !!}
		</div>

		<div class="form-group">
			{!! Form::label('title', 'Title') !!}
			{!! Form::text('title', null, ['class'=>'form-controll']) !!}
		</div>

		<div class="form-group">
			{!! Form::submit('Create Post', ['class'=>'btn btn-primary']) !!}

		</div>
	{!! Form::close() !!}

controller

public function store(CreatePostRequest $request)
    {
        return $request->file('file');
    }

オリジナル名、ファイルサイズ

public function store(CreatePostRequest $request)
    {
        $file = $request->file('file');
        
        echo "<br>";
        echo $file->getClientOriginalName();

        echo "<br>";
        echo $file->getClientSize();
    }

$ php artisan make:migration add_path_column_to_posts –table=posts
migration file

public function up()
    {
        Schema::table('posts', function (Blueprint $table) {
            //
            $table->string('path');
        });
    }

public function down()
    {
        Schema::table('posts', function (Blueprint $table) {
            //
            $talbe->dropColumn('path');
        });
    }

$ php artisan migrate

Post.php

protected $fillable = [
		'user_id',
		'title',
		'content',
		'path'
	];

PostsController.php

public function store(CreatePostRequest $request)
    {

        $input = $request->all();

        if($file = $request->file('file')){
            $name = $file->getClientOriginalName();

            $file->move('./images', $name);

            $input['path'] = $name;

        }

        Post::create($input);
    }

view

<ul>
		@foreach($posts as $post)

		<div class-"image-container">
			<img height="100" src="images/{{$post->path}}">
		</div>
		<li><a href="{{ route('posts.show', $post->id) }}">{{$post->title}}</a></li>
		
		@endforeach
	</ul>

images/{{$post->path}} は、accessorsでimages/を省略する

Model:Post.php

public $directory = "/images/";

public function getPathAttribute($value){

		return $this->directory . $value;
	}

View: index.php

<div class-"image-container">
			<img height="100" src="{{$post->path}}">
		</div>

今回はシンプルな書き方で、ファイルに対する拡張子やファイルサイズのバリデーションをつけていませんが、コントローラーもしくはrequestsでバリデーションを付ければ良いでしょう。

ファイルの格納場所はサーバー内ですが、これをS3にする場合はmove()の箇所を変える必要があります。

Laravel QueryScopeのサンプル

Query Scopeはoperationのショートカット機能

e.g. latest

public function index()
    {
        $posts = Post::latest()->get();

        // return $posts;
        return view("posts.index", compact('posts'));
    }

order by created desc | ascと一緒です。

$posts = Post::orderBy('id', 'desc')->get();

qeuryScopeを自作する
Model: Post.php
public function static scope.${functionName}がコンベンション。${functionName}はcamelCaseで書く

public static function scopeLatest($query){
			return $query->orderBy('id', 'desc')->get();
	}

PostsController

public function index()
    {
        $posts = Post::latest();

        // return $posts;
        return view("posts.index", compact('posts'));
    }

queryのインクルード機能のようなものか。

Laravel Mutatorsの使い方

AccessorsはDBから呼び出す際に、modelでget.${ColumnName}.Attributeとしましたが、Mutatorは、DBに挿入する際に、set.${ColumnName}.Attributeで指定します。

Model: User.php

public function setNameAttribute($value){

        $this->attributes['name'] = strtoupper($value);

    }

Route

Route::get('/setname', function(){

	$user = User::find(1);

	$user->name = "william";

    $user->save();
});

mysql> select * from users;
+—-+———+————+———-+—————-+————+———————+————+
| id | name | email | password | remember_token | created_at | updated_at | country_id |
+—-+———+————+———-+—————-+————+———————+————+
| 1 | WILLIAM | john@gmail | 1234 | NULL | NULL | 2019-12-11 03:31:16 | 0 |
+—-+———+————+———-+—————-+————+———————+————+
1 row in set (0.00 sec)

getとsetは飽きるほどやりましたね。

Laravel Accessorsの使い方

> insert into users (name, email, password) values (‘john’, ‘john@gmail’, ‘1234’);

Route::get('/getname', function(){

	$user = User::find(1);

	echo $user->name;

});

Model:User.php

public function getNameAttribute($value){

        return ucfirst($value);
    }

Accessorにより、jonhがJohnと表示されます。
Modelのfunction nameは、get.${ColumnName}.Attribute がコンベンションです。

strtoupperにすると、JOHNとなります。

public function getNameAttribute($value){

        return strtoupper($value);
    }

名前は日本語だと用途は直ぐには思いつかないが、使い方を研究する余地はある。
ちなみに、DBのレコードの値は変わらない。呼び出すときにAccessorで変更している。

LaravelでCarbonを使いたい時

まず、phpの日付関数

Route::get('/dates', function(){
	$date = new DateTime('+1 week');

	echo $date->format('m-d-Y');
});

続いてCarbon
composerで探します
$ php composer.phar search carbon
nesbot/carbon A simple API extension for DateTime.
nesbot/carbon An API extension for DateTime that supports 281 different languages.

anyway, laravelはdefaultでcarbonはincludeされています。
use Carbon\Carbonでクラスを指定すれば、すぐに使えます。

carbon

use Carbon\Carbon;

Route::get('/dates', function(){
	$date = new DateTime('+1 week');

	echo $date->format('m-d-Y') . "<br>";

	echo Carbon::now();

	echo '<br>';
	echo Carbon::now()->addDays(10)->diffForHumans();

	echo '<br>';
	echo Carbon::now()->subMonths(5)->diffForHumans();

	echo '<br>';
	echo Carbon::now()->yesterday()->diffForHumans();

	echo '<br>';

});