├── .dockerignore ├── .editorconfig ├── .env.example ├── .gitattributes ├── .gitignore ├── .gitlab-ci.yml ├── Dockerfile ├── README.md ├── app ├── Console │ └── Kernel.php ├── Events │ └── FeedbackReceived.php ├── Exceptions │ └── Handler.php ├── Feedback.php ├── Http │ ├── Controllers │ │ ├── Auth │ │ │ ├── ForgotPasswordController.php │ │ │ ├── LoginController.php │ │ │ ├── RegisterController.php │ │ │ ├── ResetPasswordController.php │ │ │ └── VerificationController.php │ │ ├── Controller.php │ │ └── FeedbackController.php │ ├── Kernel.php │ └── Middleware │ │ ├── Authenticate.php │ │ ├── CheckForMaintenanceMode.php │ │ ├── EncryptCookies.php │ │ ├── RedirectIfAuthenticated.php │ │ ├── TrimStrings.php │ │ ├── TrustProxies.php │ │ └── VerifyCsrfToken.php ├── Providers │ ├── AppServiceProvider.php │ ├── AuthServiceProvider.php │ ├── BroadcastServiceProvider.php │ ├── EventServiceProvider.php │ └── RouteServiceProvider.php └── User.php ├── artisan ├── bootstrap ├── app.php └── cache │ └── .gitignore ├── composer.json ├── composer.lock ├── config ├── app.php ├── auth.php ├── broadcasting.php ├── cache.php ├── database.php ├── filesystems.php ├── hashing.php ├── logging.php ├── mail.php ├── queue.php ├── services.php ├── session.php ├── view.php └── websockets.php ├── database ├── .gitignore ├── factories │ └── UserFactory.php ├── migrations │ ├── 2014_10_12_000000_create_users_table.php │ ├── 2014_10_12_100000_create_password_resets_table.php │ ├── 2019_03_02_065033_create_feedback_table.php │ └── 2019_03_02_094151_create_websockets_statistics_entries_table.php └── seeds │ └── DatabaseSeeder.php ├── docker-compose.yml ├── docs └── index.md ├── package-lock.json ├── package.json ├── phpunit.xml ├── public ├── .htaccess ├── cover.jpeg ├── css │ └── app.css ├── favicon.ico ├── index.php ├── js │ └── app.js ├── mix-manifest.json └── robots.txt ├── resources ├── js │ ├── app.js │ ├── bootstrap.js │ └── components │ │ ├── ExampleComponent.vue │ │ ├── FeedbackDashboard.vue │ │ ├── FeedbackInput.vue │ │ └── PieChart.vue ├── lang │ └── en │ │ ├── auth.php │ │ ├── pagination.php │ │ ├── passwords.php │ │ └── validation.php ├── sass │ ├── _variables.scss │ └── app.scss └── views │ ├── dashboard.blade.php │ ├── input.blade.php │ └── welcome.blade.php ├── routes ├── api.php ├── channels.php ├── console.php └── web.php ├── server.php ├── storage ├── app │ ├── .gitignore │ └── public │ │ └── .gitignore ├── framework │ ├── .gitignore │ ├── cache │ │ ├── .gitignore │ │ └── data │ │ │ └── .gitignore │ ├── sessions │ │ └── .gitignore │ ├── testing │ │ └── .gitignore │ └── views │ │ └── .gitignore └── logs │ └── .gitignore ├── supervisord.conf ├── tests ├── CreatesApplication.php ├── Feature │ └── ExampleTest.php ├── TestCase.php └── Unit │ └── ExampleTest.php ├── webpack.mix.js └── yarn.lock /.dockerignore: -------------------------------------------------------------------------------- 1 | vendor/ 2 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | indent_style = space 8 | indent_size = 4 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.yml] 15 | indent_size = 2 16 | -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | APP_NAME=Laravel 2 | APP_ENV=local 3 | APP_KEY= 4 | APP_DEBUG=true 5 | APP_URL=http://localhost 6 | 7 | LOG_CHANNEL=stack 8 | 9 | DB_CONNECTION=mysql 10 | DB_HOST=127.0.0.1 11 | DB_PORT=3306 12 | DB_DATABASE=realtime-feedback 13 | DB_USERNAME=root 14 | DB_PASSWORD=bismillah 15 | 16 | BROADCAST_DRIVER=log 17 | CACHE_DRIVER=file 18 | QUEUE_CONNECTION=sync 19 | SESSION_DRIVER=file 20 | SESSION_LIFETIME=120 21 | 22 | REDIS_HOST=127.0.0.1 23 | REDIS_PASSWORD=null 24 | REDIS_PORT=6379 25 | 26 | MAIL_DRIVER=smtp 27 | MAIL_HOST=smtp.mailtrap.io 28 | MAIL_PORT=2525 29 | MAIL_USERNAME=null 30 | MAIL_PASSWORD=null 31 | MAIL_ENCRYPTION=null 32 | 33 | AWS_ACCESS_KEY_ID= 34 | AWS_SECRET_ACCESS_KEY= 35 | AWS_DEFAULT_REGION=us-east-1 36 | AWS_BUCKET= 37 | 38 | PUSHER_APP_ID= 39 | PUSHER_APP_KEY= 40 | PUSHER_APP_SECRET= 41 | PUSHER_APP_CLUSTER=mt1 42 | 43 | MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" 44 | MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 45 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto 2 | *.css linguist-vendored 3 | *.scss linguist-vendored 4 | *.js linguist-vendored 5 | CHANGELOG.md export-ignore 6 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /public/hot 3 | /public/storage 4 | /storage/*.key 5 | /vendor 6 | .env 7 | .phpunit.result.cache 8 | Homestead.json 9 | Homestead.yaml 10 | npm-debug.log 11 | yarn-error.log 12 | -------------------------------------------------------------------------------- /.gitlab-ci.yml: -------------------------------------------------------------------------------- 1 | image: php:7.1.9-apache 2 | 3 | stages: 4 | - build 5 | - deploy 6 | 7 | dependency_installs: 8 | stage: build 9 | script: 10 | - composer install 11 | 12 | deploy_staging: 13 | stage: deploy 14 | environment: staging 15 | only: 16 | - master 17 | script: 18 | - echo "Deploying master to staging" 19 | - echo $GREETING 20 | 21 | deploy_production: 22 | stage: deploy 23 | environment: production 24 | only: 25 | - tags 26 | script: 27 | - docker-compose build 28 | - docker-compose push 29 | - echo "Deploying tag to production" 30 | - echo $GREETING 31 | -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | #start with our base image (the foundation) - version 7.1.5 2 | FROM php:7.1.9-apache 3 | 4 | #install all the system dependencies and enable PHP modules 5 | RUN apt-get update && apt-get install -y \ 6 | libicu-dev \ 7 | libpq-dev \ 8 | libmcrypt-dev \ 9 | git \ 10 | zip \ 11 | unzip \ 12 | && rm -r /var/lib/apt/lists/* \ 13 | && docker-php-ext-configure pdo_mysql --with-pdo-mysql=mysqlnd \ 14 | && docker-php-ext-install \ 15 | intl \ 16 | mbstring \ 17 | mcrypt \ 18 | pcntl \ 19 | pdo_mysql \ 20 | pdo_pgsql \ 21 | pgsql \ 22 | zip \ 23 | opcache 24 | 25 | #install composer 26 | RUN curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/bin/ --filename=composer 27 | 28 | #set our application folder as an environment variable 29 | ENV APP_HOME /var/www/html 30 | 31 | #change uid and gid of apache to docker user uid/gid 32 | RUN usermod -u 1000 www-data && groupmod -g 1000 www-data 33 | 34 | #change the web_root to laravel /var/www/html/public folder 35 | RUN sed -i -e "s/html/html\/public/g" /etc/apache2/sites-enabled/000-default.conf 36 | 37 | # enable apache module rewrite 38 | RUN a2enmod rewrite 39 | 40 | RUN echo "makesure not using cache" 41 | 42 | #copy source files and run composer 43 | COPY . $APP_HOME 44 | 45 | WORKDIR $APP_HOME 46 | 47 | # install all PHP dependencies 48 | RUN composer install --no-interaction 49 | 50 | 51 | #change ownership of our applications 52 | RUN chown -R www-data:www-data $APP_HOME 53 | 54 | 55 | RUN apt-get -qq update && apt-get -qq -y --no-install-recommends install \ 56 | ca-certificates \ 57 | curl \ 58 | python \ 59 | python-pip 60 | 61 | RUN mkdir /etc/supervisord \ 62 | && mkdir /etc/supervisord/conf.d \ 63 | && mkdir /var/log/supervisord \ 64 | && pip install supervisor 65 | 66 | COPY supervisord.conf /etc/supervisord/ 67 | 68 | CMD ["/usr/local/bin/supervisord", "-c", "/etc/supervisord/supervisord.conf"] 69 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![cover](./public/cover.jpeg) 2 | 3 |
4 | 5 | ## Demo 6 | 7 | Demo App: Feedback Loop
8 | Dashboard: [http://feedback.arrowfunxtion.com/feedback/dashboard](http://feedback.arrowfunxtion.com/feedback/dashboard)
9 | Input Feedback : [http://feedback.arrowfunxtion.com](http://feedback.arrowfunxtion.com)
10 | 11 | Gunakan tab / window yang berbeda untuk melihat efek realtime. 12 | 13 | ## Download ebook 14 | 15 | Kamu dapat mendownload ebook ini di sini [https://get.arrowfunxtion.com/download-ebook-gratis---laravel-realtime-app 16 | ](https://get.arrowfunxtion.com/download-ebook-gratis---laravel-realtime-app) 17 | 18 | ## Apakah ebook ini gratis? 19 | 20 | Ya, dan kamu boleh membagikan ke siapapun, dan yap, silahkan bagikan jika bermanfaat. Tidak diperbolehkan mengubah sebagian atau keseluruhan konten di ebook ini tanpa seizin penulis. 21 | 22 | Link source code ada di bagian penutup ya. Saya tahu ada yang pertama dicari adalah source code. 23 | 24 | ## Penulis 25 | 26 | Muhammad Azamuddin
27 | Email: mas.azamuddin@gmail.com
28 | Facebook: [https://facebook.com/script.holic](https://facebook.com/script.holic) 29 | -------------------------------------------------------------------------------- /app/Console/Kernel.php: -------------------------------------------------------------------------------- 1 | call(function () { 31 | $feedbacks = Feedback::truncate(); 32 | 33 | DB::table('feedback')->insert([ 34 | 'word' => "keren", 35 | 'count' => 5, 36 | 'created_at' => Carbon::now(), 37 | 'updated_at' => Carbon::now(), 38 | ]); 39 | DB::table('feedback')->insert([ 40 | 'word' => 'top', 41 | 'count' => 3, 42 | 'created_at' => Carbon::now(), 43 | 'updated_at' => Carbon::now(), 44 | ]); 45 | DB::table('feedback')->insert([ 46 | 'word' => 'cool', 47 | 'count' => 1, 48 | 'created_at' => Carbon::now(), 49 | 'updated_at' => Carbon::now(), 50 | ]); 51 | })->weekly(); 52 | } 53 | 54 | /** 55 | * Register the commands for the application. 56 | * 57 | * @return void 58 | */ 59 | protected function commands() 60 | { 61 | $this->load(__DIR__ . '/Commands'); 62 | 63 | require base_path('routes/console.php'); 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /app/Events/FeedbackReceived.php: -------------------------------------------------------------------------------- 1 | payload = $data; 25 | } 26 | 27 | public function broadcastWith() 28 | { 29 | return $this->payload; 30 | } 31 | 32 | /** 33 | * Get the channels the event should broadcast on. 34 | * 35 | * @return \Illuminate\Broadcasting\Channel|array 36 | */ 37 | public function broadcastOn() 38 | { 39 | return new Channel('feedback-received'); 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /app/Exceptions/Handler.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/LoginController.php: -------------------------------------------------------------------------------- 1 | middleware('guest')->except('logout'); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/RegisterController.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 41 | } 42 | 43 | /** 44 | * Get a validator for an incoming registration request. 45 | * 46 | * @param array $data 47 | * @return \Illuminate\Contracts\Validation\Validator 48 | */ 49 | protected function validator(array $data) 50 | { 51 | return Validator::make($data, [ 52 | 'name' => ['required', 'string', 'max:255'], 53 | 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 54 | 'password' => ['required', 'string', 'min:8', 'confirmed'], 55 | ]); 56 | } 57 | 58 | /** 59 | * Create a new user instance after a valid registration. 60 | * 61 | * @param array $data 62 | * @return \App\User 63 | */ 64 | protected function create(array $data) 65 | { 66 | return User::create([ 67 | 'name' => $data['name'], 68 | 'email' => $data['email'], 69 | 'password' => Hash::make($data['password']), 70 | ]); 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/ResetPasswordController.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/VerificationController.php: -------------------------------------------------------------------------------- 1 | middleware('auth'); 38 | $this->middleware('signed')->only('verify'); 39 | $this->middleware('throttle:6,1')->only('verify', 'resend'); 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /app/Http/Controllers/Controller.php: -------------------------------------------------------------------------------- 1 | get('words'); 21 | 22 | // tidak boleh mengandung tanda koma (,) 23 | if (strpos($words, ",") !== false) { 24 | return response()->json([ 25 | "message" => "Kata tidak boleh ada tanda koma (,)", 26 | ], 400); 27 | } 28 | 29 | $words = explode(" ", $words); 30 | 31 | // tidak boleh lebih dari 3 kata 32 | if (count($words) > 3) { 33 | return response()->json([ 34 | "message" => "Tidak boleh lebih dari 3 kata", 35 | ], 400); 36 | } 37 | 38 | foreach ($words as $key => $word) { 39 | $this->createOrIncrement($word); 40 | } 41 | 42 | // broadcast with new data 43 | $data = json_decode($this->getData()); 44 | broadcast(new FeedbackReceived($data)); 45 | 46 | return response()->json("OK"); 47 | } 48 | 49 | public function dashboard() 50 | { 51 | return view('dashboard'); 52 | } 53 | 54 | public function dashboardData() 55 | { 56 | return response()->json($this->getData()); 57 | } 58 | 59 | protected function getData() 60 | { 61 | $top_ten = 62 | Feedback::orderBy('count', 'DESC') 63 | ->get() 64 | ->take(10); 65 | 66 | return $top_ten; 67 | } 68 | 69 | public function input() 70 | { 71 | return view('input'); 72 | } 73 | 74 | protected function createOrIncrement(String $word) 75 | { 76 | // jadikan lowercase 77 | $word = strtolower($word); 78 | 79 | $feedback = Feedback::where('word', $word)->first(); 80 | 81 | if ($feedback) { 82 | $feedback->increment('count'); 83 | } else { 84 | Feedback::create([ 85 | "word" => $word, 86 | "count" => 1, 87 | ]); 88 | } 89 | } 90 | 91 | } 92 | -------------------------------------------------------------------------------- /app/Http/Kernel.php: -------------------------------------------------------------------------------- 1 | [ 31 | \App\Http\Middleware\EncryptCookies::class, 32 | \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, 33 | \Illuminate\Session\Middleware\StartSession::class, 34 | // \Illuminate\Session\Middleware\AuthenticateSession::class, 35 | \Illuminate\View\Middleware\ShareErrorsFromSession::class, 36 | \App\Http\Middleware\VerifyCsrfToken::class, 37 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 38 | ], 39 | 40 | 'api' => [ 41 | 'throttle:60,1', 42 | 'bindings', 43 | ], 44 | ]; 45 | 46 | /** 47 | * The application's route middleware. 48 | * 49 | * These middleware may be assigned to groups or used individually. 50 | * 51 | * @var array 52 | */ 53 | protected $routeMiddleware = [ 54 | 'auth' => \App\Http\Middleware\Authenticate::class, 55 | 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 56 | 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class, 57 | 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class, 58 | 'can' => \Illuminate\Auth\Middleware\Authorize::class, 59 | 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class, 60 | 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, 61 | 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, 62 | 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, 63 | ]; 64 | 65 | /** 66 | * The priority-sorted list of middleware. 67 | * 68 | * This forces non-global middleware to always be in the given order. 69 | * 70 | * @var array 71 | */ 72 | protected $middlewarePriority = [ 73 | \Illuminate\Session\Middleware\StartSession::class, 74 | \Illuminate\View\Middleware\ShareErrorsFromSession::class, 75 | \App\Http\Middleware\Authenticate::class, 76 | \Illuminate\Session\Middleware\AuthenticateSession::class, 77 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 78 | \Illuminate\Auth\Middleware\Authorize::class, 79 | ]; 80 | } 81 | -------------------------------------------------------------------------------- /app/Http/Middleware/Authenticate.php: -------------------------------------------------------------------------------- 1 | expectsJson()) { 18 | return route('login'); 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /app/Http/Middleware/CheckForMaintenanceMode.php: -------------------------------------------------------------------------------- 1 | check()) { 21 | return redirect('/home'); 22 | } 23 | 24 | return $next($request); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/Http/Middleware/TrimStrings.php: -------------------------------------------------------------------------------- 1 | 'App\Policies\ModelPolicy', 17 | ]; 18 | 19 | /** 20 | * Register any authentication / authorization services. 21 | * 22 | * @return void 23 | */ 24 | public function boot() 25 | { 26 | $this->registerPolicies(); 27 | 28 | // 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /app/Providers/BroadcastServiceProvider.php: -------------------------------------------------------------------------------- 1 | [ 19 | SendEmailVerificationNotification::class, 20 | ], 21 | ]; 22 | 23 | /** 24 | * Register any events for your application. 25 | * 26 | * @return void 27 | */ 28 | public function boot() 29 | { 30 | parent::boot(); 31 | 32 | // 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /app/Providers/RouteServiceProvider.php: -------------------------------------------------------------------------------- 1 | mapApiRoutes(); 39 | 40 | $this->mapWebRoutes(); 41 | 42 | // 43 | } 44 | 45 | /** 46 | * Define the "web" routes for the application. 47 | * 48 | * These routes all receive session state, CSRF protection, etc. 49 | * 50 | * @return void 51 | */ 52 | protected function mapWebRoutes() 53 | { 54 | Route::middleware('web') 55 | ->namespace($this->namespace) 56 | ->group(base_path('routes/web.php')); 57 | } 58 | 59 | /** 60 | * Define the "api" routes for the application. 61 | * 62 | * These routes are typically stateless. 63 | * 64 | * @return void 65 | */ 66 | protected function mapApiRoutes() 67 | { 68 | Route::prefix('api') 69 | ->middleware('api') 70 | ->namespace($this->namespace) 71 | ->group(base_path('routes/api.php')); 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /app/User.php: -------------------------------------------------------------------------------- 1 | 'datetime', 38 | ]; 39 | } 40 | -------------------------------------------------------------------------------- /artisan: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env php 2 | make(Illuminate\Contracts\Console\Kernel::class); 34 | 35 | $status = $kernel->handle( 36 | $input = new Symfony\Component\Console\Input\ArgvInput, 37 | new Symfony\Component\Console\Output\ConsoleOutput 38 | ); 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Shutdown The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once Artisan has finished running, we will fire off the shutdown events 46 | | so that any final work may be done by the application before we shut 47 | | down the process. This is the last thing to happen to the request. 48 | | 49 | */ 50 | 51 | $kernel->terminate($input, $status); 52 | 53 | exit($status); 54 | -------------------------------------------------------------------------------- /bootstrap/app.php: -------------------------------------------------------------------------------- 1 | singleton( 30 | Illuminate\Contracts\Http\Kernel::class, 31 | App\Http\Kernel::class 32 | ); 33 | 34 | $app->singleton( 35 | Illuminate\Contracts\Console\Kernel::class, 36 | App\Console\Kernel::class 37 | ); 38 | 39 | $app->singleton( 40 | Illuminate\Contracts\Debug\ExceptionHandler::class, 41 | App\Exceptions\Handler::class 42 | ); 43 | 44 | /* 45 | |-------------------------------------------------------------------------- 46 | | Return The Application 47 | |-------------------------------------------------------------------------- 48 | | 49 | | This script returns the application instance. The instance is given to 50 | | the calling script so we can separate the building of the instances 51 | | from the actual running of the application and sending responses. 52 | | 53 | */ 54 | 55 | return $app; 56 | -------------------------------------------------------------------------------- /bootstrap/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "laravel/laravel", 3 | "type": "project", 4 | "description": "The Laravel Framework.", 5 | "keywords": [ 6 | "framework", 7 | "laravel" 8 | ], 9 | "license": "MIT", 10 | "require": { 11 | "php": "^7.1.3", 12 | "beyondcode/laravel-websockets": "^1.1", 13 | "fideloper/proxy": "^4.0", 14 | "laravel/framework": "5.8.*", 15 | "laravel/tinker": "^1.0", 16 | "pusher/pusher-php-server": "~3.0" 17 | }, 18 | "require-dev": { 19 | "beyondcode/laravel-dump-server": "^1.0", 20 | "filp/whoops": "^2.0", 21 | "fzaninotto/faker": "^1.4", 22 | "mockery/mockery": "^1.0", 23 | "nunomaduro/collision": "^2.0", 24 | "phpunit/phpunit": "^7.5" 25 | }, 26 | "config": { 27 | "optimize-autoloader": true, 28 | "preferred-install": "dist", 29 | "sort-packages": true 30 | }, 31 | "extra": { 32 | "laravel": { 33 | "dont-discover": [] 34 | } 35 | }, 36 | "autoload": { 37 | "psr-4": { 38 | "App\\": "app/" 39 | }, 40 | "classmap": [ 41 | "database/seeds", 42 | "database/factories" 43 | ] 44 | }, 45 | "autoload-dev": { 46 | "psr-4": { 47 | "Tests\\": "tests/" 48 | } 49 | }, 50 | "minimum-stability": "dev", 51 | "prefer-stable": true, 52 | "scripts": { 53 | "post-autoload-dump": [ 54 | "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", 55 | "@php artisan package:discover --ansi" 56 | ], 57 | "post-root-package-install": [ 58 | "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" 59 | ], 60 | "post-create-project-cmd": [ 61 | "@php artisan key:generate --ansi" 62 | ] 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /config/app.php: -------------------------------------------------------------------------------- 1 | env('APP_NAME', 'Laravel'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Application Environment 21 | |-------------------------------------------------------------------------- 22 | | 23 | | This value determines the "environment" your application is currently 24 | | running in. This may determine how you prefer to configure various 25 | | services the application utilizes. Set this in your ".env" file. 26 | | 27 | */ 28 | 29 | 'env' => env('APP_ENV', 'production'), 30 | 31 | /* 32 | |-------------------------------------------------------------------------- 33 | | Application Debug Mode 34 | |-------------------------------------------------------------------------- 35 | | 36 | | When your application is in debug mode, detailed error messages with 37 | | stack traces will be shown on every error that occurs within your 38 | | application. If disabled, a simple generic error page is shown. 39 | | 40 | */ 41 | 42 | 'debug' => env('APP_DEBUG', false), 43 | 44 | /* 45 | |-------------------------------------------------------------------------- 46 | | Application URL 47 | |-------------------------------------------------------------------------- 48 | | 49 | | This URL is used by the console to properly generate URLs when using 50 | | the Artisan command line tool. You should set this to the root of 51 | | your application so that it is used when running Artisan tasks. 52 | | 53 | */ 54 | 55 | 'url' => env('APP_URL', 'http://localhost'), 56 | 57 | 'asset_url' => env('ASSET_URL', null), 58 | 59 | /* 60 | |-------------------------------------------------------------------------- 61 | | Application Timezone 62 | |-------------------------------------------------------------------------- 63 | | 64 | | Here you may specify the default timezone for your application, which 65 | | will be used by the PHP date and date-time functions. We have gone 66 | | ahead and set this to a sensible default for you out of the box. 67 | | 68 | */ 69 | 70 | 'timezone' => 'UTC', 71 | 72 | /* 73 | |-------------------------------------------------------------------------- 74 | | Application Locale Configuration 75 | |-------------------------------------------------------------------------- 76 | | 77 | | The application locale determines the default locale that will be used 78 | | by the translation service provider. You are free to set this value 79 | | to any of the locales which will be supported by the application. 80 | | 81 | */ 82 | 83 | 'locale' => 'en', 84 | 85 | /* 86 | |-------------------------------------------------------------------------- 87 | | Application Fallback Locale 88 | |-------------------------------------------------------------------------- 89 | | 90 | | The fallback locale determines the locale to use when the current one 91 | | is not available. You may change the value to correspond to any of 92 | | the language folders that are provided through your application. 93 | | 94 | */ 95 | 96 | 'fallback_locale' => 'en', 97 | 98 | /* 99 | |-------------------------------------------------------------------------- 100 | | Faker Locale 101 | |-------------------------------------------------------------------------- 102 | | 103 | | This locale will be used by the Faker PHP library when generating fake 104 | | data for your database seeds. For example, this will be used to get 105 | | localized telephone numbers, street address information and more. 106 | | 107 | */ 108 | 109 | 'faker_locale' => 'en_US', 110 | 111 | /* 112 | |-------------------------------------------------------------------------- 113 | | Encryption Key 114 | |-------------------------------------------------------------------------- 115 | | 116 | | This key is used by the Illuminate encrypter service and should be set 117 | | to a random, 32 character string, otherwise these encrypted strings 118 | | will not be safe. Please do this before deploying an application! 119 | | 120 | */ 121 | 122 | 'key' => env('APP_KEY'), 123 | 124 | 'cipher' => 'AES-128-CBC', 125 | 126 | /* 127 | |-------------------------------------------------------------------------- 128 | | Autoloaded Service Providers 129 | |-------------------------------------------------------------------------- 130 | | 131 | | The service providers listed here will be automatically loaded on the 132 | | request to your application. Feel free to add your own services to 133 | | this array to grant expanded functionality to your applications. 134 | | 135 | */ 136 | 137 | 'providers' => [ 138 | 139 | /* 140 | * Laravel Framework Service Providers... 141 | */ 142 | Illuminate\Auth\AuthServiceProvider::class, 143 | Illuminate\Broadcasting\BroadcastServiceProvider::class, 144 | Illuminate\Bus\BusServiceProvider::class, 145 | Illuminate\Cache\CacheServiceProvider::class, 146 | Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class, 147 | Illuminate\Cookie\CookieServiceProvider::class, 148 | Illuminate\Database\DatabaseServiceProvider::class, 149 | Illuminate\Encryption\EncryptionServiceProvider::class, 150 | Illuminate\Filesystem\FilesystemServiceProvider::class, 151 | Illuminate\Foundation\Providers\FoundationServiceProvider::class, 152 | Illuminate\Hashing\HashServiceProvider::class, 153 | Illuminate\Mail\MailServiceProvider::class, 154 | Illuminate\Notifications\NotificationServiceProvider::class, 155 | Illuminate\Pagination\PaginationServiceProvider::class, 156 | Illuminate\Pipeline\PipelineServiceProvider::class, 157 | Illuminate\Queue\QueueServiceProvider::class, 158 | Illuminate\Redis\RedisServiceProvider::class, 159 | Illuminate\Auth\Passwords\PasswordResetServiceProvider::class, 160 | Illuminate\Session\SessionServiceProvider::class, 161 | Illuminate\Translation\TranslationServiceProvider::class, 162 | Illuminate\Validation\ValidationServiceProvider::class, 163 | Illuminate\View\ViewServiceProvider::class, 164 | 165 | /* 166 | * Package Service Providers... 167 | */ 168 | 169 | /* 170 | * Application Service Providers... 171 | */ 172 | App\Providers\AppServiceProvider::class, 173 | App\Providers\AuthServiceProvider::class, 174 | App\Providers\BroadcastServiceProvider::class, 175 | App\Providers\EventServiceProvider::class, 176 | App\Providers\RouteServiceProvider::class, 177 | 178 | ], 179 | 180 | /* 181 | |-------------------------------------------------------------------------- 182 | | Class Aliases 183 | |-------------------------------------------------------------------------- 184 | | 185 | | This array of class aliases will be registered when this application 186 | | is started. However, feel free to register as many as you wish as 187 | | the aliases are "lazy" loaded so they don't hinder performance. 188 | | 189 | */ 190 | 191 | 'aliases' => [ 192 | 193 | 'App' => Illuminate\Support\Facades\App::class, 194 | 'Arr' => Illuminate\Support\Arr::class, 195 | 'Artisan' => Illuminate\Support\Facades\Artisan::class, 196 | 'Auth' => Illuminate\Support\Facades\Auth::class, 197 | 'Blade' => Illuminate\Support\Facades\Blade::class, 198 | 'Broadcast' => Illuminate\Support\Facades\Broadcast::class, 199 | 'Bus' => Illuminate\Support\Facades\Bus::class, 200 | 'Cache' => Illuminate\Support\Facades\Cache::class, 201 | 'Config' => Illuminate\Support\Facades\Config::class, 202 | 'Cookie' => Illuminate\Support\Facades\Cookie::class, 203 | 'Crypt' => Illuminate\Support\Facades\Crypt::class, 204 | 'DB' => Illuminate\Support\Facades\DB::class, 205 | 'Eloquent' => Illuminate\Database\Eloquent\Model::class, 206 | 'Event' => Illuminate\Support\Facades\Event::class, 207 | 'File' => Illuminate\Support\Facades\File::class, 208 | 'Gate' => Illuminate\Support\Facades\Gate::class, 209 | 'Hash' => Illuminate\Support\Facades\Hash::class, 210 | 'Lang' => Illuminate\Support\Facades\Lang::class, 211 | 'Log' => Illuminate\Support\Facades\Log::class, 212 | 'Mail' => Illuminate\Support\Facades\Mail::class, 213 | 'Notification' => Illuminate\Support\Facades\Notification::class, 214 | 'Password' => Illuminate\Support\Facades\Password::class, 215 | 'Queue' => Illuminate\Support\Facades\Queue::class, 216 | 'Redirect' => Illuminate\Support\Facades\Redirect::class, 217 | 'Redis' => Illuminate\Support\Facades\Redis::class, 218 | 'Request' => Illuminate\Support\Facades\Request::class, 219 | 'Response' => Illuminate\Support\Facades\Response::class, 220 | 'Route' => Illuminate\Support\Facades\Route::class, 221 | 'Schema' => Illuminate\Support\Facades\Schema::class, 222 | 'Session' => Illuminate\Support\Facades\Session::class, 223 | 'Storage' => Illuminate\Support\Facades\Storage::class, 224 | 'Str' => Illuminate\Support\Str::class, 225 | 'URL' => Illuminate\Support\Facades\URL::class, 226 | 'Validator' => Illuminate\Support\Facades\Validator::class, 227 | 'View' => Illuminate\Support\Facades\View::class, 228 | 229 | ], 230 | 231 | ]; 232 | -------------------------------------------------------------------------------- /config/auth.php: -------------------------------------------------------------------------------- 1 | [ 17 | 'guard' => 'web', 18 | 'passwords' => 'users', 19 | ], 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | Authentication Guards 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Next, you may define every authentication guard for your application. 27 | | Of course, a great default configuration has been defined for you 28 | | here which uses session storage and the Eloquent user provider. 29 | | 30 | | All authentication drivers have a user provider. This defines how the 31 | | users are actually retrieved out of your database or other storage 32 | | mechanisms used by this application to persist your user's data. 33 | | 34 | | Supported: "session", "token" 35 | | 36 | */ 37 | 38 | 'guards' => [ 39 | 'web' => [ 40 | 'driver' => 'session', 41 | 'provider' => 'users', 42 | ], 43 | 44 | 'api' => [ 45 | 'driver' => 'token', 46 | 'provider' => 'users', 47 | 'hash' => false, 48 | ], 49 | ], 50 | 51 | /* 52 | |-------------------------------------------------------------------------- 53 | | User Providers 54 | |-------------------------------------------------------------------------- 55 | | 56 | | All authentication drivers have a user provider. This defines how the 57 | | users are actually retrieved out of your database or other storage 58 | | mechanisms used by this application to persist your user's data. 59 | | 60 | | If you have multiple user tables or models you may configure multiple 61 | | sources which represent each model / table. These sources may then 62 | | be assigned to any extra authentication guards you have defined. 63 | | 64 | | Supported: "database", "eloquent" 65 | | 66 | */ 67 | 68 | 'providers' => [ 69 | 'users' => [ 70 | 'driver' => 'eloquent', 71 | 'model' => App\User::class, 72 | ], 73 | 74 | // 'users' => [ 75 | // 'driver' => 'database', 76 | // 'table' => 'users', 77 | // ], 78 | ], 79 | 80 | /* 81 | |-------------------------------------------------------------------------- 82 | | Resetting Passwords 83 | |-------------------------------------------------------------------------- 84 | | 85 | | You may specify multiple password reset configurations if you have more 86 | | than one user table or model in the application and you want to have 87 | | separate password reset settings based on the specific user types. 88 | | 89 | | The expire time is the number of minutes that the reset token should be 90 | | considered valid. This security feature keeps tokens short-lived so 91 | | they have less time to be guessed. You may change this as needed. 92 | | 93 | */ 94 | 95 | 'passwords' => [ 96 | 'users' => [ 97 | 'provider' => 'users', 98 | 'table' => 'password_resets', 99 | 'expire' => 60, 100 | ], 101 | ], 102 | 103 | ]; 104 | -------------------------------------------------------------------------------- /config/broadcasting.php: -------------------------------------------------------------------------------- 1 | env('BROADCAST_DRIVER', 'null'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Broadcast Connections 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may define all of the broadcast connections that will be used 26 | | to broadcast events to other systems or over websockets. Samples of 27 | | each available type of connection are provided inside this array. 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'pusher' => [ 34 | 'driver' => 'pusher', 35 | 'key' => env('PUSHER_APP_KEY'), 36 | 'secret' => env('PUSHER_APP_SECRET'), 37 | 'app_id' => env('PUSHER_APP_ID'), 38 | 'options' => [ 39 | 'cluster' => env('PUSHER_APP_CLUSTER'), 40 | 'encrypted' => true, 41 | 'host' => '127.0.0.1', 42 | 'port' => 6001, 43 | 'scheme' => 'http', 44 | ], 45 | ], 46 | 47 | 'redis' => [ 48 | 'driver' => 'redis', 49 | 'connection' => 'default', 50 | ], 51 | 52 | 'log' => [ 53 | 'driver' => 'log', 54 | ], 55 | 56 | 'null' => [ 57 | 'driver' => 'null', 58 | ], 59 | 60 | ], 61 | 62 | ]; 63 | -------------------------------------------------------------------------------- /config/cache.php: -------------------------------------------------------------------------------- 1 | env('CACHE_DRIVER', 'file'), 22 | 23 | /* 24 | |-------------------------------------------------------------------------- 25 | | Cache Stores 26 | |-------------------------------------------------------------------------- 27 | | 28 | | Here you may define all of the cache "stores" for your application as 29 | | well as their drivers. You may even define multiple stores for the 30 | | same cache driver to group types of items stored in your caches. 31 | | 32 | */ 33 | 34 | 'stores' => [ 35 | 36 | 'apc' => [ 37 | 'driver' => 'apc', 38 | ], 39 | 40 | 'array' => [ 41 | 'driver' => 'array', 42 | ], 43 | 44 | 'database' => [ 45 | 'driver' => 'database', 46 | 'table' => 'cache', 47 | 'connection' => null, 48 | ], 49 | 50 | 'file' => [ 51 | 'driver' => 'file', 52 | 'path' => storage_path('framework/cache/data'), 53 | ], 54 | 55 | 'memcached' => [ 56 | 'driver' => 'memcached', 57 | 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'), 58 | 'sasl' => [ 59 | env('MEMCACHED_USERNAME'), 60 | env('MEMCACHED_PASSWORD'), 61 | ], 62 | 'options' => [ 63 | // Memcached::OPT_CONNECT_TIMEOUT => 2000, 64 | ], 65 | 'servers' => [ 66 | [ 67 | 'host' => env('MEMCACHED_HOST', '127.0.0.1'), 68 | 'port' => env('MEMCACHED_PORT', 11211), 69 | 'weight' => 100, 70 | ], 71 | ], 72 | ], 73 | 74 | 'redis' => [ 75 | 'driver' => 'redis', 76 | 'connection' => 'cache', 77 | ], 78 | 79 | 'dynamodb' => [ 80 | 'driver' => 'dynamodb', 81 | 'key' => env('AWS_ACCESS_KEY_ID'), 82 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 83 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 84 | 'table' => env('DYNAMODB_CACHE_TABLE', 'cache'), 85 | ], 86 | 87 | ], 88 | 89 | /* 90 | |-------------------------------------------------------------------------- 91 | | Cache Key Prefix 92 | |-------------------------------------------------------------------------- 93 | | 94 | | When utilizing a RAM based store such as APC or Memcached, there might 95 | | be other applications utilizing the same cache. So, we'll specify a 96 | | value to get prefixed to all our keys so we can avoid collisions. 97 | | 98 | */ 99 | 100 | 'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'), 101 | 102 | ]; 103 | -------------------------------------------------------------------------------- /config/database.php: -------------------------------------------------------------------------------- 1 | env('DB_CONNECTION', 'mysql'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Database Connections 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here are each of the database connections setup for your application. 24 | | Of course, examples of configuring each database platform that is 25 | | supported by Laravel is shown below to make development simple. 26 | | 27 | | 28 | | All database work in Laravel is done through the PHP PDO facilities 29 | | so make sure you have the driver for your particular database of 30 | | choice installed on your machine before you begin development. 31 | | 32 | */ 33 | 34 | 'connections' => [ 35 | 36 | 'sqlite' => [ 37 | 'driver' => 'sqlite', 38 | 'database' => env('DB_DATABASE', database_path('database.sqlite')), 39 | 'prefix' => '', 40 | 'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true), 41 | ], 42 | 43 | 'mysql' => [ 44 | 'driver' => 'mysql', 45 | 'host' => env('DB_HOST', '127.0.0.1'), 46 | 'port' => env('DB_PORT', '3306'), 47 | 'database' => env('DB_DATABASE', 'forge'), 48 | 'username' => env('DB_USERNAME', 'forge'), 49 | 'password' => env('DB_PASSWORD', ''), 50 | 'unix_socket' => env('DB_SOCKET', ''), 51 | 'charset' => 'utf8mb4', 52 | 'collation' => 'utf8mb4_unicode_ci', 53 | 'prefix' => '', 54 | 'prefix_indexes' => true, 55 | 'strict' => true, 56 | 'engine' => null, 57 | 'options' => extension_loaded('pdo_mysql') ? array_filter([ 58 | PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'), 59 | ]) : [], 60 | ], 61 | 62 | 'pgsql' => [ 63 | 'driver' => 'pgsql', 64 | 'host' => env('DB_HOST', '127.0.0.1'), 65 | 'port' => env('DB_PORT', '5432'), 66 | 'database' => env('DB_DATABASE', 'forge'), 67 | 'username' => env('DB_USERNAME', 'forge'), 68 | 'password' => env('DB_PASSWORD', ''), 69 | 'charset' => 'utf8', 70 | 'prefix' => '', 71 | 'prefix_indexes' => true, 72 | 'schema' => 'public', 73 | 'sslmode' => 'prefer', 74 | ], 75 | 76 | 'sqlsrv' => [ 77 | 'driver' => 'sqlsrv', 78 | 'host' => env('DB_HOST', 'localhost'), 79 | 'port' => env('DB_PORT', '1433'), 80 | 'database' => env('DB_DATABASE', 'forge'), 81 | 'username' => env('DB_USERNAME', 'forge'), 82 | 'password' => env('DB_PASSWORD', ''), 83 | 'charset' => 'utf8', 84 | 'prefix' => '', 85 | 'prefix_indexes' => true, 86 | ], 87 | 88 | ], 89 | 90 | /* 91 | |-------------------------------------------------------------------------- 92 | | Migration Repository Table 93 | |-------------------------------------------------------------------------- 94 | | 95 | | This table keeps track of all the migrations that have already run for 96 | | your application. Using this information, we can determine which of 97 | | the migrations on disk haven't actually been run in the database. 98 | | 99 | */ 100 | 101 | 'migrations' => 'migrations', 102 | 103 | /* 104 | |-------------------------------------------------------------------------- 105 | | Redis Databases 106 | |-------------------------------------------------------------------------- 107 | | 108 | | Redis is an open source, fast, and advanced key-value store that also 109 | | provides a richer body of commands than a typical key-value system 110 | | such as APC or Memcached. Laravel makes it easy to dig right in. 111 | | 112 | */ 113 | 114 | 'redis' => [ 115 | 116 | 'client' => env('REDIS_CLIENT', 'predis'), 117 | 118 | 'options' => [ 119 | 'cluster' => env('REDIS_CLUSTER', 'predis'), 120 | ], 121 | 122 | 'default' => [ 123 | 'host' => env('REDIS_HOST', '127.0.0.1'), 124 | 'password' => env('REDIS_PASSWORD', null), 125 | 'port' => env('REDIS_PORT', 6379), 126 | 'database' => env('REDIS_DB', 0), 127 | ], 128 | 129 | 'cache' => [ 130 | 'host' => env('REDIS_HOST', '127.0.0.1'), 131 | 'password' => env('REDIS_PASSWORD', null), 132 | 'port' => env('REDIS_PORT', 6379), 133 | 'database' => env('REDIS_CACHE_DB', 1), 134 | ], 135 | 136 | ], 137 | 138 | ]; 139 | -------------------------------------------------------------------------------- /config/filesystems.php: -------------------------------------------------------------------------------- 1 | env('FILESYSTEM_DRIVER', 'local'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Default Cloud Filesystem Disk 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Many applications store files both locally and in the cloud. For this 24 | | reason, you may specify a default "cloud" driver here. This driver 25 | | will be bound as the Cloud disk implementation in the container. 26 | | 27 | */ 28 | 29 | 'cloud' => env('FILESYSTEM_CLOUD', 's3'), 30 | 31 | /* 32 | |-------------------------------------------------------------------------- 33 | | Filesystem Disks 34 | |-------------------------------------------------------------------------- 35 | | 36 | | Here you may configure as many filesystem "disks" as you wish, and you 37 | | may even configure multiple disks of the same driver. Defaults have 38 | | been setup for each driver as an example of the required options. 39 | | 40 | | Supported Drivers: "local", "ftp", "sftp", "s3", "rackspace" 41 | | 42 | */ 43 | 44 | 'disks' => [ 45 | 46 | 'local' => [ 47 | 'driver' => 'local', 48 | 'root' => storage_path('app'), 49 | ], 50 | 51 | 'public' => [ 52 | 'driver' => 'local', 53 | 'root' => storage_path('app/public'), 54 | 'url' => env('APP_URL').'/storage', 55 | 'visibility' => 'public', 56 | ], 57 | 58 | 's3' => [ 59 | 'driver' => 's3', 60 | 'key' => env('AWS_ACCESS_KEY_ID'), 61 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 62 | 'region' => env('AWS_DEFAULT_REGION'), 63 | 'bucket' => env('AWS_BUCKET'), 64 | 'url' => env('AWS_URL'), 65 | ], 66 | 67 | ], 68 | 69 | ]; 70 | -------------------------------------------------------------------------------- /config/hashing.php: -------------------------------------------------------------------------------- 1 | 'bcrypt', 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Bcrypt Options 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may specify the configuration options that should be used when 26 | | passwords are hashed using the Bcrypt algorithm. This will allow you 27 | | to control the amount of time it takes to hash the given password. 28 | | 29 | */ 30 | 31 | 'bcrypt' => [ 32 | 'rounds' => env('BCRYPT_ROUNDS', 10), 33 | ], 34 | 35 | /* 36 | |-------------------------------------------------------------------------- 37 | | Argon Options 38 | |-------------------------------------------------------------------------- 39 | | 40 | | Here you may specify the configuration options that should be used when 41 | | passwords are hashed using the Argon algorithm. These will allow you 42 | | to control the amount of time it takes to hash the given password. 43 | | 44 | */ 45 | 46 | 'argon' => [ 47 | 'memory' => 1024, 48 | 'threads' => 2, 49 | 'time' => 2, 50 | ], 51 | 52 | ]; 53 | -------------------------------------------------------------------------------- /config/logging.php: -------------------------------------------------------------------------------- 1 | env('LOG_CHANNEL', 'stack'), 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | Log Channels 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Here you may configure the log channels for your application. Out of 27 | | the box, Laravel uses the Monolog PHP logging library. This gives 28 | | you a variety of powerful log handlers / formatters to utilize. 29 | | 30 | | Available Drivers: "single", "daily", "slack", "syslog", 31 | | "errorlog", "monolog", 32 | | "custom", "stack" 33 | | 34 | */ 35 | 36 | 'channels' => [ 37 | 'stack' => [ 38 | 'driver' => 'stack', 39 | 'channels' => ['daily'], 40 | 'ignore_exceptions' => false, 41 | ], 42 | 43 | 'single' => [ 44 | 'driver' => 'single', 45 | 'path' => storage_path('logs/laravel.log'), 46 | 'level' => 'debug', 47 | ], 48 | 49 | 'daily' => [ 50 | 'driver' => 'daily', 51 | 'path' => storage_path('logs/laravel.log'), 52 | 'level' => 'debug', 53 | 'days' => 14, 54 | ], 55 | 56 | 'slack' => [ 57 | 'driver' => 'slack', 58 | 'url' => env('LOG_SLACK_WEBHOOK_URL'), 59 | 'username' => 'Laravel Log', 60 | 'emoji' => ':boom:', 61 | 'level' => 'critical', 62 | ], 63 | 64 | 'papertrail' => [ 65 | 'driver' => 'monolog', 66 | 'level' => 'debug', 67 | 'handler' => SyslogUdpHandler::class, 68 | 'handler_with' => [ 69 | 'host' => env('PAPERTRAIL_URL'), 70 | 'port' => env('PAPERTRAIL_PORT'), 71 | ], 72 | ], 73 | 74 | 'stderr' => [ 75 | 'driver' => 'monolog', 76 | 'handler' => StreamHandler::class, 77 | 'formatter' => env('LOG_STDERR_FORMATTER'), 78 | 'with' => [ 79 | 'stream' => 'php://stderr', 80 | ], 81 | ], 82 | 83 | 'syslog' => [ 84 | 'driver' => 'syslog', 85 | 'level' => 'debug', 86 | ], 87 | 88 | 'errorlog' => [ 89 | 'driver' => 'errorlog', 90 | 'level' => 'debug', 91 | ], 92 | ], 93 | 94 | ]; 95 | -------------------------------------------------------------------------------- /config/mail.php: -------------------------------------------------------------------------------- 1 | env('MAIL_DRIVER', 'smtp'), 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | SMTP Host Address 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Here you may provide the host address of the SMTP server used by your 27 | | applications. A default option is provided that is compatible with 28 | | the Mailgun mail service which will provide reliable deliveries. 29 | | 30 | */ 31 | 32 | 'host' => env('MAIL_HOST', 'smtp.mailgun.org'), 33 | 34 | /* 35 | |-------------------------------------------------------------------------- 36 | | SMTP Host Port 37 | |-------------------------------------------------------------------------- 38 | | 39 | | This is the SMTP port used by your application to deliver e-mails to 40 | | users of the application. Like the host we have set this value to 41 | | stay compatible with the Mailgun e-mail application by default. 42 | | 43 | */ 44 | 45 | 'port' => env('MAIL_PORT', 587), 46 | 47 | /* 48 | |-------------------------------------------------------------------------- 49 | | Global "From" Address 50 | |-------------------------------------------------------------------------- 51 | | 52 | | You may wish for all e-mails sent by your application to be sent from 53 | | the same address. Here, you may specify a name and address that is 54 | | used globally for all e-mails that are sent by your application. 55 | | 56 | */ 57 | 58 | 'from' => [ 59 | 'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'), 60 | 'name' => env('MAIL_FROM_NAME', 'Example'), 61 | ], 62 | 63 | /* 64 | |-------------------------------------------------------------------------- 65 | | E-Mail Encryption Protocol 66 | |-------------------------------------------------------------------------- 67 | | 68 | | Here you may specify the encryption protocol that should be used when 69 | | the application send e-mail messages. A sensible default using the 70 | | transport layer security protocol should provide great security. 71 | | 72 | */ 73 | 74 | 'encryption' => env('MAIL_ENCRYPTION', 'tls'), 75 | 76 | /* 77 | |-------------------------------------------------------------------------- 78 | | SMTP Server Username 79 | |-------------------------------------------------------------------------- 80 | | 81 | | If your SMTP server requires a username for authentication, you should 82 | | set it here. This will get used to authenticate with your server on 83 | | connection. You may also set the "password" value below this one. 84 | | 85 | */ 86 | 87 | 'username' => env('MAIL_USERNAME'), 88 | 89 | 'password' => env('MAIL_PASSWORD'), 90 | 91 | /* 92 | |-------------------------------------------------------------------------- 93 | | Sendmail System Path 94 | |-------------------------------------------------------------------------- 95 | | 96 | | When using the "sendmail" driver to send e-mails, we will need to know 97 | | the path to where Sendmail lives on this server. A default path has 98 | | been provided here, which will work well on most of your systems. 99 | | 100 | */ 101 | 102 | 'sendmail' => '/usr/sbin/sendmail -bs', 103 | 104 | /* 105 | |-------------------------------------------------------------------------- 106 | | Markdown Mail Settings 107 | |-------------------------------------------------------------------------- 108 | | 109 | | If you are using Markdown based email rendering, you may configure your 110 | | theme and component paths here, allowing you to customize the design 111 | | of the emails. Or, you may simply stick with the Laravel defaults! 112 | | 113 | */ 114 | 115 | 'markdown' => [ 116 | 'theme' => 'default', 117 | 118 | 'paths' => [ 119 | resource_path('views/vendor/mail'), 120 | ], 121 | ], 122 | 123 | /* 124 | |-------------------------------------------------------------------------- 125 | | Log Channel 126 | |-------------------------------------------------------------------------- 127 | | 128 | | If you are using the "log" driver, you may specify the logging channel 129 | | if you prefer to keep mail messages separate from other log entries 130 | | for simpler reading. Otherwise, the default channel will be used. 131 | | 132 | */ 133 | 134 | 'log_channel' => env('MAIL_LOG_CHANNEL'), 135 | 136 | ]; 137 | -------------------------------------------------------------------------------- /config/queue.php: -------------------------------------------------------------------------------- 1 | env('QUEUE_CONNECTION', 'sync'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Queue Connections 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here you may configure the connection information for each server that 24 | | is used by your application. A default configuration has been added 25 | | for each back-end shipped with Laravel. You are free to add more. 26 | | 27 | | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null" 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'sync' => [ 34 | 'driver' => 'sync', 35 | ], 36 | 37 | 'database' => [ 38 | 'driver' => 'database', 39 | 'table' => 'jobs', 40 | 'queue' => 'default', 41 | 'retry_after' => 90, 42 | ], 43 | 44 | 'beanstalkd' => [ 45 | 'driver' => 'beanstalkd', 46 | 'host' => 'localhost', 47 | 'queue' => 'default', 48 | 'retry_after' => 90, 49 | 'block_for' => 0, 50 | ], 51 | 52 | 'sqs' => [ 53 | 'driver' => 'sqs', 54 | 'key' => env('AWS_ACCESS_KEY_ID'), 55 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 56 | 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'), 57 | 'queue' => env('SQS_QUEUE', 'your-queue-name'), 58 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 59 | ], 60 | 61 | 'redis' => [ 62 | 'driver' => 'redis', 63 | 'connection' => 'default', 64 | 'queue' => env('REDIS_QUEUE', 'default'), 65 | 'retry_after' => 90, 66 | 'block_for' => null, 67 | ], 68 | 69 | ], 70 | 71 | /* 72 | |-------------------------------------------------------------------------- 73 | | Failed Queue Jobs 74 | |-------------------------------------------------------------------------- 75 | | 76 | | These options configure the behavior of failed queue job logging so you 77 | | can control which database and table are used to store the jobs that 78 | | have failed. You may change them to any database / table you wish. 79 | | 80 | */ 81 | 82 | 'failed' => [ 83 | 'database' => env('DB_CONNECTION', 'mysql'), 84 | 'table' => 'failed_jobs', 85 | ], 86 | 87 | ]; 88 | -------------------------------------------------------------------------------- /config/services.php: -------------------------------------------------------------------------------- 1 | [ 18 | 'domain' => env('MAILGUN_DOMAIN'), 19 | 'secret' => env('MAILGUN_SECRET'), 20 | 'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'), 21 | ], 22 | 23 | 'postmark' => [ 24 | 'token' => env('POSTMARK_TOKEN'), 25 | ], 26 | 27 | 'ses' => [ 28 | 'key' => env('AWS_ACCESS_KEY_ID'), 29 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 30 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 31 | ], 32 | 33 | 'sparkpost' => [ 34 | 'secret' => env('SPARKPOST_SECRET'), 35 | ], 36 | 37 | 'stripe' => [ 38 | 'model' => App\User::class, 39 | 'key' => env('STRIPE_KEY'), 40 | 'secret' => env('STRIPE_SECRET'), 41 | 'webhook' => [ 42 | 'secret' => env('STRIPE_WEBHOOK_SECRET'), 43 | 'tolerance' => env('STRIPE_WEBHOOK_TOLERANCE', 300), 44 | ], 45 | ], 46 | 47 | ]; 48 | -------------------------------------------------------------------------------- /config/session.php: -------------------------------------------------------------------------------- 1 | env('SESSION_DRIVER', 'file'), 22 | 23 | /* 24 | |-------------------------------------------------------------------------- 25 | | Session Lifetime 26 | |-------------------------------------------------------------------------- 27 | | 28 | | Here you may specify the number of minutes that you wish the session 29 | | to be allowed to remain idle before it expires. If you want them 30 | | to immediately expire on the browser closing, set that option. 31 | | 32 | */ 33 | 34 | 'lifetime' => env('SESSION_LIFETIME', 120), 35 | 36 | 'expire_on_close' => false, 37 | 38 | /* 39 | |-------------------------------------------------------------------------- 40 | | Session Encryption 41 | |-------------------------------------------------------------------------- 42 | | 43 | | This option allows you to easily specify that all of your session data 44 | | should be encrypted before it is stored. All encryption will be run 45 | | automatically by Laravel and you can use the Session like normal. 46 | | 47 | */ 48 | 49 | 'encrypt' => false, 50 | 51 | /* 52 | |-------------------------------------------------------------------------- 53 | | Session File Location 54 | |-------------------------------------------------------------------------- 55 | | 56 | | When using the native session driver, we need a location where session 57 | | files may be stored. A default has been set for you but a different 58 | | location may be specified. This is only needed for file sessions. 59 | | 60 | */ 61 | 62 | 'files' => storage_path('framework/sessions'), 63 | 64 | /* 65 | |-------------------------------------------------------------------------- 66 | | Session Database Connection 67 | |-------------------------------------------------------------------------- 68 | | 69 | | When using the "database" or "redis" session drivers, you may specify a 70 | | connection that should be used to manage these sessions. This should 71 | | correspond to a connection in your database configuration options. 72 | | 73 | */ 74 | 75 | 'connection' => env('SESSION_CONNECTION', null), 76 | 77 | /* 78 | |-------------------------------------------------------------------------- 79 | | Session Database Table 80 | |-------------------------------------------------------------------------- 81 | | 82 | | When using the "database" session driver, you may specify the table we 83 | | should use to manage the sessions. Of course, a sensible default is 84 | | provided for you; however, you are free to change this as needed. 85 | | 86 | */ 87 | 88 | 'table' => 'sessions', 89 | 90 | /* 91 | |-------------------------------------------------------------------------- 92 | | Session Cache Store 93 | |-------------------------------------------------------------------------- 94 | | 95 | | When using the "apc", "memcached", or "dynamodb" session drivers you may 96 | | list a cache store that should be used for these sessions. This value 97 | | must match with one of the application's configured cache "stores". 98 | | 99 | */ 100 | 101 | 'store' => env('SESSION_STORE', null), 102 | 103 | /* 104 | |-------------------------------------------------------------------------- 105 | | Session Sweeping Lottery 106 | |-------------------------------------------------------------------------- 107 | | 108 | | Some session drivers must manually sweep their storage location to get 109 | | rid of old sessions from storage. Here are the chances that it will 110 | | happen on a given request. By default, the odds are 2 out of 100. 111 | | 112 | */ 113 | 114 | 'lottery' => [2, 100], 115 | 116 | /* 117 | |-------------------------------------------------------------------------- 118 | | Session Cookie Name 119 | |-------------------------------------------------------------------------- 120 | | 121 | | Here you may change the name of the cookie used to identify a session 122 | | instance by ID. The name specified here will get used every time a 123 | | new session cookie is created by the framework for every driver. 124 | | 125 | */ 126 | 127 | 'cookie' => env( 128 | 'SESSION_COOKIE', 129 | Str::slug(env('APP_NAME', 'laravel'), '_').'_session' 130 | ), 131 | 132 | /* 133 | |-------------------------------------------------------------------------- 134 | | Session Cookie Path 135 | |-------------------------------------------------------------------------- 136 | | 137 | | The session cookie path determines the path for which the cookie will 138 | | be regarded as available. Typically, this will be the root path of 139 | | your application but you are free to change this when necessary. 140 | | 141 | */ 142 | 143 | 'path' => '/', 144 | 145 | /* 146 | |-------------------------------------------------------------------------- 147 | | Session Cookie Domain 148 | |-------------------------------------------------------------------------- 149 | | 150 | | Here you may change the domain of the cookie used to identify a session 151 | | in your application. This will determine which domains the cookie is 152 | | available to in your application. A sensible default has been set. 153 | | 154 | */ 155 | 156 | 'domain' => env('SESSION_DOMAIN', null), 157 | 158 | /* 159 | |-------------------------------------------------------------------------- 160 | | HTTPS Only Cookies 161 | |-------------------------------------------------------------------------- 162 | | 163 | | By setting this option to true, session cookies will only be sent back 164 | | to the server if the browser has a HTTPS connection. This will keep 165 | | the cookie from being sent to you if it can not be done securely. 166 | | 167 | */ 168 | 169 | 'secure' => env('SESSION_SECURE_COOKIE', false), 170 | 171 | /* 172 | |-------------------------------------------------------------------------- 173 | | HTTP Access Only 174 | |-------------------------------------------------------------------------- 175 | | 176 | | Setting this value to true will prevent JavaScript from accessing the 177 | | value of the cookie and the cookie will only be accessible through 178 | | the HTTP protocol. You are free to modify this option if needed. 179 | | 180 | */ 181 | 182 | 'http_only' => true, 183 | 184 | /* 185 | |-------------------------------------------------------------------------- 186 | | Same-Site Cookies 187 | |-------------------------------------------------------------------------- 188 | | 189 | | This option determines how your cookies behave when cross-site requests 190 | | take place, and can be used to mitigate CSRF attacks. By default, we 191 | | do not enable this as other CSRF protection services are in place. 192 | | 193 | | Supported: "lax", "strict" 194 | | 195 | */ 196 | 197 | 'same_site' => null, 198 | 199 | ]; 200 | -------------------------------------------------------------------------------- /config/view.php: -------------------------------------------------------------------------------- 1 | [ 17 | resource_path('views'), 18 | ], 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Compiled View Path 23 | |-------------------------------------------------------------------------- 24 | | 25 | | This option determines where all the compiled Blade templates will be 26 | | stored for your application. Typically, this is within the storage 27 | | directory. However, as usual, you are free to change this value. 28 | | 29 | */ 30 | 31 | 'compiled' => env( 32 | 'VIEW_COMPILED_PATH', 33 | realpath(storage_path('framework/views')) 34 | ), 35 | 36 | ]; 37 | -------------------------------------------------------------------------------- /config/websockets.php: -------------------------------------------------------------------------------- 1 | [ 15 | [ 16 | 'id' => env('PUSHER_APP_ID'), 17 | 'name' => env('APP_NAME'), 18 | 'key' => env('PUSHER_APP_KEY'), 19 | 'secret' => env('PUSHER_APP_SECRET'), 20 | 'enable_client_messages' => false, 21 | 'enable_statistics' => true, 22 | ], 23 | ], 24 | 25 | /* 26 | * This class is responsible for finding the apps. The default provider 27 | * will use the apps defined in this config file. 28 | * 29 | * You can create a custom provider by implementing the 30 | * `AppProvider` interface. 31 | */ 32 | 'app_provider' => BeyondCode\LaravelWebSockets\Apps\ConfigAppProvider::class, 33 | 34 | /* 35 | * This array contains the hosts of which you want to allow incoming requests. 36 | * Leave this empty if you want to accept requests from all hosts. 37 | */ 38 | 'allowed_origins' => [ 39 | // 40 | ], 41 | 42 | /* 43 | * The maximum request size in kilobytes that is allowed for an incoming WebSocket request. 44 | */ 45 | 'max_request_size_in_kb' => 250, 46 | 47 | /* 48 | * This path will be used to register the necessary routes for the package. 49 | */ 50 | 'path' => 'laravel-websockets', 51 | 52 | /* 53 | * Dashboard Routes Middleware 54 | * 55 | * These middleware will be assigned to every dashboard route, giving you 56 | * the chance to add your own middleware to this list or change any of 57 | * the existing middleware. Or, you can simply stick with this list. 58 | */ 59 | 'middleware' => [ 60 | 'web', 61 | Authorize::class, 62 | ], 63 | 64 | 'statistics' => [ 65 | /* 66 | * This model will be used to store the statistics of the WebSocketsServer. 67 | * The only requirement is that the model should extend 68 | * `WebSocketsStatisticsEntry` provided by this package. 69 | */ 70 | 'model' => \BeyondCode\LaravelWebSockets\Statistics\Models\WebSocketsStatisticsEntry::class, 71 | 72 | /* 73 | * Here you can specify the interval in seconds at which statistics should be logged. 74 | */ 75 | 'interval_in_seconds' => 60, 76 | 77 | /* 78 | * When the clean-command is executed, all recorded statistics older than 79 | * the number of days specified here will be deleted. 80 | */ 81 | 'delete_statistics_older_than_days' => 60, 82 | 83 | /* 84 | * Use an DNS resolver to make the requests to the statistics logger 85 | * default is to resolve everything to 127.0.0.1. 86 | */ 87 | 'perform_dns_lookup' => false, 88 | ], 89 | 90 | /* 91 | * Define the optional SSL context for your WebSocket connections. 92 | * You can see all available options at: http://php.net/manual/en/context.ssl.php 93 | */ 94 | 'ssl' => [ 95 | /* 96 | * Path to local certificate file on filesystem. It must be a PEM encoded file which 97 | * contains your certificate and private key. It can optionally contain the 98 | * certificate chain of issuers. The private key also may be contained 99 | * in a separate file specified by local_pk. 100 | */ 101 | 'local_cert' => null, 102 | 103 | /* 104 | * Path to local private key file on filesystem in case of separate files for 105 | * certificate (local_cert) and private key. 106 | */ 107 | 'local_pk' => null, 108 | 109 | /* 110 | * Passphrase for your local_cert file. 111 | */ 112 | 'passphrase' => null, 113 | ], 114 | 115 | /* 116 | * Channel Manager 117 | * This class handles how channel persistence is handled. 118 | * By default, persistence is stored in an array by the running webserver. 119 | * The only requirement is that the class should implement 120 | * `ChannelManager` interface provided by this package. 121 | */ 122 | 'channel_manager' => \BeyondCode\LaravelWebSockets\WebSockets\Channels\ChannelManagers\ArrayChannelManager::class, 123 | ]; 124 | -------------------------------------------------------------------------------- /database/.gitignore: -------------------------------------------------------------------------------- 1 | *.sqlite 2 | -------------------------------------------------------------------------------- /database/factories/UserFactory.php: -------------------------------------------------------------------------------- 1 | define(User::class, function (Faker $faker) { 19 | return [ 20 | 'name' => $faker->name, 21 | 'email' => $faker->unique()->safeEmail, 22 | 'email_verified_at' => now(), 23 | 'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password 24 | 'remember_token' => Str::random(10), 25 | ]; 26 | }); 27 | -------------------------------------------------------------------------------- /database/migrations/2014_10_12_000000_create_users_table.php: -------------------------------------------------------------------------------- 1 | bigIncrements('id'); 18 | $table->string('name'); 19 | $table->string('email')->unique(); 20 | $table->timestamp('email_verified_at')->nullable(); 21 | $table->string('password'); 22 | $table->rememberToken(); 23 | $table->timestamps(); 24 | }); 25 | } 26 | 27 | /** 28 | * Reverse the migrations. 29 | * 30 | * @return void 31 | */ 32 | public function down() 33 | { 34 | Schema::dropIfExists('users'); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /database/migrations/2014_10_12_100000_create_password_resets_table.php: -------------------------------------------------------------------------------- 1 | string('email')->index(); 18 | $table->string('token'); 19 | $table->timestamp('created_at')->nullable(); 20 | }); 21 | } 22 | 23 | /** 24 | * Reverse the migrations. 25 | * 26 | * @return void 27 | */ 28 | public function down() 29 | { 30 | Schema::dropIfExists('password_resets'); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /database/migrations/2019_03_02_065033_create_feedback_table.php: -------------------------------------------------------------------------------- 1 | bigIncrements('id'); 18 | $table->string("word"); 19 | $table->integer("count"); 20 | $table->timestamps(); 21 | }); 22 | } 23 | 24 | /** 25 | * Reverse the migrations. 26 | * 27 | * @return void 28 | */ 29 | public function down() 30 | { 31 | Schema::dropIfExists('feedback'); 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /database/migrations/2019_03_02_094151_create_websockets_statistics_entries_table.php: -------------------------------------------------------------------------------- 1 | increments('id'); 16 | $table->string('app_id'); 17 | $table->integer('peak_connection_count'); 18 | $table->integer('websocket_message_count'); 19 | $table->integer('api_message_count'); 20 | $table->nullableTimestamps(); 21 | }); 22 | } 23 | /** 24 | * Reverse the migrations. 25 | */ 26 | public function down() 27 | { 28 | Schema::dropIfExists('websockets_statistics_entries'); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /database/seeds/DatabaseSeeder.php: -------------------------------------------------------------------------------- 1 | call(UsersTableSeeder::class); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: "2" 2 | # define all services 3 | services: 4 | # our service is called laravel ;-) 5 | feedback-loop: 6 | env_file: 7 | - .env 8 | image: azamuddin/feedback-loop 9 | # we want to use the image which is build from our Dockerfile 10 | build: . 11 | # apache is running on port 80 but we want to expose this to port 4000 on our local machine 12 | ports: 13 | - "1339:80" 14 | - "6001:6001" 15 | # we depending on the mysql backend 16 | -------------------------------------------------------------------------------- /docs/index.md: -------------------------------------------------------------------------------- 1 | ![cover](../public/cover.jpeg) 2 | 3 |
4 | 5 | # Panduan Praktis Membuat Realtime App dengan Laravel Websockets 6 | 7 | Demo App: Feedback Loop
8 | Dashboard: [http://feedback.arrowfunxtion.com/feedback/dashboard](http://feedback.arrowfunxtion.com/feedback/dashboard)
9 | Input Feedback : [http://feedback.arrowfunxtion.com](http://feedback.arrowfunxtion.com)
10 | 11 | Gunakan tab / window yang berbeda untuk melihat efek realtime. 12 | 13 | ## Apakah ebook ini gratis? 14 | 15 | Ya, dan kamu boleh membagikan ke siapapun, dan yap, silahkan bagikan jika bermanfaat. Tidak diperbolehkan mengubah sebagian atau keseluruhan konten di ebook ini tanpa seizin penulis. 16 | 17 | Link source code ada di bagian penutup ya. Saya tahu ada yang pertama dicari adalah source code. 18 | 19 |
20 | 21 | ## Tentang penulis 22 | 23 | Muhammad Azamuddin, Fullstack Developer, lulusan akuntansi bukan IT, penulis ebook Be Fullstack Developer Laravel - Vue [(https://buku-laravel-vue.com)](https://buku-laravel-vue.com/arrowfunxtion) bersama Hafid Mukhlasin yang sudah dipercaya oleh 1200+ member. Tech Speaker, meskipun udah lama off karena kesibukkan dengan anak :D kalo mau mengundang tetep dipersilahkan. 24 | 25 | Senang dengan Laravel, Nodejs, Sails, React tapi tidak menutup diri menggunakan teknologi-teknologi lainnya jika diperlukan. Pernah bekerja di beberapa tempat, freelance writer di media Brazil, bekerja untuk Republik Indonesia, remote di Keller Williams (tapi terpaksa dilepas supaya "fokus" meskipun sempet galau banget), creator produk-produk digital yang sudah terjual lebih dari 5000 items di Indonesia dan Malaysia bersama rekannya, Nofi Bayu Darmawan. Tapi tetep newbie dibandingkan para master, dan selalu butuh waktu buat belajar dan mengembangkan diri. Barakallah. 26 | 27 | Facebook: [https://facebook.com/script.holic](https://facebook.com/script.holic)
28 | Email: mas.azamuddin@gmail.com 29 | 30 |
31 | 32 | ## Setelah membaca ini pembaca diharapkan bisa apa? 33 | 34 | Setelah membaca ebook ini pembaca akan memperoleh pengetahuan bagaimana membuat fitur realtime dengan Laravel dan Vue tanpa memanfaatkan package laravel-websockets. Selain itu pembaca akan bisa membuat komponen vue yang bereaksi terhadap event di laravel serta bisa menggunakan chartjs dengan vue. 35 | 36 | ## Kenapa tutorial realtime app? 37 | 38 | Oktober 2018 saya dan partner sekaligus guru saya, Hafid Mukhlasin merilis ebook bundle Laravel + Vue yang membahas tuntas dari konsep, study kasus hingga deploy ke server VPS dan hosting. 39 | 40 | Selain materi ebook, kami juga menyiapkan grup khusus pembeli (meskipun banyak penyusup masuk, hehe), di grup itu sudah banyak tanya jawab dan diskusi terkait materi secara langsung maupun topik laravel vue secara umum. 41 | 42 | Kemudian kami berpikir untuk memberikan tambahan materi terutama untuk para pembeli, lalu kami putuskan untuk melakukan polling di grup, kira-kira materi apa yang paling diinginkan? yang paling banyak vote yang menang. Dan ternyata materi realtime app ini lah yang unggul mengalahkan opsi-opsi lain. 43 | 44 | ## Ebook ini cocok untuk siapa? 45 | 46 | Ebook ini bukan untuk yang baru mau belajar Laravel apalagi yang baru mau belajar pemrograman. Meskipun bisa aja kalo mau maksain ngikutin. Tapi saya sarankan belajar dulu sampai bisa dasar Laravel. 47 | 48 | Paling cocok ebook ini untuk yang sudah paham Laravel, adapun untuk Vue sebenarnya untuk yang paham dasar-dasarnya sudah cukup, karena tidak akan dibahas topik-topik advanced. 49 | 50 | ## Topik apa saja yang akan kita pelajari di ebook ini? 51 | 52 | Kita tidak akan membahas secara detail masing-masing topik di bawah ini. Karena tujuan dari ebook ini adalah untuk memperkenalkan / menunjukkan bagaimana sih setup realtime app dengan Laravel & Vue. Bukan menjelaskan fundamental dari kedua teknologi tersebut. Sesuai dengan poin "Ebook ini cocok untuk siapa?". 53 | 54 | Berikut hal-hal yang akan kita pelajari di ebook ini: 55 | 56 | - Laravel Websockets Package 57 | - Laravel Echo 58 | - Laravel Mix 59 | - Komponen Vue 60 | - Ajax 61 | - REST endpoints dengan Laravel 62 | 63 | ## System Requirements 64 | 65 | - PHP versi 7.1 ke atas 66 | - Node + NPM 67 | 68 | Apakah saya perlu Node untuk socket? umumnya saat akan menggunakan websocket kita selalu disuguhkan tutorial-tutorial socket server dengan Node, tapi tidak di ebook ini, kita akan menggunakan `Laravel Web Socket` sebagai socket server untuk mengganti Pusher cloud. Adapun Node + NPM digunakan untuk compile VueJS dengan menggunakan Laravel Mix. 69 | 70 |
71 | 72 | ## Setup project Laravel baru 73 | 74 | 1. Buat project laravel baru 75 | 76 | ```bash 77 | laravel new realtime-feedback 78 | ``` 79 | 80 | 2. Copy `.env-example` ke `.env` (Linux or Mac) 81 | 82 | ``` 83 | cp .env-example .env 84 | ``` 85 | 86 | 3. Buka phpmyadmin kamu, lalu buat database baru dengan nama `realtime-feedback` 87 | 88 | 4. Bukan file `.env` yang tadi lalu sesuaikan konfigurasi database. 89 | 90 | ``` 91 | DB_CONNECTION=mysql 92 | DB_HOST=127.0.0.1 93 | DB_PORT=3306 94 | DB_DATABASE=realtime-feedback 95 | DB_USERNAME=USERNAME_MYSQLMU 96 | DB_PASSWORD=supersecretpasswordKAMU 97 | ``` 98 | 99 | 5. jalankan composer dumpautoload 100 | 101 | ``` 102 | composer dumpautoload 103 | ``` 104 | 105 | 6. Isi API_KEY 106 | 107 | Buka kembali `.env` lalu ubah API_KEY 108 | 109 | ``` 110 | API_KEY= 111 | ``` 112 | 113 | menjadi 114 | 115 | 116 | ``` 117 | API_KEY=somerandomSECRET 118 | ``` 119 | 120 | 7. Nyalakan server, contoh ini menggunakan built in PHP server. Kamu juga bisa menggunakan xampp, Docker atau yang lainnya sesuai setup di komputermu. 121 | ``` 122 | php -S localhost:9000 -t public 123 | ``` 124 | 125 | ## Membuat migration untuk tabel feedback 126 | 127 | Langkah pertama setelah membuat project laravel baru adalah membuat migration untuk mendefinisikan struktur tabel yang akan kita gunakan. 128 | 129 | php artisan make:migration create_feedback_table 130 | 131 | Selanjutnya buka file migration yang baru dibuat di `database/migrations/xxxxxx_create_feedback_table.php` 132 | 133 | Lalu jadikan seperti ini: 134 | 135 | ```php 136 | bigIncrements('id'); 153 | $table->string("word"); 154 | $table->integer("count"); 155 | $table->timestamps(); 156 | }); 157 | } 158 | 159 | /** 160 | * Reverse the migrations. 161 | * 162 | * @return void 163 | */ 164 | public function down() 165 | { 166 | Schema::dropIfExists('feedback'); 167 | } 168 | } 169 | ``` 170 | 171 | Setelah itu jalankan perintah migrate. 172 | 173 | php artisan migrate 174 | 175 |
176 | 177 | ## Buat model & controller Feedback 178 | 179 | Setelah membuat tabel dengan fitur migration, selanjutnya kita buat model Feedback 180 | 181 | php artisan make:model Feedback 182 | 183 | kemudian buka model `Feedback` yang baru saja kita _generate_, tambahkan field `word` dan `count` sebagai `$fillable` 184 | 185 | ``` 186 | class Feedback extends Model 187 | { 188 | protected $fillable = ['word', 'count']; 189 | } 190 | ``` 191 | 192 | Setelah itu buatlah controller `FeedbackController` 193 | 194 | php artisan make:controller FeedbackController 195 | 196 | Lalu jadikan seperti ini: 197 | 198 | ```php 199 | get('words'); 219 | 220 | // tidak boleh mengandung tanda koma (,) 221 | if (strpos($words, ",") !== false) { 222 | return response()->json([ 223 | "message" => "Kata tidak boleh ada tanda koma (,)", 224 | ], 400); 225 | } 226 | 227 | $words = explode(" ", $words); 228 | 229 | // tidak boleh lebih dari 3 kata 230 | if (count($words) > 3) { 231 | return response()->json([ 232 | "message" => "Tidak boleh lebih dari 3 kata", 233 | ], 400); 234 | } 235 | 236 | foreach ($words as $key => $word) { 237 | $this->createOrIncrement($word); 238 | } 239 | 240 | return response()->json("OK"); 241 | } 242 | 243 | public function dashboard() 244 | { 245 | return view('dashboard'); 246 | } 247 | 248 | public function dashboardData() 249 | { 250 | return response()->json($this->getData()); 251 | } 252 | 253 | protected function getData() 254 | { 255 | $top_ten = 256 | Feedback::orderBy('count', 'DESC') 257 | ->get() 258 | ->take(10); 259 | 260 | return $top_ten; 261 | } 262 | 263 | public function input() 264 | { 265 | return view('input'); 266 | } 267 | 268 | protected function createOrIncrement(String $word) 269 | { 270 | // jadikan lowercase 271 | $word = strtolower($word); 272 | 273 | $feedback = Feedback::where('word', $word)->first(); 274 | 275 | if ($feedback) { 276 | $feedback->increment('count'); 277 | } else { 278 | Feedback::create([ 279 | "word" => $word, 280 | "count" => 1, 281 | ]); 282 | } 283 | } 284 | 285 | } 286 | ``` 287 | 288 | ## Routes 289 | 290 | Setelah tabel, model dan controller siap, selanjutnya kita definisikan route agar user dapat mengakses data dan fitur aplikasi kita. 291 | Tambahkan routes/web.php kode berikut 292 | 293 | ```php 294 | Route::group(['prefix'=> 'api/v1'], function(){ 295 | Route::post('feedback', 'FeedbackController@store'); 296 | }); 297 | ``` 298 | 299 | Setelah itu kita juga perlu melakukan disable csrfToken middleware untuk route dengan awalan "api/v1". Caranya buka `app/Http/Middleware/VerifyCsrfToken.php` kemudian tambahkan route prefix tadi di variable `$except` seperti ini: 300 | 301 | ```php 302 | protected $except = [ 303 | "api/v1/*", 304 | ]; 305 | ``` 306 | 307 | ## Install dan Setup Laravel Websockets Package 308 | 309 | - install laravel web socket 310 | 311 | ```bash 312 | composer require beyondcode/laravel-websockets 313 | ``` 314 | 315 | - publish migration dari laravel-websockets 316 | ```bash 317 | php artisan vendor:publish --provider="BeyondCode\LaravelWebSockets\WebSocketsServiceProvider" --tag="migrations" 318 | ``` 319 | - php artisan migrate 320 | - publish konfigurasi bawaan dari package laravel web socket 321 | ```bash 322 | php artisan vendor:publish --provider="BeyondCode\LaravelWebSockets\WebSocketsServiceProvider" --tag="config" 323 | ``` 324 | 325 | ## Broadcasting laravel 326 | 327 | - install Pusher SDK 328 | ```bash 329 | composer require pusher/pusher-php-server "~3.0" 330 | ``` 331 | **Kenapa kita menginstall pusher?** karena kita akan memanfaatkan laravel websocket sebagai pusher server, bukan menggunakan pusher cloud, jadi ga perlu langganan dan ga ada batasan. 332 | - ganti `BROADCAST_DRIVER` menjadi pusher di `.env` 333 | - ubah `config/broadcasting.php` 334 | ```php 335 | 'options' => [ 336 | 'cluster' => env('PUSHER_APP_CLUSTER'), 337 | 'encrypted' => false, 338 | 'host' => '127.0.0.1', 339 | 'port' => 6001, 340 | 'scheme' => 'http', 341 | ], 342 | ``` 343 | - ubah config di `.env` 344 | 345 | ``` 346 | PUSHER_APP_ID=realtime-feedback 347 | PUSHER_APP_KEY=pusherKey 348 | PUSHER_APP_SECRET=pusherSecret 349 | PUSHER_APP_CLUSTER=mt1 350 | 351 | MIX_PUSHER_APP_KEY=pusherKey 352 | MIX_PUSHER_APP_CLUSTER=mt1 353 | 354 | ``` 355 | 356 | - buka `resources/bootstrap.js` lalu uncomment kode berikut untuk mengaktifkan Laravel Echo 357 | . 358 | 359 | ```javascript 360 | import Echo from "laravel-echo"; 361 | 362 | window.Pusher = require("pusher-js"); 363 | 364 | window.Echo = new Echo({ 365 | broadcaster: "pusher", 366 | key: "your-pusher-key", 367 | encrypted: false, 368 | wsHost: window.location.hostname, 369 | wsPort: 6001, 370 | disableStats: true 371 | }); 372 | ``` 373 | 374 | **PENTING:** Pastikan broadcaster `pusher` dan key diisi nilai yang sama dengan `MIX_PUSHER_APP_KEY` di `.env`. Selain itu kita perlu menambahkan `encrypted:false,` 375 | 376 | - jalankan laravel websocket dengan membuka terminal baru di project kita, lalu ketik perintah berikut 377 | 378 | ```bash 379 | php artisan websockets:serve 380 | ``` 381 | 382 | - Uncomment broadcasting provider di `app/config.php` 383 | ```php 384 | App\Providers\BroadcastServiceProvider::class, 385 | ``` 386 | 387 | * buat Event baru dengan nama `FeedbackReceived`, ketik perintah 388 | 389 | ``` 390 | php artisan make:event FeedbackReceived 391 | ``` 392 | 393 | - buka event `FeedbackReceived` lalu sesuaikan kodenya seperti ini: 394 | 395 | ```php 396 | payload = $data; 417 | } 418 | 419 | public function broadcastWith() 420 | { 421 | return $this->payload; 422 | } 423 | 424 | /** 425 | * Get the channels the event should broadcast on. 426 | * 427 | * @return \Illuminate\Broadcasting\Channel|array 428 | */ 429 | public function broadcastOn() 430 | { 431 | return new Channel('feedback-received'); 432 | } 433 | } 434 | ``` 435 | 436 | - tambahkan broadcast di `FeedbackController.store` 437 | 438 | ```php 439 | // broadcast with new data 440 | $data = json_decode($this->getData()); 441 | broadcast(new FeedbackReceived($data)); 442 | ``` 443 | 444 | sehingga method `store` di `FeedbackController` menjadi seperti ini: 445 | 446 | ``` 447 | public function store(Request $request) 448 | { 449 | $words = $request->get('words'); 450 | 451 | // tidak boleh mengandung tanda koma (,) 452 | if (strpos($words, ",") !== false) { 453 | return response()->json([ 454 | "message" => "Kata tidak boleh ada tanda koma (,)", 455 | ], 400); 456 | } 457 | 458 | $words = explode(" ", $words); 459 | 460 | // tidak boleh lebih dari 3 kata 461 | if (count($words) > 3) { 462 | return response()->json([ 463 | "message" => "Tidak boleh lebih dari 3 kata", 464 | ], 400); 465 | } 466 | 467 | foreach ($words as $key => $word) { 468 | $this->createOrIncrement($word); 469 | } 470 | 471 | // broadcast with new data 472 | $data = json_decode($this->getData()); 473 | broadcast(new FeedbackReceived($data)); 474 | 475 | return response()->json("OK"); 476 | } 477 | ``` 478 | 479 | **Penting:** pastikan `FeedbackController` memiliki kode ini `use App\Events\FeedbackReceived;` jika belum tambahkan. 480 | 481 |
482 | 483 | ## Laravel Mix 484 | 485 | Laravel sudah menyediakan konfigurasi untuk memudahkan kita melakukan build file-file javascript untuk client side. Pertama yang harus kita lakukan adalah menginstall _dependency_ yang tertera di file `package.json`, caranya ketik perintah ini: 486 | 487 | npm install 488 | 489 | Node dan NPM harus sudah diinstall ya. 490 | 491 | Selanjutnya kita akan menginstall dependency yang belum ada di bawaan `package.json` laravel, yaitu `laravel-echo` dan `pusher-js`, install dengan perintah ini: 492 | 493 | npm install laravel-echo pusher-js --save 494 | 495 | Jika sudah, buka terminal baru di project kita untuk kepentingan develop, dan jalankan perintah watch 496 | 497 | npm run watch 498 | 499 | perintah watch ini akan mengamati file-file javascript kita, jika ada perubahan maka akan otomatis melakukan compile sehingga asset hasil compile akan selalu update dengan perubahan yang kita lakukan. Ini berguna disaat development biar kita tidak manual compile setiap kali mengubah file javascript, termasuk file .vue ya. 500 | 501 |
502 | 503 | ## User Interface 504 | 505 | - Pertama kita harus uncomment line di `resources/js/app.js` 506 | 507 | ```javascript 508 | const files = require.context("./", true, /\.vue$/i); 509 | files.keys().map(key => 510 | Vue.component( 511 | key 512 | .split("/") 513 | .pop() 514 | .split(".")[0], 515 | files(key).default 516 | ) 517 | ); 518 | ``` 519 | 520 | Kode di atas berfungsi agar component Vue yang kita buat auto registered dan bisa dipakai. 521 | 522 | ### UI Input feedback 523 | 524 | - Buat routes untuk input feedback diluar prefix `api/v1` 525 | 526 | ```php 527 | Route::get('feedback/input', 'FeedbackController@input'); 528 | ``` 529 | 530 | - Buat `input` method di `FeedbackController` jika belum ada. 531 | 532 | ```php 533 | public function input(){ 534 | return view('input'); 535 | } 536 | ``` 537 | 538 | - Buat view input di `resources/views/input.blade.php` 539 | 540 | ```html 541 | 542 | 543 | Feedback Loop 544 | 545 | 546 | 547 |
548 | 549 | 550 | 551 | ``` 552 | 553 | - Buat vue component `feedback-input` di `resources/js/components/FeedbackInput.Vue` 554 | 555 | ```v 556 | 602 | 603 | 641 | ``` 642 | 643 | - Gunakan component feedback-input di view `input.blade.php` 644 | ```html 645 | 646 | 647 | Feedback Loop 648 | 649 | 650 |
651 | 652 |
653 | 654 | 655 | 656 | ``` 657 | 658 | ### UI Dashboard 659 | 660 | - Buat routes untuk dashboard di luar group `api/v1` 661 | ```php 662 | Route::get('feedback/dashboard', 'FeedbackController@dashboard'); 663 | ``` 664 | - buat method `dashboard` di FeedbackController jika belum ada. 665 | ```php 666 | public function dashboard() 667 | { 668 | return view('dashboard'); 669 | } 670 | ``` 671 | - buat view di `resources/views/dashboard.blade.php` 672 | 673 | ```html 674 | 675 | 676 | Feedback Loop 677 | 678 | 679 | 680 |
681 | 682 |
683 | 684 | 685 | 686 | ``` 687 | 688 | - buat method di controller feedback jika belum ada 689 | 690 | ```php 691 | public function dashboardData() 692 | { 693 | return response()->json($this->getData()); 694 | } 695 | ``` 696 | 697 | - buat routes untuk mengambil data via API di dalam group `api/v1` 698 | ```php 699 | Route::get('feedback/data', 'FeedbackController@dashboardData'); 700 | ``` 701 | 702 | ### ChartJS 703 | 704 | - install vue-chartjs 705 | ``` 706 | npm install vue-chartjs chart.js --save 707 | ``` 708 | - buat vue component PieChart di `resources/js/components/PieChart.vue` 709 | 710 | ```javascript 711 | 723 | 724 | ``` 725 | 726 | - buat feedback-dashboard vue component di `resources/js/components/FeedbackDashboard.vue` 727 | Sebelumnya install google-palette terlebih dahulu 728 | 729 | install google-palette 730 | 731 | Sesuaikan kode `FeedbackDashboard.vue` menjadi seperti ini: 732 | 733 | 734 | ```v 735 | 760 | 761 | 762 | 819 | ``` 820 | 821 | ## Penutup 822 | 823 | Demikian panduan praktis dan singkat ini saya buat. Semoga dapat bermanfaat untuk pembaca yang budiman. Mohon maaf jika ada error atau kekeliruan atau salah kata, jika ada pertanyaan atau kekeliruan yang ingin disampaikan, hubungi aja via facebook, https://facebook.com/script.holic. 824 | 825 | Source code bisa dilihat di [github.com/azamuddin/feedback-loop](https://github.com/azamuddin/feedback-loop) 826 | 827 | Terakhir, jika kamu ingin memperdalam Laravel dan Vue, langsung aja cek [https://buku-laravel-vue](https://buku-laravel-vue.com/arrowfunxtion) dan bergabung dengan 1200+ developer lainnya. 828 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "dev": "npm run development", 5 | "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 6 | "watch": "npm run development -- --watch", 7 | "watch-poll": "npm run watch -- --watch-poll", 8 | "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 9 | "prod": "npm run production", 10 | "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 11 | }, 12 | "devDependencies": { 13 | "axios": "^0.18", 14 | "bootstrap": "^4.0.0", 15 | "cross-env": "^5.1", 16 | "jquery": "^3.2", 17 | "laravel-mix": "^4.0.7", 18 | "lodash": "^4.17.5", 19 | "popper.js": "^1.12", 20 | "resolve-url-loader": "^2.3.1", 21 | "sass": "^1.15.2", 22 | "sass-loader": "^7.1.0", 23 | "vue": "^2.5.17", 24 | "vue-template-compiler": "^2.6.8" 25 | }, 26 | "dependencies": { 27 | "chart.js": "^2.7.3", 28 | "google-palette": "^1.1.0", 29 | "laravel-echo": "^1.5.3", 30 | "pusher-js": "^4.4.0", 31 | "vue-chartjs": "^3.4.0" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /phpunit.xml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 13 | ./tests/Unit 14 | 15 | 16 | 17 | ./tests/Feature 18 | 19 | 20 | 21 | 22 | ./app 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /public/.htaccess: -------------------------------------------------------------------------------- 1 | 2 | 3 | Options -MultiViews -Indexes 4 | 5 | 6 | RewriteEngine On 7 | 8 | # Handle Authorization Header 9 | RewriteCond %{HTTP:Authorization} . 10 | RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] 11 | 12 | # Redirect Trailing Slashes If Not A Folder... 13 | RewriteCond %{REQUEST_FILENAME} !-d 14 | RewriteCond %{REQUEST_URI} (.+)/$ 15 | RewriteRule ^ %1 [L,R=301] 16 | 17 | # Handle Front Controller... 18 | RewriteCond %{REQUEST_FILENAME} !-d 19 | RewriteCond %{REQUEST_FILENAME} !-f 20 | RewriteRule ^ index.php [L] 21 | 22 | -------------------------------------------------------------------------------- /public/cover.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/azamuddin/feedback-loop/84332e638fcd3146dfe92dac9f4d3e152974e4ea/public/cover.jpeg -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/azamuddin/feedback-loop/84332e638fcd3146dfe92dac9f4d3e152974e4ea/public/favicon.ico -------------------------------------------------------------------------------- /public/index.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | define('LARAVEL_START', microtime(true)); 11 | 12 | /* 13 | |-------------------------------------------------------------------------- 14 | | Register The Auto Loader 15 | |-------------------------------------------------------------------------- 16 | | 17 | | Composer provides a convenient, automatically generated class loader for 18 | | our application. We just need to utilize it! We'll simply require it 19 | | into the script here so that we don't have to worry about manual 20 | | loading any of our classes later on. It feels great to relax. 21 | | 22 | */ 23 | 24 | require __DIR__.'/../vendor/autoload.php'; 25 | 26 | /* 27 | |-------------------------------------------------------------------------- 28 | | Turn On The Lights 29 | |-------------------------------------------------------------------------- 30 | | 31 | | We need to illuminate PHP development, so let us turn on the lights. 32 | | This bootstraps the framework and gets it ready for use, then it 33 | | will load up this application so that we can run it and send 34 | | the responses back to the browser and delight our users. 35 | | 36 | */ 37 | 38 | $app = require_once __DIR__.'/../bootstrap/app.php'; 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Run The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once we have the application, we can handle the incoming request 46 | | through the kernel, and send the associated response back to 47 | | the client's browser allowing them to enjoy the creative 48 | | and wonderful application we have prepared for them. 49 | | 50 | */ 51 | 52 | $kernel = $app->make(Illuminate\Contracts\Http\Kernel::class); 53 | 54 | $response = $kernel->handle( 55 | $request = Illuminate\Http\Request::capture() 56 | ); 57 | 58 | $response->send(); 59 | 60 | $kernel->terminate($request, $response); 61 | -------------------------------------------------------------------------------- /public/mix-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "/js/app.js": "/js/app.js", 3 | "/css/app.css": "/css/app.css" 4 | } 5 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /resources/js/app.js: -------------------------------------------------------------------------------- 1 | /** 2 | * First we will load all of this project's JavaScript dependencies which 3 | * includes Vue and other libraries. It is a great starting point when 4 | * building robust, powerful web applications using Vue and Laravel. 5 | */ 6 | 7 | require("./bootstrap"); 8 | 9 | window.Vue = require("vue"); 10 | 11 | /** 12 | * The following block of code may be used to automatically register your 13 | * Vue components. It will recursively scan this directory for the Vue 14 | * components and automatically register them with their "basename". 15 | * 16 | * Eg. ./components/ExampleComponent.vue -> 17 | */ 18 | 19 | const files = require.context("./", true, /\.vue$/i); 20 | files.keys().map(key => 21 | Vue.component( 22 | key 23 | .split("/") 24 | .pop() 25 | .split(".")[0], 26 | files(key).default 27 | ) 28 | ); 29 | 30 | Vue.component( 31 | "example-component", 32 | require("./components/ExampleComponent.vue").default 33 | ); 34 | 35 | /** 36 | * Next, we will create a fresh Vue application instance and attach it to 37 | * the page. Then, you may begin adding components to this application 38 | * or customize the JavaScript scaffolding to fit your unique needs. 39 | */ 40 | 41 | const app = new Vue({ 42 | el: "#app" 43 | }); 44 | -------------------------------------------------------------------------------- /resources/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | window._ = require("lodash"); 2 | 3 | /** 4 | * We'll load jQuery and the Bootstrap jQuery plugin which provides support 5 | * for JavaScript based Bootstrap features such as modals and tabs. This 6 | * code may be modified to fit the specific needs of your application. 7 | */ 8 | 9 | try { 10 | window.Popper = require("popper.js").default; 11 | window.$ = window.jQuery = require("jquery"); 12 | 13 | require("bootstrap"); 14 | } catch (e) {} 15 | 16 | /** 17 | * We'll load the axios HTTP library which allows us to easily issue requests 18 | * to our Laravel back-end. This library automatically handles sending the 19 | * CSRF token as a header based on the value of the "XSRF" token cookie. 20 | */ 21 | 22 | window.axios = require("axios"); 23 | 24 | window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest"; 25 | 26 | /** 27 | * Next we will register the CSRF Token as a common header with Axios so that 28 | * all outgoing HTTP requests automatically have it attached. This is just 29 | * a simple convenience so we don't have to attach every token manually. 30 | */ 31 | 32 | // let token = document.head.querySelector('meta[name="csrf-token"]'); 33 | 34 | // if (token) { 35 | // window.axios.defaults.headers.common["X-CSRF-TOKEN"] = token.content; 36 | // } else { 37 | // console.error( 38 | // "CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token" 39 | // ); 40 | // } 41 | 42 | /** 43 | * Echo exposes an expressive API for subscribing to channels and listening 44 | * for events that are broadcast by Laravel. Echo and event broadcasting 45 | * allows your team to easily build robust real-time web applications. 46 | */ 47 | 48 | import Echo from "laravel-echo"; 49 | 50 | window.Pusher = require("pusher-js"); 51 | 52 | window.Echo = new Echo({ 53 | broadcaster: "pusher", 54 | key: process.env.MIX_PUSHER_APP_KEY, 55 | encrypted: false, 56 | wsHost: window.location.hostname, 57 | wsPort: 6001, 58 | disableStats: true 59 | }); 60 | -------------------------------------------------------------------------------- /resources/js/components/ExampleComponent.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 24 | -------------------------------------------------------------------------------- /resources/js/components/FeedbackDashboard.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 31 | 88 | -------------------------------------------------------------------------------- /resources/js/components/FeedbackInput.vue: -------------------------------------------------------------------------------- 1 | 40 | 41 | 78 | -------------------------------------------------------------------------------- /resources/js/components/PieChart.vue: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /resources/lang/en/auth.php: -------------------------------------------------------------------------------- 1 | 'These credentials do not match our records.', 17 | 'throttle' => 'Too many login attempts. Please try again in :seconds seconds.', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /resources/lang/en/pagination.php: -------------------------------------------------------------------------------- 1 | '« Previous', 17 | 'next' => 'Next »', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /resources/lang/en/passwords.php: -------------------------------------------------------------------------------- 1 | 'Passwords must be at least eight characters and match the confirmation.', 17 | 'reset' => 'Your password has been reset!', 18 | 'sent' => 'We have e-mailed your password reset link!', 19 | 'token' => 'This password reset token is invalid.', 20 | 'user' => "We can't find a user with that e-mail address.", 21 | 22 | ]; 23 | -------------------------------------------------------------------------------- /resources/lang/en/validation.php: -------------------------------------------------------------------------------- 1 | 'The :attribute must be accepted.', 17 | 'active_url' => 'The :attribute is not a valid URL.', 18 | 'after' => 'The :attribute must be a date after :date.', 19 | 'after_or_equal' => 'The :attribute must be a date after or equal to :date.', 20 | 'alpha' => 'The :attribute may only contain letters.', 21 | 'alpha_dash' => 'The :attribute may only contain letters, numbers, dashes and underscores.', 22 | 'alpha_num' => 'The :attribute may only contain letters and numbers.', 23 | 'array' => 'The :attribute must be an array.', 24 | 'before' => 'The :attribute must be a date before :date.', 25 | 'before_or_equal' => 'The :attribute must be a date before or equal to :date.', 26 | 'between' => [ 27 | 'numeric' => 'The :attribute must be between :min and :max.', 28 | 'file' => 'The :attribute must be between :min and :max kilobytes.', 29 | 'string' => 'The :attribute must be between :min and :max characters.', 30 | 'array' => 'The :attribute must have between :min and :max items.', 31 | ], 32 | 'boolean' => 'The :attribute field must be true or false.', 33 | 'confirmed' => 'The :attribute confirmation does not match.', 34 | 'date' => 'The :attribute is not a valid date.', 35 | 'date_equals' => 'The :attribute must be a date equal to :date.', 36 | 'date_format' => 'The :attribute does not match the format :format.', 37 | 'different' => 'The :attribute and :other must be different.', 38 | 'digits' => 'The :attribute must be :digits digits.', 39 | 'digits_between' => 'The :attribute must be between :min and :max digits.', 40 | 'dimensions' => 'The :attribute has invalid image dimensions.', 41 | 'distinct' => 'The :attribute field has a duplicate value.', 42 | 'email' => 'The :attribute must be a valid email address.', 43 | 'exists' => 'The selected :attribute is invalid.', 44 | 'file' => 'The :attribute must be a file.', 45 | 'filled' => 'The :attribute field must have a value.', 46 | 'gt' => [ 47 | 'numeric' => 'The :attribute must be greater than :value.', 48 | 'file' => 'The :attribute must be greater than :value kilobytes.', 49 | 'string' => 'The :attribute must be greater than :value characters.', 50 | 'array' => 'The :attribute must have more than :value items.', 51 | ], 52 | 'gte' => [ 53 | 'numeric' => 'The :attribute must be greater than or equal :value.', 54 | 'file' => 'The :attribute must be greater than or equal :value kilobytes.', 55 | 'string' => 'The :attribute must be greater than or equal :value characters.', 56 | 'array' => 'The :attribute must have :value items or more.', 57 | ], 58 | 'image' => 'The :attribute must be an image.', 59 | 'in' => 'The selected :attribute is invalid.', 60 | 'in_array' => 'The :attribute field does not exist in :other.', 61 | 'integer' => 'The :attribute must be an integer.', 62 | 'ip' => 'The :attribute must be a valid IP address.', 63 | 'ipv4' => 'The :attribute must be a valid IPv4 address.', 64 | 'ipv6' => 'The :attribute must be a valid IPv6 address.', 65 | 'json' => 'The :attribute must be a valid JSON string.', 66 | 'lt' => [ 67 | 'numeric' => 'The :attribute must be less than :value.', 68 | 'file' => 'The :attribute must be less than :value kilobytes.', 69 | 'string' => 'The :attribute must be less than :value characters.', 70 | 'array' => 'The :attribute must have less than :value items.', 71 | ], 72 | 'lte' => [ 73 | 'numeric' => 'The :attribute must be less than or equal :value.', 74 | 'file' => 'The :attribute must be less than or equal :value kilobytes.', 75 | 'string' => 'The :attribute must be less than or equal :value characters.', 76 | 'array' => 'The :attribute must not have more than :value items.', 77 | ], 78 | 'max' => [ 79 | 'numeric' => 'The :attribute may not be greater than :max.', 80 | 'file' => 'The :attribute may not be greater than :max kilobytes.', 81 | 'string' => 'The :attribute may not be greater than :max characters.', 82 | 'array' => 'The :attribute may not have more than :max items.', 83 | ], 84 | 'mimes' => 'The :attribute must be a file of type: :values.', 85 | 'mimetypes' => 'The :attribute must be a file of type: :values.', 86 | 'min' => [ 87 | 'numeric' => 'The :attribute must be at least :min.', 88 | 'file' => 'The :attribute must be at least :min kilobytes.', 89 | 'string' => 'The :attribute must be at least :min characters.', 90 | 'array' => 'The :attribute must have at least :min items.', 91 | ], 92 | 'not_in' => 'The selected :attribute is invalid.', 93 | 'not_regex' => 'The :attribute format is invalid.', 94 | 'numeric' => 'The :attribute must be a number.', 95 | 'present' => 'The :attribute field must be present.', 96 | 'regex' => 'The :attribute format is invalid.', 97 | 'required' => 'The :attribute field is required.', 98 | 'required_if' => 'The :attribute field is required when :other is :value.', 99 | 'required_unless' => 'The :attribute field is required unless :other is in :values.', 100 | 'required_with' => 'The :attribute field is required when :values is present.', 101 | 'required_with_all' => 'The :attribute field is required when :values are present.', 102 | 'required_without' => 'The :attribute field is required when :values is not present.', 103 | 'required_without_all' => 'The :attribute field is required when none of :values are present.', 104 | 'same' => 'The :attribute and :other must match.', 105 | 'size' => [ 106 | 'numeric' => 'The :attribute must be :size.', 107 | 'file' => 'The :attribute must be :size kilobytes.', 108 | 'string' => 'The :attribute must be :size characters.', 109 | 'array' => 'The :attribute must contain :size items.', 110 | ], 111 | 'starts_with' => 'The :attribute must start with one of the following: :values', 112 | 'string' => 'The :attribute must be a string.', 113 | 'timezone' => 'The :attribute must be a valid zone.', 114 | 'unique' => 'The :attribute has already been taken.', 115 | 'uploaded' => 'The :attribute failed to upload.', 116 | 'url' => 'The :attribute format is invalid.', 117 | 'uuid' => 'The :attribute must be a valid UUID.', 118 | 119 | /* 120 | |-------------------------------------------------------------------------- 121 | | Custom Validation Language Lines 122 | |-------------------------------------------------------------------------- 123 | | 124 | | Here you may specify custom validation messages for attributes using the 125 | | convention "attribute.rule" to name the lines. This makes it quick to 126 | | specify a specific custom language line for a given attribute rule. 127 | | 128 | */ 129 | 130 | 'custom' => [ 131 | 'attribute-name' => [ 132 | 'rule-name' => 'custom-message', 133 | ], 134 | ], 135 | 136 | /* 137 | |-------------------------------------------------------------------------- 138 | | Custom Validation Attributes 139 | |-------------------------------------------------------------------------- 140 | | 141 | | The following language lines are used to swap our attribute placeholder 142 | | with something more reader friendly such as "E-Mail Address" instead 143 | | of "email". This simply helps us make our message more expressive. 144 | | 145 | */ 146 | 147 | 'attributes' => [], 148 | 149 | ]; 150 | -------------------------------------------------------------------------------- /resources/sass/_variables.scss: -------------------------------------------------------------------------------- 1 | 2 | // Body 3 | $body-bg: #f8fafc; 4 | 5 | // Typography 6 | $font-family-sans-serif: "Nunito", sans-serif; 7 | $font-size-base: 0.9rem; 8 | $line-height-base: 1.6; 9 | 10 | // Colors 11 | $blue: #3490dc; 12 | $indigo: #6574cd; 13 | $purple: #9561e2; 14 | $pink: #f66D9b; 15 | $red: #e3342f; 16 | $orange: #f6993f; 17 | $yellow: #ffed4a; 18 | $green: #38c172; 19 | $teal: #4dc0b5; 20 | $cyan: #6cb2eb; 21 | -------------------------------------------------------------------------------- /resources/sass/app.scss: -------------------------------------------------------------------------------- 1 | 2 | // Fonts 3 | @import url('https://fonts.googleapis.com/css?family=Nunito'); 4 | 5 | // Variables 6 | @import 'variables'; 7 | 8 | // Bootstrap 9 | @import '~bootstrap/scss/bootstrap'; 10 | 11 | .navbar-laravel { 12 | background-color: #fff; 13 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); 14 | } 15 | -------------------------------------------------------------------------------- /resources/views/dashboard.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | Feedback Loop 4 | 5 | 6 | 7 |
8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /resources/views/input.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | Feedback Loop 4 | 5 | 6 | 7 |
8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /resources/views/welcome.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Laravel 8 | 9 | 10 | 11 | 12 | 13 | 65 | 66 | 67 |
68 | @if (Route::has('login')) 69 |
70 | @auth 71 | Home 72 | @else 73 | Login 74 | 75 | @if (Route::has('register')) 76 | Register 77 | @endif 78 | @endauth 79 |
80 | @endif 81 | 82 |
83 |
84 | Laravel 85 |
86 | 87 |
88 | Docs 89 | Laracasts 90 | News 91 | Blog 92 | Nova 93 | Forge 94 | GitHub 95 |
96 |
97 |
98 | 99 | 100 | -------------------------------------------------------------------------------- /routes/api.php: -------------------------------------------------------------------------------- 1 | get('/user', function (Request $request) { 17 | return $request->user(); 18 | }); 19 | -------------------------------------------------------------------------------- /routes/channels.php: -------------------------------------------------------------------------------- 1 | id === (int) $id; 16 | }); 17 | -------------------------------------------------------------------------------- /routes/console.php: -------------------------------------------------------------------------------- 1 | comment(Inspiring::quote()); 18 | })->describe('Display an inspiring quote'); 19 | -------------------------------------------------------------------------------- /routes/web.php: -------------------------------------------------------------------------------- 1 | 'api/v1'], function () { 15 | Route::post('feedback', 'FeedbackController@store'); 16 | Route::get('feedback/data', 'FeedbackController@dashboardData'); 17 | }); 18 | 19 | Route::get('/', 'FeedbackController@input'); 20 | Route::get('feedback/input', 'FeedbackController@input'); 21 | Route::get('feedback/dashboard', 'FeedbackController@dashboard'); 22 | -------------------------------------------------------------------------------- /server.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | $uri = urldecode( 11 | parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH) 12 | ); 13 | 14 | // This file allows us to emulate Apache's "mod_rewrite" functionality from the 15 | // built-in PHP web server. This provides a convenient way to test a Laravel 16 | // application without having installed a "real" web server software here. 17 | if ($uri !== '/' && file_exists(__DIR__.'/public'.$uri)) { 18 | return false; 19 | } 20 | 21 | require_once __DIR__.'/public/index.php'; 22 | -------------------------------------------------------------------------------- /storage/app/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !public/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /storage/app/public/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/.gitignore: -------------------------------------------------------------------------------- 1 | config.php 2 | routes.php 3 | schedule-* 4 | compiled.php 5 | services.json 6 | events.scanned.php 7 | routes.scanned.php 8 | down 9 | -------------------------------------------------------------------------------- /storage/framework/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !data/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /storage/framework/cache/data/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/sessions/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/testing/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/views/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/logs/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /supervisord.conf: -------------------------------------------------------------------------------- 1 | [supervisord] 2 | nodaemon=true 3 | 4 | [program:laravel-websockets] 5 | command=/usr/local/bin/php /var/www/html/artisan websockets:serve --port=6001 6 | stderr_logfile = /var/log/supervisord/laravel-websockets-stderr.log 7 | stdout_logfile = /var/log/supervisord/laravel-websockets-stdout.log 8 | 9 | [program:apache] 10 | command=apache2-foreground 11 | stderr_logfile = /var/log/supervisord/apache-stderr.log 12 | stdout_logfile = /var/log/supervisord/apache-stdout.log 13 | -------------------------------------------------------------------------------- /tests/CreatesApplication.php: -------------------------------------------------------------------------------- 1 | make(Kernel::class)->bootstrap(); 19 | 20 | return $app; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /tests/Feature/ExampleTest.php: -------------------------------------------------------------------------------- 1 | get('/'); 18 | 19 | $response->assertStatus(200); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /tests/TestCase.php: -------------------------------------------------------------------------------- 1 | assertTrue(true); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /webpack.mix.js: -------------------------------------------------------------------------------- 1 | const mix = require('laravel-mix'); 2 | 3 | /* 4 | |-------------------------------------------------------------------------- 5 | | Mix Asset Management 6 | |-------------------------------------------------------------------------- 7 | | 8 | | Mix provides a clean, fluent API for defining some Webpack build steps 9 | | for your Laravel application. By default, we are compiling the Sass 10 | | file for the application as well as bundling up all the JS files. 11 | | 12 | */ 13 | 14 | mix.js('resources/js/app.js', 'public/js') 15 | .sass('resources/sass/app.scss', 'public/css'); 16 | --------------------------------------------------------------------------------