{"title":"Bagaimana mengelola berkas statik (misalnya gambar, JavaScript, CSS)","version":"5.1","locale":"id","docname":"howto/static-files/index","url":"/id/5.1/howto/static-files/","canonical":"https://djangodocs.dev/id/5.1/howto/static-files/","summary":"Situs jaringan pada umumnya butuh melayani tambahan berkas-berkas seperti gambar, JavaScript, atau CSS. Di Django, kami mengacu pada berkas-berkas ini sebagai…","html":"

Bagaimana mengelola berkas statik (misalnya gambar, JavaScript, CSS)Link to this heading#

\n

Situs jaringan pada umumnya butuh melayani tambahan berkas-berkas seperti gambar, JavaScript, atau CSS. Di Django, kami mengacu pada berkas-berkas ini sebagai "berkas-berkas tetap". Django menyediakan django.contrib.staticfiles untuk membantu anda mengelola mereka.

\n

Halaman ini menggambarkan bagaimana anda dapat melayani berkas statis ini.

\n
\n

Mengkonfigurasi berkas-berkas tetapLink to this heading#

\n
    \n

  1. Pastikan bahwa django.contrib.staticfiles disertakan dalam INSTALLED_APPS anda.

    2. \n

  2. Di berkas pengaturan anda, tentukan STATIC_URL, sebagai contoh:

    \n
    Code
    STATIC_URL = "static/"\n
    \n
    3. \n

  3. Di cetakan anda, gunakan etiket cetakan static untuk membangun URL untuk jalur relatif yang diberikan menggunakan nama lain staticfiles STORAGES yang sudah dikonfigurasi.

    \n
    Django template
    {% load static %}\n<img src="{% static 'my_app/example.jpg' %}" alt="My image">\n
    \n
    4. \n

  4. Simpan berkas tetap di pelipat disebut static di aplikasi anda. Sebagai contoh my_app/static/my_app/example.jpg.

    5. \n
\n\n

Proyek anda mungkin juga mempunyai aset tetap yang tidak diikat pada aplikasi khusus. Dalam tambahan untuk menggunakan direktori static/ didalam aplikasi anda, anda dapat menentukan sebuah daftar direktori (STATICFILES_DIRS) di berkas pengaturan anda dimana Django akan juga mencari untuk berkas-berkas tetap. Sebagai contoh:

\n
Code
STATICFILES_DIRS = [\n    BASE_DIR / "static",\n    "/var/www/static/",\n]\n
\n

Lihat dokumentasi untuk pengaturan STATICFILES_FINDERS untuk rincian pada bagaimana staticfiles menemukan berkas-berkas anda.

\n\n
\n
\n

Melayani berkas-berkas tetap selama pengembanganLink to this heading#

\n

Jika anda menggunakan django.contrib.staticfiles seperti yang dijelaskan diatas, runserver akan melakukan ini secara otomatis ketika DEBUG disetel ke True. Jika anda tidak mempunyai django.contrib.staticfiles di INSTALLED_APPS, anda dapat masih secara manual melayani berkas-berkas tetap menggunakan tampilan django.views.static.serve().

\n

Ini tidak cocok untuk penggunaan produksi! Untuk beberapa strategi penyebaran umum, lihat Bagaimana menyebarkan berkas tetap.

\n

Sebagai contoh, jika STATIC_URL anda ditentukan sebagai static/, anda dapat melakukan ini dengan menambahkan potongan berikut ke urls.py anda:

\n
Code
from django.conf import settings\nfrom django.conf.urls.static import static\n\nurlpatterns = [\n    # ... the rest of your URLconf goes here ...\n] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)\n
\n\n
\n
\n

Melayani berkas-berkas terunggah oleh pengguna selama pengembanganLink to this heading#

\n

Selama pengembangan, anda dapat melayani berkas-berkas media diupload-pengguna dari MEDIA_ROOT menggunakan tampilan django.views.static.serve().

\n

Ini tidak cocok untuk penggunaan produksi! Untuk beberapa strategi penyebaran umum, lihat Bagaimana menyebarkan berkas tetap.

\n

Sebagai contoh, jika MEDIA_URL anda ditentukan sebagai media/, anda dapat melakukan ini dengan menambahkan potongan berikut ke ROOT_URLCONF anda:

\n
Code
from django.conf import settings\nfrom django.conf.urls.static import static\n\nurlpatterns = [\n    # ... the rest of your URLconf goes here ...\n] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)\n
\n\n
\n
\n

PengujianLink to this heading#

\n

Ketika menjalankan percobaan yang menggunakan permintaan HTTP sebenarnya daripada klien percobaan siap pakai (yaitu ketika menggunakan LiveServerTestCase siap pakai) aset tetap butuh dilayani bersama sisa dari isi sehingga lingkungan percobaan memproduksi kembali satu yang asli setepat mungkin, tetapi LiveServerTestCase mempunyai hanya sangat dasar berkas tetap-melayani fungsi: Dia tidak tahu bahwa penemu fitur dari aplikasi staticfiles dan menganggap isi statis telah dikumpulkan dibawah STATIC_ROOT.

\n

Karena ini, staticfiles mengemas django.contrib.staticfiles.testing.StaticLiveServerTestCase milik dia sendiri, sebuah subkelas dari satu siap pakai yang mempunyai kemampuan untuk transparan melayani semua aset selama pelaksanaan dari percobaan ini dengan cara sangat mirip pada apa kami dapat di waktu pengembangan dengan DEBUG = True, yaitu tanpa mengumpulkan mereka menggunakan collectstatic pertama kali.

\n
\n
\n

PenyebaranLink to this heading#

\n

django.contrib.staticfiles menyediakan kenyamanan perintah pengelolaan untuk mengumpulkan berkas-berkas tetap dalam direktori tunggal sehingga anda dapat melayani mereka dengan mudah.

\n
    \n

  1. Setel pengaturan STATIC_ROOT ke direktori dari dimana anda ingin melayani berkas-berkas ini, sebagai contoh:

    \n
    Code
    STATIC_ROOT = "/var/www/example.com/static/"\n
    \n
    2. \n

  2. Jalankan perintah pengelolaan collectstatic:

    \n
    Shell
    $ python manage.py collectstatic\n
    \n

    Ini akan menyalin semua berkas dari pelipat tetap anda kedalam direktori STATIC_ROOT.

    \n
    3. \n

  3. Gunakan sebuah peladen jaringan dari pilihan anda untuk melayani berkas-berkas. Bagaimana menyebarkan berkas tetap melingkupi beberapa strategi penyebaran umum untuk berkas-berkas tetap.

    4. \n
\n
\n
\n

Pelajari lagiLink to this heading#

\n

Dokumen ini melingkupi corak penggunaan dasar dan beberapa umum. Untuk melengkapi rincian pada semua pengaturan, perintah, etiket cetakan, dan potongan lainnya disertakan dalam django.contrib.staticfiles, lihat the acuan berkas tetap.

\n
","rootId":"how-to-manage-static-files-e-g-images-javascript-css","toc":[{"title":"Mengkonfigurasi berkas-berkas tetap","anchor":"configuring-static-files","children":[]},{"title":"Melayani berkas-berkas tetap selama pengembangan","anchor":"serving-static-files-during-development","children":[]},{"title":"Melayani berkas-berkas terunggah oleh pengguna selama pengembangan","anchor":"serving-files-uploaded-by-a-user-during-development","children":[]},{"title":"Pengujian","anchor":"testing","children":[]},{"title":"Penyebaran","anchor":"deployment","children":[]},{"title":"Pelajari lagi","anchor":"learn-more","children":[]}],"breadcrumbs":[{"docname":"howto/index","title":"Panduan Cara-cara","url":"/id/5.1/howto/"}],"prev":{"docname":"howto/custom-template-tags","title":"Bagaimana membuat cetakan etiket dan saringan disesuaikan","url":"/id/5.1/howto/custom-template-tags/"},"next":{"docname":"howto/logging","title":"Bagaimana mengkonfigurasi dan menggunakan pencatatan","url":"/id/5.1/howto/logging/"},"formats":{"html":"/id/5.1/howto/static-files/","markdown":"/id/5.1/howto/static-files.md","json":"/id/5.1/howto/static-files.json"},"source":"https://github.com/django/django/blob/stable/5.1.x/docs/howto/static-files/index.txt","official":"https://docs.djangoproject.com/id/5.1/howto/static-files/","inVersions":["6.1","6.0","5.2","5.1","5.0","4.2","4.1","4.0","3.2","3.1","3.0","2.2","2.1","2.0","1.11","1.10","1.9"],"inLocales":["en","zh-hans","fr","ja","id","it","pt-br","ko","es","el","pl"]}