Kamis, 16 September 2021

Menggabungkan 2 Database Dalam satu view dan controller di laravel 8

 Konsep microservices yang lagi booming akhir-akhir ini membuat paradigma baru dalam dunia desain sistem informasi. Konsep aplikasi monolite yaitu membangangun satu aplikasi yang besar dan terintegrasi dari awal hingga akhir yaitu proses akuntansi rupanya mulai mengalami penurunan dalam penggunaannya. Berikut kekurangan dalam arsitektur monolite

a. Sulit memahami kode pemrograman saat maintenance.

b. Perubahan aplikasi sangat riskan, karena bila terjadi error aplikasi akan berhenti semuanya.

c. Penambahan teknologi terbaru akan lebih rumit karena seluruh aplikasi harus di rewrite

d. Sulit mengidentifikasi bagian mana yang membuat aplikasi berat.

Dan masih banyak lagi kelemahan dalam aplikasi monolite. 

Akan tetapi konsep microservices zaman ini yang dalam menghubungkan antar aplikasi menggunakan API maupun Message Broker tentunya akan membuat lebih panjang waktu dalam development aplikasi. Tentunya hal ini membuat seorang fullstack developer kewalahan apabila konsep API maupun Message Broker di lakukan.

Dalam mengatasi masalah-malah ini menurut saya laravel lah jawabannya. Karena dalam laravel bisa menggabungkan 2 Database dengan lokasi berbeda sekalipun. Pada laravel sebelumnya, yaitu laravel 7 menggabungkan Database harus dalam lokasi yang sama. Akan tetapi pada laravel 8 hal tersebut bisa di lakukan.

Pada kasus kali ini saya akan mencoba untuk menjelaskan cara membuat sebuah view yang dimana database user dan database post terpisah.

Untuk setting nya mari kita membuat settingan pada file config->database.php

  'mysql_USER' => [

            'driver' => env('DB_CONNECTION_USER'),

            'host' => env('DB_HOST_USER', '127.0.0.1'),

            'port' => env('DB_PORT_USER', '3306'),

            'database' => env('DB_DATABASE_USER', 'forge'),

            'username' => env('DB_USERNAME_USER', 'forge'),

            'password' => env('DB_PASSWORD_USER', ''),

            'unix_socket' => '',

            'charset' => 'utf8mb4',

            'collation' => 'utf8mb4_unicode_ci',

            'prefix' => '',

            'prefix_indexes' => true,

            'strict' => true,

            'engine' => null,

            'options'   => [

                \PDO::ATTR_EMULATE_PREPARES => true

            ]

        ],


 'mysql_POST' => [

            'driver' => env('DB_CONNECTION_POST'),

            'host' => env('DB_HOST_POST', '127.0.0.1'),

            'port' => env('DB_PORT_POST', '3306'),

            'database' => env('DB_DATABASE_POST', 'forge'),

            'username' => env('DB_USERNAME_POST', 'forge'),

            'password' => env('DB_PASSWORD_POST', ''),

            'unix_socket' => '',

            'charset' => 'utf8mb4',

            'collation' => 'utf8mb4_unicode_ci',

            'prefix' => '',

            'prefix_indexes' => true,

            'strict' => true,

            'engine' => null,

            'options'   => [

                \PDO::ATTR_EMULATE_PREPARES => true

            ]

        ],

Dalam settingan di atas kita mendefinisikan database user dan database post.

Kemudian kita setting pada env file kita menambahkan seperti ini

DB_CONNECTION_USER=mysql

DB_HOST_USER=192.168.2.12

DB_PORT_USER=3306

DB_DATABASE_USER=db_user

DB_USERNAME_USER=user_app

DB_PASSWORD_USER=xxxxxxx


DB_CONNECTION_POST=mysql

DB_HOST_POST=192.168.2.14

DB_PORT_POST=3306

DB_DATABASE_POST=db_post

DB_USERNAME_POST=post_user

DB_PASSWORD_POST=xxxx

Terlihat ke dua settingan tersebut berada pada lokasi berbeda dan ini bisa dilakukan.

Sekarang tambahkan settinga connection pada model user code " protected $connection = 'mysql_USER'; " seperti dibawah ini

class User extends Authenticatable

{

    use HasFactory, Notifiable, HasRoles;

    protected $connection = 'mysql_USER';


    /**

     * The attributes that are mass assignable.

     *

     * @var array

     */

    protected $fillable = [

        'name',

        'image',

        'email',

        'password',

        'lokasi_id',

        'efaktur_area_id',

    ];

}

Begitu juga pada model post kita setting koneksinya "protected $connection = 'mysql_POST';"

use App\Models\User;

class Post extends Model

{

    protected $guarded = [];

     protected $connection = 'mysql_POST';

    public function user()

    {

        return $this->belongsTo(User::class);

    }


Sehingga dalam controller kita bisa menampilkan data misal seperti ini

$p = Post::find(1);

dd($p->user->name);

Jika berhasi maka var dump dari nama user dalam tabel post tersebut.

Yes ternyata tabel POST bisa berelasi dengan Tabel User walaupun berbeda lokasi database. Dengan seperti ini kita bisa membuat aplikasi kecil-kecil tetapi user mendaftarkan satu akun dan tersimpan pada database user.

Kelebihan konsep ini adalah aplikasi dengan terpisah-pisah bisa kita masukkan ke dalam Docker Container sehinggal kita bisa memantau trafficnya. Dan bila ada salah satu aplikasi bikin lemot maka aplikasi yang lain tidak tergangu.


Jumat, 27 Agustus 2021

Cara Konversi Array Ke Collection Laravel

 Pada blog kali ini emang agak jadul sih, yaitu menampilkan data ke aplikasi web laravel menggunakan database firebird. Jadi ceritanya di kantor ane udah ada aplikasi yang udah berjalan menggunkan delphi dan database-nya firebird. Karena jadul banget jadi gak ada untuk fitur searchnya. So ane punya rencana bikin search di aplikasi web. 

Untuk agar bagimana PHP bisa akses ke database firebird sudah ada tutorialnya di sini

Berikut source code nya :

             $db = '192.168.2.2:D:\DATABASE\PEGAWAI.FDB;

            $user = "SYSDBA";

            $password = "masterkey";

            $connection = ibase_connect($db, $user, $password);

            $stmt = "SELECT * FROM PEGAWAI";

            $sth = ibase_query($connection, $stmt);

            while ($row = ibase_fetch_object($sth)) {

                $data['NAMA'] = $row->NAMA;

                $data['NIK] = $row->NIK;

                $data['ALAMAT'] = $row->ALAMAT;

                $arr[] = (object)$data;

            }

           ibase_close($connection);

            $datas = collect($arr);


Nah dengan begitu collection $datas bisa kita lempar ke viewnya..

Jadi Point pentingnya ada waktu bikin array-nya harus di convert dulu ke object yaitu di code  $arr[] = (object)$data;

Kemudian array tersebut kita convert ke collection dengan cara $datas = collect($arr);


Okkay sekian dulu tulisan saya, misal temen-temen memiliki tekhnik yang lebih ringkes tolong beri tau saya ya... Thank's

Kamis, 05 Agustus 2021

Install ekstension zip di docker container untuk php 7.4.11

 Karena zip tidak di bundle sendiri utk php 7.2 ke atas,, maka nginstallnya harus manual. Sebenernya fungsi file ini dibutuhkan untuk export excel phpspreadsheet menggunakan codeignitter versi 3. Jadi muncul error "

This site can’t be reached

"

 Sedangkan untuk laravel tanpa ekstensi ini udah bisa untuk exportnya 

So, Caranya :

1.    install dulu libzip

        apt-get install libzip-dev

2.    Install zip menggunakan pecl, dowload di https://pecl.php.net/package/zip  utk saya mendownload versi 1.19.3

3.    Copykan file tersebut kedalam docker

4.    Install file tersebut

        pear install zip-1.10.2.tgz

5.     Masuk ke folder /usr/local/etc/php

           cd /usr/local/etc/php

6.     buat file docker-php-zip.ini

           vim docker-php-zip.ini

7.      isikan file tersebut seperti ini :

        extension=zip.so

8.     Simpan kemudian restart apachenya

        service apache2 restart

9.    Pastikan modul zip udah ada

        php -m

10.    kalau udah ada zip,, berarti berhasil 

11. Utk masuk ke docker menggunakan  docker exec -it so-web bash

Rabu, 04 Agustus 2021

Cara setting virtual host https di apache ubuntu

 Dalam tutorial ini perlu diperhatikan bahwa sudah mempunyai sertifikat ssl

1. Aktifkan modul ssl

    sudo a2enmod ssl

2. Copykan file sertifikat ke satu folder aja biar gampang misalkan di /etc/ssl/tes

3. Buat konfigurasi ssl, masuk ke folder /etc/apache2/sites-available

    cd /etc/apache2/sites-available

4. Buat file konfigurasi baru utk domain anda

    vim tes.conf

5. Isikan seperti ini

<IfModule mod_ssl.c>
        <VirtualHost _default_:443>
                ServerAdmin webmaster@localhost
                DocumentRoot /var/www/html
                ServerName tes.com
                ErrorLog ${APACHE_LOG_DIR}/error.log
                CustomLog ${APACHE_LOG_DIR}/access.log combined
                SSLEngine on
                SSLCertificateFile /etc/ssl/tes/tes_com.crt
                SSLCertificateKeyFile /etc/ssl/tes/sectigo.key
                SSLCACertificateFile /etc/ssl/tes/ChainCA1.crt

                <Directory /var/www/html/>
                    Order allow,deny
                    Allow from all
                    Require all granted
                    Options +FollowSymLinks -Indexes
                    RewriteEngine On
                    AllowOverride None

                    RewriteCond %{REQUEST_URI} ^system.*
                    RewriteRule ^(.*)$ /index.php?/$1 [L]
                    RewriteCond %{REQUEST_URI} ^application.*
                    RewriteRule ^(.*)$ /index.php?/$1 [L]
                    RewriteCond %{REQUEST_FILENAME} !-f
                    RewriteCond %{REQUEST_FILENAME} !-d
                    RewriteRule ^(.*)$ /index.php?/$1 [L]
                </Directory>
        </VirtualHost>
</IfModule>

6. Kemudian simpan dan aktifkan konfigurasi tersebut

    sudo a2ensite tes

Selesai

Sekarang setting file host di komputer anda agar domain tes.com mengarah ke ip local server anda dan testing

Sabtu, 31 Juli 2021

Cara menambahkan interbase pada container docker php 7.4 Ubuntu agar bisa melakukan koneksi ke database firebird dg pECL

Utk install langsung dari repository sebenernya tinggal 

1. apt-get install libfbclient2 

2. apt-get update 

3. apt-get install php8.0-interbase 

4. composer require harrygulliford/laravel-firebird ^2.4

Tetapi apabila kita ingin install manual menggunakan PECL berikut ini caranya.

Pada kasus kali ini saya menginstall PHP dalam container docker. Jadi untuk langkah-langkahnya sebagai berikut :

1. Masuk ke container

    docker exec -it <container name> /bin/bash

2. Install libfbclient2 dengan cara

    su

    apt-get update

    apt-get install libfbclient2

3. Untuk ubah settingan PHP.ini

    **utk php 7.4 :

    cd /usr/local/etc/php

    **utk php 8

    cd /etc/php/8.0/apache2

    ls -l

    Ups ternyata keluarnya seperti ini


ternyata php.ini di dalam docker tidak bisa di rubah. jadi bila mau menambahkan ekstensi kita bisa menambahkan di dalam folder conf.d

        cd conf.d

        vim docker-php-interbase.ini

kemudian isikan satu baris ini aja

        extension=interbase.so


kemudian simpan

Terus pertanyaanya dimana kita dapat file interbase.so
Setelah saya browsing2 saya mendapatkan file tersebut di link ini :
disini saya mendowload file yg 
php-7.4.3-interbase-1.1.0-beta-linux-x64.tar.gz
Kemudian extract kemudian copykan ke dalam folder 

**utk php 7.4
cd /usr/local/lib/php/extensions/no-debug-non-zts-20190902/


Mungkin ditempat anda nama lokasinya agak berbeda tapi disini tempat file ekstensi disimpan

atau kalau gk ketemu kalian bisa find misal file gd.so dg cara :
find / -name gd.so


Terlihat saya sudah mencopykan file interbase.so kedalam folder ini.
Kemudian restart apache dg cara 

    service apache2 restart

Jika udah coba ketikkan php -m
sehingga terlihat modul interbase sudah masuk, dan berhasil utk koneksi dengan database firebired






    

Cara konfigurasi NGINX sebagai reverse proxy untuk forward port https docker container di UBUNTU

 Hari ini aku mau nulis tutorial gimana apabila dalam docker container terdapat banyak aplikasi web server. Idenya adalah pada komputer host diinstall NGINX (sebenarnya bisa bila dibuatkan container khusus NginX, tapi menurut saya mending diinstall di hostnya aja ntar baru dipindah ke container).

Kemudian membuat container - container web server di port yg berbeda beda.

1. Install NginX 

    sudo apt-get update

  sudo apt-get install nginx
2. Non Aktifkan default virtual hostnya
    sudo unlink /etc/nginx/sites-enabled/default
3. Konfigurasi Nginx Reverse proxy
    
    cd /etc/nginx/sites-available/

    vi reverse-proxy.conf
    Kemudian setting seperti ini :

server { listen 80; server_name test-laravel.com; location / { proxy_set_header Host $host; proxy_pass http://192.168.2.14:50001; } }

#Utk Https gak perlu CA nya
#copykan dulu sertifikat ke folder /etc/ssl/
server {
    listen 443 ssl;
    server_name tes-https.com;


  ssl_certificate        /etc/ssl/tes_https_com/tes_https_com.crt;
  ssl_certificate_key    /etc/ssl/tes_https_com/sectigo.key;
 


    location / {

       #utk https, maka forwardnya juga https
       proxy_pass http://192.168.2.14:443;
       proxy_set_header Host $host;
        
       #sebenernya gini aja udah jalan, tapi settingan dibawah ini dapet dari inet
       proxy_set_header X-Real-IP  $remote_addr;
       proxy_set_header X-Forwarded-For $remote_addr;
       proxy_set_header X-Forwarded-Proto $scheme;      
       proxy_http_version 1.1;
       proxy_set_header Upgrade $http_upgrade;
       proxy_read_timeout 20d;
       proxy_buffering off;
        #mungkin buat detect ip asal
    }
}

Untuk membuat link adalah

ln -s [target file] [Symbolic filename]
Untuk setting nginx max time & max upload adalah ubah file :
/etc/nginx/nginx.conf
Kemudian tambahkan setting seperti ini :
http { client_max_body_size 100M; ## # Basic Settings ## proxy_read_timeout 99999; proxy_connect_timeout 9999; proxy_send_timeout 9999; sendfile on; tcp_nopush on; tcp_nodelay on; keepalive_timeout 65; types_hash_max_size 2048; # server_tokens off; 
dst tetap sama 
Kemudian restart Nginx
    service nginx restart

Rabu, 24 Maret 2021

Membuat Kategori Tree berjenjang pada laravel 8

 Pada awalnya awalnya saya membutuhkan kategori berjenjang yang mudah. Akhirnya saya ketemu dengan laravel-nestedset yang menurut saya sangat membantu sekali. Jadi case-nya seperti ini misal saya membuat kategori seperti ini

HP

    - Samsung

    - Iphone

BUKU

    - Komik

        - Humor

        - Serem

        - Romansa

    - Tutorial

Nah misal saya membuat tabel produk, dan satu produk memiliki satu kategori, Maka akan sangat kesulitan apa bila saya ingin menampilkan semua produk yang ada dalam kategori BUKU,

Nah Package lazychaser/laravel-nestedset ini menjawab hal tersebut,, mungkin untuk pembuatannya temen - temen bisa menginstallnya sesuai github berikut

https://github.com/lazychaser/laravel-nestedset

Gak perlu lah saya menjelaskan cara install dan konfigurasinya karena didalam link diatas udah luengkaps bangetss penggunaanya. So disini saya akan membuat tutorial gimana kategori tersebut disajikan dengan apik menggunakan jstree, kira2 seperti ini penampakannya



Disini saya menggunakan component aja ya,, untuk apa itu component dalam laravel silahkan anda googling di tempat lain. Saya menggunakan component karena dengan mudah bisa di panggil di halaman yang lain.

Pertama untuk databasenya kita buat migrationnya seperti ini ya... 

 php artisan make:model Master/Category -m 

Misal file modelnya saya taruh di folder master,, 

Kedua isi migrationnya dengan ini, harus persis yaa.. soalnya ntar jstree nya gak jalan kalau gak persis

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
use Kalnoy\Nestedset\NestedSet;

class CreateCategoriesTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('categories'function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('text');
            NestedSet::columns($table);
            $table->timestamps();
        });
    }


    public function down()
    {
        Schema::dropIfExists('categories');
    }
}


Ketiga buat dulu component kategori dengan cara :

php artisan make:component Kategori

So tercipta controller component kategori di folder App\View\Component\Kategori.php

Kemudian isikan file tersebut seperti ini :

<?php

namespace App\View\Components;

use App\Models\Master\Category;
use Illuminate\View\Component;

class Kategori extends Component
{
    public function __construct()
    {
        //
    }

    public function render()
    {
        $tree = Category::get()->toTree();
        return view('components.kategori'compact('tree'));
    }
}

So disini saya udah bikin model yang bernama category ya,, agar bisa nyambung dengan js tree maka 

Category::get()->toTree(); ini lah jawabannya

Kemudian pada viewnya data tree tersebut kita tampilkan pada textarea yang saya hidden, kemudian dengan jQuery data dari textarea tersebut ditampilkan kedalam div dengan id jstree

Untuk viewnya ada pada resources/view/component/kategori.blade.php

Berikut isinya :


  
  @section('css')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
  @endsection

  <div id="jstree"></div>
  <textarea id='txt_folderjsondata' style="display:none;"> {!! $tree !!}</textarea>
  
  @push('js')
  {{-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> --}}
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
  <script type="text/javascript">
      $(document).ready(function(){
        var folder_jsondata = JSON.parse($('#txt_folderjsondata').val());
        // console.log(folder_jsondata);
        var $treeview = $("#jstree");
        var node = $("#node").val() + '_anchor';
        $treeview.jstree({ 
          'core' : {
            'data' : folder_jsondata,
            },
          })
          .on('loaded.jstree'function() {
              $treeview.jstree('open_all');
              $treeview
        .jstree(true)
        .select_node(node);
          })
          ;
      });
  </script>
  @endpush

 Tuh terlihat text areanya aku display none,, kemudian pada javascriptnya data pada textarea tersebut dijadikan jstree pada div. Untuk Jquery itu saya disable/komentar karena di template yang saya gunakan udah ada jquerynya,, kalau saya aktifkan ntar bentrok

Okkay sekarang kita panggil component tersebut pada halaman view,, tentunya karena ini component maka bisa dipanggil dimana aja dengan cara hanya menginputkan kode ini

<x-kategori/>

So pertanyaanya gimana ya,, saat kita klik kategori tersebut maka menampilkan data yang sesuai kategori tersebut ? jawabannya adalah dengan menggunakan javascript,, disini saya paka jquery karena simple banget scriptnya

@push('js')
<script type="text/javascript">
$(function () {
    $('#jstree').on("changed.jstree"function (edata) {
      console.log(data.selected);
        var slug = data.selected;
        url = "{{ route('edit.category',":slug") }}";
        url = url.replace(':slug'slug);
        window.location.replace(url);
    });  
  });
</script>
  @endpush

Maka saat jstree di klik di jquery kan pakai onchanged dan kita redirect deh ke halaman yang kita butuhkan berdasarkan id kategori tersebut.

Kalau ada yg belum paham silahkan bertanya yaa,, Insya Allah akan saya jawab




Cara membagi file route pada laravel 8 (route mapping)

 Mmmm kayakya judulnya agak aneh,, tapi disini saya mau menginfokan bahwa file route tidak hanya di folder routes dan web.php,, akan tetapi bisa di bagi-bagi sesuai prefix yang digunakan,

Jadi misalkan route kita seperti ini :

admin/permission

admin/user

admin/role

transaksi/penjualan

transaksi/pembelian

report/penjualan

report/pembelian

Terlihat kita bisa membagi file route kedalam 3 file, yaitu file admin.php, transaksi.php dan report.php

Letak konfigurasi file web.php ada di  App/Providers/RouteServiceProvider.php berikut contoh file tersebut 

 public function boot()
    {
        $this->configureRateLimiting();

        $this->routes(function () {
            Route::prefix('api')
                ->middleware('api')
                ->namespace($this->namespace)
                ->group(base_path('routes/api.php'));

            Route::middleware('web')
                ->namespace($this->namespace)
                ->group(base_path('routes/web.php'));
        });
    }

Jadi apabila ubah nama web.php menjadi default.php dan kita merubah settingan diatas yang semula 'routes/web.php' menjadi 'routes/default.php' maka aplikasi kita dapat berjalan dengan normal.

So agar menjadi rapi maka saya biasanya membuat folder web dan merename web.php menjadi default.php dan men-cut file default.php ke dalam folder web. Sehingga file RoutesServiceProvider.php saya rubah seperti ini ;

            Route::middleware('web')
                ->namespace($this->namespace)
                ->group(base_path('routes/web/default.php'));

Okkay setelah saya rubah seperti itu mestinya aplikasi berjalan seperti biasa.

Setelah itu saya membagi file sesuai dengan prefix dan menambahkan seperti ini


            Route::middleware('web')
                ->namespace($this->namespace)
                ->group(base_path('routes/web/default.php'));

            Route::middleware('web''has.role')
                ->namespace($this->namespace)
                ->prefix('admin')
                ->group(base_path('routes/web/admin.php'));

            Route::middleware('web''has.role')
                ->namespace($this->namespace)
                ->prefix('master')
                ->group(base_path('routes/web/master.php'));

            Route::middleware('web''has.role')
                ->namespace($this->namespace)
                ->prefix('trans')
                ->group(base_path('routes/web/trans.php'));

            Route::middleware('web''has.role')
                ->namespace($this->namespace)
                ->prefix('report')
                ->group(base_path('routes/web/report.php'));

Hilangkan 'has.role' bila halaman yg di akses tidak perlu login

Dan bisa di tebak sekarang didalam folder web terdapat file-file seperti ini :


So sekarang kita bisa membagi-bagi route ke masing-masing folder, contoh untuk prefix account, maka isi didalam file account.php seperti ini :

<?php

use App\Http\Controllers\Account\ChangePasswordController;
use App\Http\Controllers\Account\EditProfileController;
use App\Http\Controllers\Account\ProfileController;
use Illuminate\Support\Facades\Route;


Route::middleware('auth')->group(function () {
    Route::get('profile',  ProfileController::class)->name('profile');
    Route::get('change-password',  [ChangePasswordController::class'index'])->name('password');
    Route::get('edit-profile',  [EditProfileController::class'index'])->name('edit.profile');
    Route::put('{id}/edit', [EditProfileController::class'update'])->name('update.profile');
    Route::put('{id}/edit-password', [ChangePasswordController::class'update'])->name('update.password');
    //     });
});

Hilangkan middleware('auth') jika halaman yg di akses tidak perlu login

Maka kita tidak perlu mendefinisikan group prefix lagi disini karena sudah dibagi sebelumnya di file RouteServiceProvider.

Sekian tutorial saya,, semoga bermanfaat.