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.

Komentar

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

Instalasi Odoo 12 di Mac OS (X)

Persiapan Pastikan sudah terinstall python3 (sangat direkomendasikan Python versi 3.6) dan pip3. Tutor lengkap instalasi baca di sini . Pastikan sudah terinstall Xcode Command Line Tools. Jika belum, buka Terminal lalu eksekusi perintah ini: xcode-select --install Download & Install postgresql (minimal versi 9.6).  Download odoo 12 , isi form, lalu gulir ke bawah ke bagian Odoo 12, Download Odoo Community yang Source , atau bisa klik direct link  ini. Instalasi Odoo Ekstrak odoo_12.0.latest.tar.gz Buka Terminal, buat virtual environment (venv) odoo12 : cd ~ mkdir venv cd venv python3 -m venv odoo12 Aktifkan venv odoo12 dan buat folder src cd odoo12 source bin/activate mkdir src Copy semua folder dan file yang sudah di esktrak di langkah 1 ke dalam folder src ( /home/ namausernamekamu /venv/odoo12/ src ). Install requirement odoo, jika ada error yang muncul silahkan di trace error-nya sampai semuanya berhasil terinstall. pip3 install -r require

Membuat Aplikasi Login dengan EXTJS 7.0.0 (Part 1)

Sebelum memulai pembuatan aplikasi login dengan framework Extjs 7.0.0 pastikan sudah menyelesaikan tugas-tugas berikut ini: Download SDK EXTJS 7.0.0 Install Sencha Cmd Sudah saya buatkan tutorial instalasi masing-masing sistem operasi (OS), tinggal ikuti saja. Jika masih menemukan kesulitan, silahkan bertanya di kolom komentar. PERSIAPAN Buat folder baru dengan nama: ProjectExtJS , lokasi bebas. Sebagai contoh saya membuat di /Users/gosantha/ProjectExtJS . Untuk pengguna windows, misal di drive D:\ProjectExtJS Buat folder baru lagi di dalamnya dengan nama: sdk_extjs   Pindahkan file  ext-7.0.0-gpl.zip  (SDK EXTJS 7.0.0) yang sudah di download ke folder sdk_extjs Ekstrak file  ext-7.0.0-gpl.zip    Kurang lebih seperti ini struktur folder projectnya. BUAT APLIKASI Buka Terminal (Linux/Mac) atau Command Prompt (Windows) Masuk ke folder  ProjectExtJS  dengan perintah cd ke_path_ProjectExtJS contoh punya saya: cd /Users/gosantha/ProjectExtJS contoh di windows, seperti di langkah persiapa