PHP

Cara Install Laravel 7 dan SSL di Ubuntu 20.04 Focal Fossa

Last Updated on 24 April 2020 By tommy 2 Comments

Menginstall Laravel 7 di Ubuntu bisa berhari-hari, tetapi bisa juga hanya beberapa menit. Tergantung dari kemampuan menginstall dan konfigurasinya, belum lagi memasang SSL? Tutorial kali akan dibahas tahap demi tahap cara install Laravel 7 di Ubuntu Focal Fossa, tutorial ini cocok untuk pemula karena dipandu dari awal sampai akhir dengan contoh nyata.

Sebelum memulai install PHP Nginx MariaDB

Agar laravel bisa langsung diakses dari domain pilihan anda, yang perlu dilakukan , Set A (IP VPS) record ke domain pilihan anda contoh laravel.jaranguda.com

Buat Database dan User Baru

Untuk koneksi ke database, kita akan membuat user dan database baru. Jalankan mysql lalu eksekusi

create database laravel;
GRANT ALL PRIVILEGES ON laravel.* TO "laravel"@"localhost" IDENTIFIED BY "K7XLHMhbvfKbLfprweJd";

Install Composer

Install composer langsung dari repository Ubuntu

apt install composer -y

Install Laravel

Install Laravel dengan composer. Kita akan meletakkan folder Laravel di /var/www/laravel.jaranguda.com agar lebih teratur dan rapi kalo dalam satu server ada banyak aplikasi.

cd /var/www/
composer create-project --prefer-dist laravel/laravel laravel.jaranguda.com

Jalankan composer install

Pindah ke folder /var/www/laravel.jaranguda.com, lalu jalankan composer install

composer install --no-dev

Buka file .env di /var/www/laravel.jaranguda.com, sesuaikan konfigurasi mysql diatas

APP_URL=http://localhost
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=laravel
DB_PASSWORD=K7XLHMhbvfKbLfprweJd

Ubah file/folder permission, agar bisa diakses, dan ditulis oleh user nginx, dalam hal ini www-data

chown www-data:www-data -R /var/www/laravel.jaranguda.com

Buat Server Block Nginx

Agar website tersebut bisa diakses dari Nginx, kita harus membuat server block untuk domain tersebut. Buat file /etc/nginx/sites-enabled/laravel.jaranguda.com.conf

server {
    listen       80;
    server_name  laravel.jaranguda.com;
    root   /var/www/laravel.jaranguda.com/public/;
    index index.php index.html;
    location / {
        try_files $uri $uri/ /index.php?$args;
    }
    location ~ \.php(?:$|/) {
        try_files $uri =404;
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
        fastcgi_param HTTPS on;
        fastcgi_param modHeadersAvailable true; #Avoid sending the security headers twice
        fastcgi_pass unix:/run/php/php7.4-fpm.sock;
        fastcgi_intercept_errors on;
    }
}

Ingat untuk mengganti laravel.jaranguda.com dengan domain yang anda miliki. Setelah selesai, test dan restart nginx

nginx -t
# bila semuanya oke
systemctl restart nginx

Buka laravel.jaranguda.com, seharusnya sudah muncul halaman default Laravel

Untuk test koneksi database, buka file routes/web.php, tambahkan code berikut ini

Route::get('/tes', function () {
   dd(\DB::connection()->getDatabaseName());
});

buka di browser domain/tes, harusnya tampil laravel, sesuai dengan database yang disetting di .env

Setelah semuanya di coba dan berjalan dengan lancar, saatnya install SSL.

Setting SSL

Untuk SSL kita akan menggunakan SSL gratis dari Lets Encrypt, untuk menginstallnya kita menggunakan bantuan acme.sh.
Download dan install acme.sh dengan

curl https://get.acme.sh | sh

karena acme.sh menambah file shortcut di .bashrc, kita harus me-reload file .bashrc

source ~/.bashrc
# atau
. ~/.bashrc

Karena kita akan menggunakan mode standalone untuk validasi domain, jadi kita perlu mematikan service nginx sebentar. Port 80 tersebut akan digunakan oleh acme.sh

systemctl stop nginx

Request SSL untuk domain laravel.jaranguda.com

acme.sh --issue -d laravel.jaranguda.com --standalone

tunggu 1 menit sampai muncul

Sekarang ini dimana-mana http diredirect langsung ke https, maka kita akan mengikuti konsep tersebut disini. Setiap user yang mengunjungi http://laravel.jaranguda.com akan dilempar ke https//laravel.jaranguda.com.
Sertifikat SSL telah diterima, sekarang waktunya menggunakan SSL tersebut di nginx. Ubah /etc/nginx/sites-enabled/laravel.jaranguda.com.conf menjadi

server {
    listen 80;
    server_name laravel.jaranguda.com;
    return 301 https://$server_name$request_uri;
}
 
server {
    listen 443 ssl http2;
    server_name  laravel.jaranguda.com;
    root   /var/www/laravel.jaranguda.com/public/;
    index index.php index.html;
    location / {
        try_files $uri $uri/ /index.php?$args;
    }
 
   ssl_certificate /root/.acme.sh/laravel.jaranguda.com/fullchain.cer;
   ssl_certificate_key /root/.acme.sh/laravel.jaranguda.com/laravel.jaranguda.com.key;
 
    location ~ \.php(?:$|/) {
        try_files $uri =404;   
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
        fastcgi_param HTTPS on;
        fastcgi_param modHeadersAvailable true; #Avoid sending the security headers twice
        fastcgi_pass unix:/run/php/php7.4-fpm.sock;
        fastcgi_intercept_errors on;
    }
}

Tes dan restart nginx

nginx -t
# bila semuanya oke
systemctl restart nginx

Buka kembali http://laravel.jaranguda.com/tes

sudah kelihatan langsung diarahkan ke https

Cara Membuat Autodeploy Codeigniter di Gitlab dari Awal

Last Updated on 22 April 2020 By tommy 5 Comments

Membuat autodeploy untuk Codeigniter di Gitlab tidak susah, yang terpenting kita tau cara manual installnya, karena cara manual inilah yang akan kita jadikan acuan membuat otomatisasinya. Pembuatan autodeploy untuk bahasa PHP tidak terlalu jauh beda, tinggal disesuaikan beberapa tahap untuk masing-masing framework. Autodeploy tidak begantung ke framework, jadi bisa saja dibuat untuk native PHP.

Untuk deploy ke production server kita akan menggunakan SSH key, agar prosesnya bisa otomatis, dan cara ini yang paling aman. Beberapa hal yang perlu diketahui sebelumnya

Root folder codeigniter : /var/www/codeigniter.jaranguda.com
Domain : codeigniter.jaranguda.com
Git project : [email protected]:jarangudacom/codeigniter4.git
Script Deploy : /home/jaranguda/scripts/deploy/codeigniter.sh

Buat SSH Key Baru

Dari Linux generate key baru dengan

ssh-keygen -t rsa -b 4096 -N "" -f ~/.ssh/deploy-id_rsa -q

file yang akan kita simpan di Gitlab adalah ~/.ssh/deploy-id_rsa, file ini berisi private key. Sementara untuk di server ~/.ssh/deploy-id_rsa.pub, copy isi file deploy-id_rsa.pub, letakkan didalam file ~/.ssh/authorized_keys di server anda.

Setting Konfigurasi Project

Buka Project anda gitlab, klik Settings -> CI/CD -> Variables

klik Add Variable

Pertama
Key : SSH_PRIVATE_KEY
Value : Isi file ~/.ssh/deploy-id_rsa

Kedua
Key : IP_SERVER
Value : IP Server anda

Di menu CI/CD tersebut, lihat Deploy Keys

Ambil public key SSH dari server anda, isinya simpan di kolom key. Ini tujuannya agar server bisa mendownload berkas git dari project ini.

Konfigurasi di Server

Di server sendiri pastikan sudah terinstall PHP, MySQL dan Composer

Untuk pertama kali cloning repository dari gitlab, ke root folder

git clone git@gitlab.com:jarangudacom/codeigniter4.git /var/www/codeigniter.jaranguda.com

proses ini hanya perlu satu kali, karena selanjutnya agar dijalankan oleh script codeigniter.sh

git clone git@gitlab.com:jarangudacom/codeigniter4.git /var/www/codeigniter.jaranguda.com
#jalankan composer
composer install --prefer-dist --no-progress --no-suggest

di folder /var/www/codeigniter.jaranguda.com

copy env .env

edit file .env tersebut, sesuaikan dengan dibawah ini

CI_ENVIRONMENT = production
app.baseURL = 'http://codeigniter.jaranguda.com/'

Buat file baru /home/jaranguda/scripts/deploy/codeigniter.sh yang berisi

cd /var/www/codeigniter.jaranguda.com
git pull
git reset --hard origin/master
composer install --prefer-dist --no-progress --no-suggest
chown www-data:www-data -R /var/www/codeigniter.jaranguda.com/writable

File gitlab-ci.yml

Buat .gitlab-ci.yml di project anda, contoh sederhananya

image: debian:latest
 
before_script:
     - mkdir -p ~/.ssh
     - echo -e "$SSH_PRIVATE_KEY" > ~/.ssh/id_rsa
     - chmod 600 ~/.ssh/id_rsa
     - echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config
 
deploy:
  script:
    - ssh -i ~/.ssh/id_rsa root@$IP_SERVER "bash /home/jaranguda/scripts/deploy/codeigniter.sh"

di file diatas terdapat /home/jaranguda/scripts/deploy/codeigniter.sh, file inilah yang nanti melakukan pull dari git dan deploynya.

setelah mengupdate file .gitlab-ci.yml, Gitlab pipeline akan segera jalan, dan bisa dilihat
.

Buka domain anda

Penutup

Cara ini masih sederhana, yang diutamakan adalah konsep cara membuat Auto Deploy di Gitlab. Setelah tahap ini selesai bisa ditambah dengan berbagai macam testing

Lumen 7 Database connection not configured.

Last Updated on 5 April 2020 By tommy Leave a Comment

Lumen 7 otomatis menggunakan konfigurasi .env, untuk default connectionnya. Bila anda menggunakan file konfigurasi config/database.php dan mendapati error “Database connection [] not configured.”.

ada beberapa kesalahan yang mungkin terjadi.
– Penamaan variabel salah
– Bila menggunakan multi database anda lupa menentukan defaultnya
– file .env kosong
– anda lupa menambah tag pembuka PHP

<?php

di awal file database.php. Tag pembuka tersebut sangat penting, kalo tidak ada Lumen tidak akan mengenali file tersebut sebagai file PHP, jadi si lewatkan begitu saja.

Contoh konfigurasi database.php untuk MySQL

<?php
 
return [
  'default' => 'mysql',
  'connections' => [
    'mysql' => [
      'driver' => 'mysql',
      'host' => env('DB_HOST'),
      'database' => env('DB_DATABASE'),
      'username' => env('DB_USERNAME'),
      'password' => env('DB_PASSWORD'),
      'charset'   => 'utf8',
      'collation' => 'utf8_unicode_ci',
    ],
  ]
];

Bila setelah perubahan tersebut anda masih menemukan error yang sama, jalankan

php artisan cache:clear
composer dump-autoload

khusus untuk yang menggunakan php artisan serve, jalankan ulang perintah tersebut setelah melakukan perubaha konfigurasi.

Solusi lain bila anda hanya menggunakan satu database, yaitu dengan menggunakan default .env dan menghapus file config/database.php

Mengambil Data Kurs Terbaru dengan CodeIgniter 4

Last Updated on 4 April 2020 By tommy Leave a Comment

Kali ini kita akan membuat tampilan untuk menampilkan data kurs dengan menggunakan API kurs.web.id. Karena kita menggunakan API jadi prosesnya jauh lebih mudah, dan cepat

Install Codeigniter 4

Install codeigniter dengan bantuan composer

composer create-project codeigniter4/appstarter kurs

View Kurs

Pindah ke folder kurs, hapus file app/Views/welcome_message.php, ganti dengan

 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Situs Kurs - Jaranguda.com</title>
 
 
    <!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
 
 
<meta name="theme-color" content="#563d7c">
 
 
    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
 
      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
    </style>
    <!-- Custom styles for this template -->
  </head>
  <body>
    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
 
  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
        <div class="dropdown-menu" aria-labelledby="dropdown01">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
      <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>
 
<main role="main" class="container">
 
  <div class="starter-template">
    <h1>Data Kurs Terbaru</h1>
    <p class="lead">
		<?php
 
		$api = file_get_contents("https://kurs.web.id/api/v1/bca");
		$result = json_decode($api);
 
		function formatRupiah($angka) {
 
		    if(is_numeric($angka)) {
		        $format_rupiah = 'Rp ' . number_format($angka, '2', ',', '.');
		        return $format_rupiah;
		    }
		    else {
		        echo "$angka" . " bukan angka yang valid!" . "\n";
		    }
		}
		?>
 
		<table class="table table-bordered">
			<tr>
				<td>Bank</td>
				<td><?php echo $result->bank; ?></td>
			</tr>
			<tr>
				<td>Mata Uang</td>
				<td><?php echo $result->matauang; ?></td>
			</tr>
			<tr>
				<td>Kurs Beli</td>
				<td><?php echo formatRupiah($result->jual); ?></td>
			</tr>
			<tr>
				<td>Kurs Jual</td>
				<td><?php echo formatRupiah($result->beli); ?></td>
			</tr>
			<tr>
				<td>Diupdate</td>
				<td><?php echo $result->timestamp; ?></td>
			</tr>
		</table>
    </p>
 
  </div>
 
</main><!-- /.container -->
</html>

Dari code diatas yang masih perlu di format adalah tanggal yang ditampilkan. Itu adalah bagian anda untuk mengerjakannya ;)

Jalankan Codeigniter Spark

Spart adalah buildin development server dari Codeigniter, seperti artisan serve di laravel

php spark serve

Buka http://localhost:8000, di browser

Mengirim Email Dengan SendinBlue API PHP

Last Updated on 27 February 2020 By tommy Leave a Comment

Contoh mengirim email transaction dengan API SendinBlue, kita akan menggunakan cURL untuk mengirim email. Selain cURL bisa juga diganti dengan Guzzle. SendinBlue ini cocok dibuat sebagai pengganti Mailgun yang sekarang sudah tidak menyediakan free package.

<?php
 
$APIKEY = "";
 
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, 'https://api.sendinblue.com/v3/smtp/email');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
$data = '{
   "sender":{
      "name":"Pengirim Email",
      "email":"[email protected]"
   },
   "to":[
      {
         "name":"Penerima Email"
         "email":"[email protected]",
      }
   ],
   "subject":"Kirim Email Pake API SendinBlue",
   "htmlContent":"<html><head></head><body><p>Hello,</p>Halo, lagi ngirim email dari PHP.</p></body></html>"
}';
 
curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
 
$headers = array();
$headers[] = 'Accept: application/json';
$headers[] = 'Api-Key: $APIKEY';
$headers[] = 'Content-Type: application/json';
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
 
$result = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'Error:' . curl_error($ch);
}
curl_close($ch);
 
var_dump($result);

Ganti $APIKEY dengan API key dari SendinBlue. Jalankan script diatas, berikut ini tampilan email yang masuk setelah menjalankan script

Menampilkan Data Dari Database CodeIgniter 4

Last Updated on 26 February 2020 By tommy Leave a Comment

Tutorial kali ini kita akan membahas cara mudah menampilkan data dari database MySQL ke dalam tabel dengan Bootstrap 4. Ada 5 tahap ditutorial ini.

Konfigurasi Database

Buka file .env, ubah bagian database menjadi

database.default.hostname = localhost
database.default.database = tutorial
database.default.username = root
database.default.password = VHMAxc7Wx7b3crUhx4rH
database.default.DBDriver = MySQLi

Import Database

Import database contoh, untuk memudahkan membuat contoh ini

CREATE TABLE `users` (
  `id` int(11) NOT NULL,
  `first_name` varchar(50) DEFAULT NULL,
  `last_name` varchar(50) DEFAULT NULL,
  `email` varchar(50) DEFAULT NULL,
  `password` varchar(50) DEFAULT NULL,
  `country` varchar(50) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 
--
-- Dumping data for table `users`
--
INSERT INTO `users` (`id`, `first_name`, `last_name`, `email`, `password`, `country`) VALUES
(1, 'Winston', 'Bebis', '[email protected]', 'RCOWs2uJq7', 'Indonesia'),
(2, 'Ethelyn', 'Henrys', '[email protected]', 'ZwirrolHMukN', 'Russia'),
(3, 'Vittorio', 'Vellender', '[email protected]', 'hz7uqNpZ', 'Brazil'),
(4, 'Gearalt', 'Scinelli', '[email protected]', 'noer33vU', 'Poland'),
(5, 'Fey', 'Stevens', '[email protected]', 'j1afGfuw7Ve7', 'China'),
(6, 'Bentley', 'Ditt', '[email protected]', 'BUR6fv0A', 'Portugal'),
(7, 'Tonya', 'Rye', '[email protected]', 'X5tmZ9jDcS', 'China'),
(8, 'Juline', 'Roughey', '[email protected]', 'kjRRO45jeD0w', 'Indonesia'),
(9, 'Alic', 'Wevell', '[email protected]', 'TzSWEfZWy8vQ', 'China'),
(10, 'Norbie', 'Gelder', '[email protected]', '4jYZi2rj', 'Albania'),
(11, 'Emmalynn', 'Gabler', '[email protected]', 'Uri553LlQO', 'Sweden'),
(12, 'Sibelle', 'Bernardo', '[email protected]', 'Lbiznun', 'Ukraine'),
(13, 'Laurie', 'Spooner', '[email protected]', 'IpkvoEL96BXc', 'China'),
(14, 'Othilie', 'Eckly', '[email protected]', '27kZgqGFJMmL', 'Venezuela'),
(15, 'Artus', 'Pennycook', '[email protected]', 'QOs7uRh5yLKB', 'Mali'),
(16, 'Vincenz', 'Osler', '[email protected]', 'Gu5QCXHQ', 'China'),
(17, 'Isidro', 'Hemphall', '[email protected]', 'NQ4KEqzc', 'France'),
(18, 'Pinchas', 'Le Guin', '[email protected]', 'ZsfzyYqo', 'China'),
(19, 'Rorie', 'Aleksandrev', '[email protected]', 'dstH8RB5', 'South Africa'),
(20, 'Mayer', 'Pitkethly', '[email protected]', 'OHjZtbmX5gt', 'Canada'),
(21, 'Karol', 'Baiden', '[email protected]', 'EZ1iIWBYV1p6', 'Morocco'),
(22, 'Franciska', 'Peeters', '[email protected]', 'QJX2b8DfGs', 'Russia'),
(23, 'Chlo', 'Kennford', '[email protected]', 'NU8YjWQF', 'Portugal'),
(24, 'Wolfie', 'Lownds', '[email protected]', '1D00dQaOaO', 'Greece'),
(25, 'Sherri', 'Hellens', '[email protected]', 'Ee7nls3', 'Poland'),
(26, 'Emory', 'Semark', '[email protected]', 'VAIBfR8uO', 'Tajikistan'),
(27, 'Jakie', 'Hulks', '[email protected]', 'jI5ylhi', 'China'),
(28, 'Leticia', 'Mathie', '[email protected]', 'euFzcmE', 'Indonesia'),
(29, 'Raimondo', 'Milier', '[email protected]', '3fNmX69MpoiF', 'Poland'),
(30, 'Fawn', 'Cush', '[email protected]', 'odFVlovDiSj9', 'China');
 
ALTER TABLE `users`
  ADD PRIMARY KEY (`id`);
 
ALTER TABLE `users`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=51;
COMMIT;

Membuat Model

Buat model app/Models/UserModel.php untuk memanggil data dari database

<?php namespace App\Models;
 
use CodeIgniter\Model;
 
class UserModel extends Model
{
    protected $table = 'users';
 
    public function getUsers()
    {
        return $this->findAll();
    }
 
}

Membuat Controller

Buat controller app/Controllers/User.php, controller ini nanti yang digunakan untuk memanggil url, juga untuk mengarahkan kemana view yang ditampilkan.

<?php namespace App\Controllers;
 
use App\Models\UserModel;
 
class User extends BaseController
{
    public function index()
    {
        $users = new UserModel();
        $data = $users->getUsers();
        return view('user', compact('data'));
    }
}

Membuat View

Buat view baru app/Views/user.php, disini data akan kita tampilkan ke enduser.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="jaranguda.com tutorial codeigniter4">
    <title>Codeigniter 4 - Jaranguda.com</title>
 
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <style>
body {
  padding-top: 5rem;
}
 
    </style>
  </head>
  <body>
    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
 
  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
        <div class="dropdown-menu" aria-labelledby="dropdown01">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
    </ul>
  </div>
</nav>
 
<main role="main" class="container-fluid">
 
    <h1>Tutorial Codeigniter 4</h1>
    <hr>
 
 
 
 
<table class="table">
  <tt>
    <th>Name</th>
    <th>Email</th>
    <th>Password</th>
  </tr>
 
<?php
foreach ($data as $user) {
  // var_dump($user);
?>
  <tr>
    <td><?php echo $user['first_name'] . ' ' .  $user['last_name']; ?></td>
    <td><?php echo $user['email']; ?></td>
    <td><?php echo $user['password']; ?></td>
  </tr>
<?php
}
?>
</table>
 
</main><!-- /.container -->
</body>
</html>

Jalankan development server CodeIgniter

php spark serve

buka alamat http://localhost:8000 di browser