{"title":"How to manage static files (e.g. images, JavaScript, CSS)","version":"4.1","locale":"id","docname":"howto/static-files/index","url":"/id/4.1/howto/static-files/","canonical":"https://djangodocs.dev/id/4.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":"

How to manage static files (e.g. images, 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. Dalam cetakan anda, gunakan etiket cetakan static untuk membangun URL untuk jalur berhubungan yang diberikan menggunakan STATICFILES_STORAGE yang 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 How to deploy static files.

\n

For example, if your STATIC_URL is defined as static/, you can\ndo this by adding the following snippet to your urls.py:

\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 How to deploy static files.

\n

For example, if your MEDIA_URL is defined as media/, you can do\nthis by adding the following snippet to your ROOT_URLCONF:

\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
    Code
    $ 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. How to deploy static files 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 \"Bagaimana\"","url":"/id/4.1/howto/"}],"prev":{"docname":"howto/overriding-templates","title":"How to override templates","url":"/id/4.1/howto/overriding-templates/"},"next":{"docname":"howto/static-files/deployment","title":"How to deploy static files","url":"/id/4.1/howto/static-files/deployment/"},"formats":{"html":"/id/4.1/howto/static-files/","markdown":"/id/4.1/howto/static-files.md","json":"/id/4.1/howto/static-files.json"},"source":"https://github.com/django/django/blob/stable/4.1.x/docs/howto/static-files/index.txt","official":"https://docs.djangoproject.com/id/4.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"]}