Langsung ke konten utama

Upload / Deploy / Delivery Aplikasi ke Server

Sudah lama saya mencari-cari tahu terkait cara mengkompres source code file aplikasi EXTJS yang lumayan besar. Bagi yang sudah pernah menggunakan extjs versi 4.2.0, ukuran source file masih terbilang wajar. Begitu menggunakan extjs versi 6.2.0 ke atas, sudah di kisaran 150MB.


Hari ini di Sabtu pagi, 23 Januari 2020, ketika saya mau membuat tutorial extjs yang baru, saya melihat susunan folder project yang membuat saya tertarik dan berpikir.


  1. Di dalam folder build -> ada folder development dan production.
  2. Isi di dalam folder development lebih sedikit dibanding production. Di folder production terdapat file index.html, yang isinya mirip dengan index.html utama (yang ada di atasnya, root MantapApp).
  3. Sebelumnya sering eksekusi perintah sencha app build di terminal, terdapat keterangan default build development.
  4. Iseng tarik file MantapApp/build/production/MantapApp/index.html ke browser, tampilannya sama persis dengan yang kita develop (pas proses coding). Coba untuk login, bisa, tapi setelah login halamannya kosong.
  5. Coba eksekusi sencha app build production , setelah itu saya refresh halamannya lagi. Hasilnya aplikasi bisa berfungsi dengan baik, persis dengan yang di develop.
  6. Cek size / ukuran file project di production hanya 12MB.
  7. Coba copy folder MantapApp yang ada di dalam folder production tersebut ke folder localhost (htdocs). Buka di browser http://localhost/MantapApp , hasilnya juga bisa berjalan dengan baik.
  8. Lalu cek di dokumentasi https://docs.sencha.com/cmd/7.3.0/ ternyata ada keterangan tentang hal semacam ini, namun tidak dijelaskan secara komprehensif.


Jadi, kalau mau upload aplikasi extjs ke web server (delivery produk ke client), caranya adalah sebagai berikut: 

  1. Buka Terminal / CMD
  2. masuk ke folder project extjs (contoh MantapApp)
  3. jalankan perintah:   sencha app build production 
  4. copy satu folder (nama app, ex: MantapApp) yang ada di dalam folder build/production


Sekian dan terima kasih. Salam extjs!





Tips tutorial extjs bahasa indonesia.

Label:
Lokasi: Yogyakarta, Kota Yogyakarta, Daerah Istimewa Yogyakarta, Indonesia

Komentar

Posting Komentar

Silahkan beri komentar terkait postingan ini, berupa pertanyaan atau pernyataan boleh. Terima kasih.

Postingan populer dari blog ini

Download EXTJS 7.0.0 GPL

 Silahkan kunjungi laman berikut: https://www.sencha.com/legal/gpl/ Silahkan isi form yang berada di sisi kanan,  mulai dari nama, email sampai negara. Select Sencha Product : pastikan EXT JS Lalu klik tombol GET SDK . Cek email masuk dari Sencha. Di email tersebut ada link Download. Klik aja.  Selesai! Langkah-langkah di atas adalah cara yang disarankan untuk mengunduh resource sdk extjs. 😊 Berikut direct link download, jika sudah tidak bisa mengunduh EXTJS versi 7.0.0, karena secara default link downloadnya auto pointing ke versi extjs yang terbaru. ext-7.0.0-gpl.zip Versi Lama lainnya: ext-6.2.0-gpl.zip ext-4.2.0-gpl.zip Note: Link download extjs 7.0.0 Link download extjs 6.2.0 Link download extjs 4.2.0
Posting Komentar
Baca selengkapnya

Cara Membuat Virtual Environment Python di Mac OS (Catalina) dengan Pyenv

 Baru-baru ini saya mengalami kendala development karena coba-coba upgrade versi python di Mac. Setelah melakukan troubleshooting beberapa jam, akhirnya saya menemukan titik terang perihal development aplikasi yang aman dengan menggunakan versi python tertentu yaitu menggunakan pyenv . Sebagai contoh untuk develop module odoo 12 direkomendasikan menggunakan python 3.6, untuk odoo 14 menggunakan python 3.8. Di satu komputer / mesin / sistem operasi Mac Oc dan Linux biasanya hanya akan terinstall satu versi python (misal di mac: python 2.7) atau dua versi python (python 2.7 dan python 3.6). Untuk mengeceknya dengan melakukan perintah python -V dan/atau  python3 -V  di Terminal. OK, langsung saja kita install pyenv  -nya. Pastikan sudah terinstall brew (Homebrew)  dan Xcode Command Line Tools . brew install readline xz brew install pyenv pyenv-virtualenv Selanjutnya, install beberapa versi python yang akan digunakan. Contoh saya akan menginstall python 3.6 dan 3....
Posting Komentar
Baca selengkapnya

Perkenalan EXTJS 7.0.0

Buat kita para developer, calon developer atau yang sedang belajar pemrograman web perlu tau nih. Ada framework javascript yang menurut saya bagus dan mudah dalam pengembangannya. Saya berkenalan dengan framework ini tahun 2016 di PT. Gosantha Global. Kala itu sedang beralih profesi dari IT Support ke Web Programmer / Developer. Bisa dibayangkan ya,.. Dari yang jarang menulis baris program alias ngoding jadi bakal berjibaku dengan kode-kode. Yap! Seperti yang tertulis di judul, namanya framework EXTJS. Framework extjs cocok untuk pembuatan aplikasi satu halaman (Single Page Application disingkat SPA). Sudah tau kan apa itu SPA? Secara sederhana, ketika kita mengakses/menggunakan aplikasi ini di browser, lalu kita klik suatu menu/tombol, halaman web tidak berpindah (tidak refresh), hanya tampilannya saja yang berubah. Contohnya seperti gmail dan link berikut: Contoh Admin Dashboard menggunakan EXTJS 7.0.0 https://examples.sencha.com/extjs/7.0.0/examples/admin-dashboard/ Kitchen Sink : K...
Posting Komentar
Baca selengkapnya