• Google
  • Blogger
  • WhatsApp
  • Design Contest
  • Facebook
  • Twitter
  • Instagram
  • Linkedin
  • Line
  • Payoneer
  • Privacy
  • Monday 20 June 2022

    Membuat Website Menggunakan Laravel

    Membuat Website Menggunakan Laravel

    Membuat Website Menggunakan Laravel




    Laravel adalah kerangka kerja PHP lintas platform untuk membangun aplikasi web, dengan sintaks yang elegan dan ekspresif. Dengan Laravel, kita dapat dengan mudah membuat situs web baru sambil juga memiliki fitur dan skalabilitas untuk menangani aplikasi tingkat lanjut dan berskala besar.






    Tetapi untuk benar-benar memahami manfaat Laravel dan kegunaannya membutuhkan pemahaman yang lebih mendalam. Laravel memungkinkan pengembang untuk memanfaatkan perpustakaan besar fungsionalitas yang telah diprogram sebelumnya (seperti otentikasi, perutean, dan templating HTML). Akses ke perpustakaan ini mempermudah pembuatan aplikasi web yang kuat dengan cepat sambil meminimalkan jumlah pengkodean yang diperlukan.


    Laravel menawarkan lingkungan pengembangan yang sangat fungsional, serta antarmuka baris perintah yang intuitif dan ekspresif. Selain itu, Laravel menggunakan pemetaan relasional objek (ORM) untuk akses dan manipulasi data yang lebih sederhana.


    Berikut di bawah ini akan memandu Anda penyiapan untuk Laravel di perangkat Anda, lalu menunjukkan cara membuat dan menerapkan situs web Laravel Anda sendiri. Langkah-langkah instalasi khusus distribusi diberikan untuk Debian, Ubuntu, dan CentOS.


    Memulai dengan Laravel



    Instal Prasyarat

    1. Instal ekstensi PHP yang direkomendasikan oleh PHP dan Laravel.
      • Di Debian dan Ubuntu menggunakan:
        sudo apt install php7.4 php7.4-bcmath php7.4-common php7.4-curl php7.4-json php7.4-mbstring php7.4-mysql php7.4-xml php7.4-zip openssl
        

      • Di CentOS, Anda perlu mengambil langkah tambahan dengan menambahkan repositori Remi , karena repositori default manajer paket hanya menyertakan PHP versi 7.2.
        • Pertama, tambahkan repositori Remi:
          sudo dnf install https://dl.fedoraproject.org/pub/epel/epel-release-latest-8.noarch.rpm
          sudo dnf install https://rpms.remirepo.net/enterprise/remi-release-8.rpm
          


        • Kemudian, aktifkan PHP 7.4 dari repositori Remi dan perbarui manajer paket.
          sudo dnf module enable php:remi-7.4
          sudo dnf update
          


        • Terakhir, instal paket PHP yang diperlukan.
          sudo dnf install php php-bcmath php-common php-json php-mbstring php-mysql php-xml php-zip curl openssl
          


    2. Ubah ke direktori tempat Anda ingin menyimpan direktori proyek Laravel Anda. Dalam contoh ini, Anda menggunakan direktori home pengguna saat ini.
      cd ~
      


    3. Download Composer, memastikan bahwa Komposer dapat digunakan secara global, dan membuatnya dapat dieksekusi.
      curl-sS https://getcomposer.org/installer | php
       sudo mv composer.phar /usr/local/bin/composer
       sudo chmod +x /usr/local/bin/composer
      


    4. Jalankan Composer installer. Perintah berikut mengunduh penginstal, memverifikasi kunci SHA-384-nya, dan menjalankan skrip penginstalan jika kuncinya valid .
       php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
       php -r "if (hash_file('sha384', 'composer-setup.php') === '756890a4488ce9024fc62c56153228907f1545c228516cbf63f885e036d37e9a59d27d63f46af1d4d07ee0f76181c7d3') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
       php composer-setup.php
       php -r "unlink('composer-setup.php');"
      


    Membuat Proyek Laravel



    1. Membuat Aplikasi Laravel.
       php composer.phar create-project laravel/laravel example-app
      


    2. Ubah ke direktori yang dibuat untuk aplikasi.
      cd example-app
      


      catatan

      Kecuali disebutkan sebaliknya, semua perintah berikutnya dalam panduan ini menganggap Anda masih berada di direktori proyek example-app.




    3. Jalankan PHP development server, Artisan, untuk memverifikasi bahwa penyiapan Laravel telah selesai.
       php artisan serve
      


      'Artisan serves' aplikasi pada localhost:8000. Untuk mengunjungi aplikasi dari jarak jauh, Anda dapat menggunakan terowongan SSH:
      • Di Windows, Anda dapat menggunakan alat Putty untuk mengatur terowongan SSH Anda. Ikuti bagian yang sesuai dari Menggunakan SSH di Windows panduan, mengganti nomor port contoh di sana dengan 8000.


      • Di OS X atau Linux, gunakan perintah contoh untuk menyiapkan terowongan SSH. Ganti example-user dengan nama pengguna Anda di server aplikasi dan 192.0.2.0 dengan alamat IP server.
          ssh -L8000:localhost:8000 [email protected]
        


    4. Sekarang, Anda dapat mengunjungi aplikasi di browser Anda dengan menavigasi ke localhost:8000.


    Membuat Website menggunakan Laravel



    Bagian ini menunjukkan kepada Anda cara mulai bekerja dengan kontroler dan tampilan Laravel untuk membuat situs web.



    1. Ikuti langkah-langkah di bagian Buat Proyek Laravel di atas untuk memulai dengan proyek dasar.


    2. Contoh ini membangun situs web dengan fitur halaman Home dan halaman About. Buat rute untuk masing-masing dengan membuka file rute — ~/example-app/routes/web.php — dan tambahkan konten berikut:

      File: ~/example-app/routes/web.php
       1
       2
       3
       4
       5
       6
       7
       8
       9
      10
      11
      12
      13
      
      <?php
      
      use Illuminate\Support\Facades\Route;
      
      use App\Http\Controllers\HomeController;
      use App\Http\Controllers\AboutController;
      
      Route::redirect('/', '/home');
      
      Route::get('/home', [HomeController::class, 'index']);
      
      Route::get('/about', [AboutController::class, 'index']);
          


      Pertama, ini mengimpor pengontrol-HomeController dan AboutController yang bisa dibuat dalam dua langkah berikutnya. Kemudian, itu mengarahkan permintaan ke /home damn /about URL ke pengontrol masing-masing. Ini juga termasuk rute untuk mengarahkan lalu lintas dari URL dasar (/) ke /home URL.


    3. Buat pengontrol Home fitur dengan membuat file ~/example-app/app/Http/Controllers/HomeController.php dan berikan konten yang ditunjukkan di bawah ini:

      File: ~/example-app/app/Http/Controllers/HomeController.php
        
       1
       2
       3
       4
       5
       6
       7
       8
       9
      10
      11
      12
      13
      14
      
      <?php
      
      namespace App\Http\Controllers;
      
      use App\Http\Controllers\Controller;
      
      class HomeController extends Controller
      {
          public function index()
          {
              return view('home', ['title' => 'Home Page']);
          }
      }
          


      Pengontrol ini hanya merender tampilan halaman Beranda dan memasukkan parameter title ke dalamnya.


    4. Lakukan hal yang sama untuk pengontrol Tentang. Dalam hal ini, file barunya adalah ~/example-app/app/Http/Controllers/AboutController.php. Pengontrol ini memiliki fungsi yang sama dengan pengontrol Beranda, namun sebagai gantinya, pengontrol ini merender tampilan halaman tentang.

      File: ~/example-app/app/Http/Controllers/AboutController.php
        
       1
       2
       3
       4
       5
       6
       7
       8
       9
      10
      11
      12
      13
      14
      
      <?php
      
      namespace App\Http\Controllers;
      
      use App\Http\Controllers\Controller;
      
      class AboutController extends Controller
      {
          public function index()
          {
              return view('about', ['title' => 'About Page']);
          }
      }
          


    5. Tampilan contoh ini berbagi menu navigasi, sehingga situs web dapat menggunakan template tata letak untuk mengurangi kode duplikat. Buat template layout sebagai ~/example-app/resources/views/layouts/master.blade.php, dan berikan konten yang ditunjukkan pada contoh di bawah ini.

      Catatan
      Sebelum membuat template layout, Anda perlu membuat subdirektori layouts.
      mkdir~/example-app/resources/views/layouts
      


      File: ~/example-app/resources/views/layouts/master.blade.php
       1
       2
       3
       4
       5
       6
       7
       8
       9
      10
      11
      12
      13
      14
      15
      16
      17
      
      <html>
          <head>
              @if ($title)
                      <title>{{ $title }}</title>
              @else
                      <title>Example Laravel App</title>
              @endif
          </head>
          <body>
              <div><a href="/home">Home</a> | <a href="/about">About</a>
              <hr/>
              <div class="container">
                  @yield('content')
              </div>
          </body>
      </html>
          


    6. Sekarang, untuk membuat tampilan sendiri. Buat file ~/example-app/resources/views/home.blade.php dan file ~/example-app/resources/views/about.blade.php . Tambahkan isi file contoh di bawah ini:

      File: ~/example-app/resources/views/home.blade.php
        
      1
      2
      3
      4
      5
      6
      7
      
      @extends('layouts.master')
      
      @section('content')
              <h1>{{ $title }}</h1>
              <p>This is the home page for an example Laravel web application.</p>
      @endsection
          


      File: ~/example-app/resources/views/about.blade.php
       
      1
      2
      3
      4
      5
      6
      7
      
      @extends('layouts.master')
      
      @section('content')
              <h1>{{ $title }}</h1>
              <p>This is the about page for an example Laravel web application.</p>
      @endsection
          


      Masing-masing template tampilan ini pertama-tama mendeklarasikan bahwa ia memperluas template tata letak master. Ini memungkinkan setiap pekerjaan dalam tata letak, mengurangi jumlah kode yang harus Anda tulis ulang dan memastikan halamannya konsisten. Setiap tampilan mendefinisikan konten utamanya sebagai bagian dari bagian content, yang didefinisikan dalam tata letak master.


    7. Jalankan aplikasi menggunakan langkah-langkah yang diberikan di akhir Buat Proyek Laravel bagian di atas.

      Anda sekarang dapat mengunjungi situs web di localhost:8000.



    Terapkan Aplikasi Web Laravel



    Meskipun server Artisan bekerja dengan baik untuk pengembangan, Anda disarankan untuk menggunakan server yang lebih kuat untuk penyebaran produksi. Di bagian ini, Anda dapat melihat bagaimana melakukan hal itu, menggunakan aplikasi web Laravel Anda menggunakan NGINX


    Langkah-langkah ini mengasumsikan aplikasi Anda memiliki lokasi dan nama yang sama seperti yang diberikan di bagian sebelumnya.



    1. Install NGINX.

      • Debian and Ubuntu, gunakan :
          sudo apt install nginx
        


      • On CentOS, gunakan:
        sudo yum install nginx
        


    2. Copy proyek Laravel Anda di directory ke /var/www.
       sudo cp -R ~/example-app /var/www
      


    3. Tambahkan kepemilikan pengguna www-data atas subdirectory storage proyek.
       sudo chown -R www-data.www-data /var/www/example-app/storage
      


    4. Buat file konfigurasi NGINX untuk situs web, dan tambahkan konten yang ditunjukkan di bawah ini. Ganti example.com dengan nama domain server Anda.
      File: /etc/nginx/sites-available/example-app
       
       1
       2
       3
       4
       5
       6
       7
       8
       9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      
      server {
          listen 80;
          server_name example.com;
          root /var/www/example-app/public;
      
          add_header X-Frame-Options "SAMEORIGIN";
          add_header X-Content-Type-Options "nosniff";
      
          index index.php;
      
          charset utf-8;
      
          location / {
              try_files $uri $uri/ /index.php?$query_string;
          }
      
          location = /favicon.ico { access_log off; log_not_found off; }
          location = /robots.txt  { access_log off; log_not_found off; }
      
          error_page 404 /index.php;
      
          location ~ \.php$ {
              fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
              fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
              include fastcgi_params;
          }
      
          location ~ /\.(?!well-known).* {
              deny all;
          }
      }
          


    5. Buat tautan simbolis dari file konfigurasi di direktori sites-enabled NGINX. Anda juga dapat menghapus konfigurasi situs default dari direktori ini.
       sudo ln -s /etc/nginx/sites-available/example-app /etc/nginx/sites-enabled/
       sudo rm /etc/nginx/sites-enabled/default
      


    6. Verifikasi konfigurasi NGINX.
       sudo nginx -t
      


    7. Aktifkan dan mulai layanan NGINX :
       sudo systemctl enable nginx
       sudo systemctl start nginx
      


    8. Demikian pula, aktifkan dan mulai layanan PHP-FPM, yang digunakan NGINX untuk menjalankan aplikasi Anda.
      • Debian and Ubuntu, gunakan:

        sudo systemctl enable php7.4-fpm
          sudo systemctl start php7.4-fpm
        


      • CentOS, gunakan:
        sudo systemctl enable php-fpm
          sudo systemctl start php-fpm
        


    9. Aplikasi Anda sekarang harus berjalan, kunjungi dengan menavigasi ke nama domain server Anda di browser Anda. Pastikan Anda mengawali nama domain dengan http daripada https, karena server belum disiapkan dengan Sertifikat SSL.


    Konklusi



    Anda sekarang memiliki situs web Laravel Anda sendiri dan berjalan! Untuk membangun apa yang Anda buat dengan mengikuti panduan ini, pastikan untuk melihat-lihat dokumentasi Laravel. Di sana, Anda dapat menemukan banyak informasi untuk menyelami lebih dalam komponen aplikasi Laravel.



    Info Tambahan



    Anda mungkin ingin berkonsultasi dengan sumber daya berikut untuk informasi tambahan pada topik ini. Sementara ini disediakan dengan harapan akan menjadi berguna, harap dicatat bahwa kami tidak dapat menjamin keakuratan atau ketepatan waktu materi yang dihosting secara eksternal.

    Sunday 19 June 2022

    Visual Studio 10 - Membuat Website

    Visual Studio 10 - Membuat Website

    Visual Studio 10 - Membuat Website




    Visual Studio.NET atau VB.NET atau ASP.NET, aplikasi bawaan Microsoft untuk menggunakan pembuatan Website. Aplikasi ini seolah-olah mereka sepenuhnya objek lokal karena sebagian besar pengaturan antara klien dan server berlangsung di latar belakang. Tip ini menunjukkan cara membuat layanan Web sederhana.






    Teknologi untuk membuat layanan web didasarkan pada HTTP, Simple Object Access Protocol (SOAP), dan XML. Karena layanan Web menggunakan standar terbuka, memanggil layanan Web cukup sederhana.


    Untuk membuat situs Website di Visual Studio.NET sangat sederhana. Teknologi sisi server ASP.Net memungkinkan pengembang untuk membuat layanan web dan kerangka kerja .NET menyediakan seperangkat alat dan kode yang canggih untuk menggunakan layanan web.


    Dalam latihan ini, kita akan membangun layanan web sederhana �Hello World'. Sebagian besar artikel mengajarkan tentang layanan web menggunakan contoh Hello World. Tetapi hanya sedikit yang menjelaskan teknologi di balik contoh layanan web ini secara rinci. Pada artikel ini kita akan mempelajari keduanya.



    Memulai Proyek Baru



    Membangun sebuah proyek, tampilan setiap proyek ditentukan oleh template yang digunakan. Setiap template menghasilkan jenis aplikasi yang berbeda, jadi setelah menyelesaikan prosesnya akan berbeda tergantung pada template yang kita gunakan. Langkah-langkah memulai sebuah proyek dibawah ini.



    Buat Proyek Website Baru



    1. Buka Visual Studio 2010


    2. Klik Start|All Programs|Microsoft Visual Studio 2010 Express|Microsoft Visual Web Developer 2010 Express. Anda akan melihat IDE memulai.


    3. Klik New Project. Kita akan melihat kotak dialog Proyek Baru ditampilkan di sini.



    4. Gulur kebawah Klik subfolder Visual C#


    5. Pilih templat aplikasi menurut jenisnya yang akan digunakan.



    6. Pilih jenis proyek. Misalkan akan memggunakan aplikasi template ASP.NET Web Application.

    7. Ketik nama No Code Project di kolom Nama. Pada bidang Solution Name field automatically changes untuk mencerminkan nama yang baru saja Anda ketikkan di bidang Nama. Bidang Solutoon Name dapat berisi nilai yang berbeda. Solutian Name adalah sejenis wadah. Kita dapat menyimpan beberapa proyek dalam satu solusi. Misalnya, Kita akan menyimpan aplikasi dan program pengujiannya dalam satu solusi. Dengan demikian, bidang Solution Name dapat berbeda dari nama proyek karena mencerminkan nama untuk solusi multi-proyek.

    8. Pilih lokasi di mana Anda ingin menyimpan file proyek. (Klik Browse untuk menampilkan kotak dialog Project Location untuk memilih folder yang ingin Anda gunakan). Kita dapat memilih lokasi drive mana saja di hard drive kita untuk menyimpan proyek.

    9. Pilih opsi Create Directory For Solution jika kita ingin file solusi muncul di foldernya sendiri. Fitur ini berguna terutama saat kita membuat solusi multi-proyek, karena setiap proyek akan muncul di subfoldernya sendiri. Namun, tetap memilih opsi untuk satu solusi proyek tidak menyebabkan masalah, jadi biasanya kita tetap memilih opsi ini.

    10. Klik OK. IDE akan membuat proyek baru untuk Anda berdasarkan template yang Anda pilih. Beberapa template menyediakan konten default.




    Tampilan halaman website default




    Selanjutnya Anda dapat berkreasi seperti menggunakan aplikasi lainnya dalam pembuatan website


    Semoga bermanfaat