{"id":1573,"date":"2020-02-11T16:48:05","date_gmt":"2020-02-11T16:48:05","guid":{"rendered":"https:\/\/www.jetorbit.com\/panduan\/?p=1573"},"modified":"2020-03-22T07:39:36","modified_gmt":"2020-03-22T07:39:36","slug":"mengupload-file-web-aplikasi-berbasis-web-dari-localhost-ke-cpanel","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/panduan\/mengupload-file-web-aplikasi-berbasis-web-dari-localhost-ke-cpanel\/","title":{"rendered":"Mengupload File Web\/Aplikasi Berbasis Web Dari Localhost ke Cpanel"},"content":{"rendered":"<p>Sebagai pengembang <em>website<\/em> terkadang lebih nyaman mengembangkan <em>website<\/em> atau aplikasi berbasis web dari perangkat lokal yang dipergunakan (baik itu laptop maupun komputer pribadi)\u00a0 sembari memperbaiki kekurangan ataupun kesalahan pada fase pengembangan <em>website<\/em>, pengembang dapat melihat perbaikan pada produk <em>website<\/em>-nya secara langsung sebelum di-<em>publish <\/em>dan menghindari resiko kesalahan\/<em>bug<\/em> untuk aplikasi berbasis <em>website<\/em>.<\/p>\n<p>Tahap terakhir ketika pengembangan <em>website<\/em> sudah selesai ataupun pengembang merasa <em>website<\/em> sudah layak untuk di-<em>publish <\/em>ke layanan <em>hosting<\/em> adalah dengan memindahkan keseluruhan file yang ada pada folder di <em>localhost<\/em> untuk <em>project<\/em> yang dikerjakan (apabila menggunakan <em>server<\/em> xampp <em>windows<\/em> pada <em>localhost<\/em> seperti pada gambar 1 terdapat pada folder xampp &gt; htdocs &gt; project_web)<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-1575\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gambar-1-300x169.jpg\" alt=\"folder website pada xampp windows\" width=\"866\" height=\"488\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gambar-1-300x169.jpg 300w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gambar-1-1024x578.jpg 1024w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gambar-1-768x434.jpg 768w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gambar-1.jpg 1360w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>ke folder yang terdapat pada \u00a0cpanel (folder untuk <em>website<\/em> yang akan di-<em>publish<\/em> diletakkan pada folder &#8220;public_html&#8221;).<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1576\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/publichtml-300x159.jpg\" alt=\"folder public_html pada cpanel\" width=\"828\" height=\"439\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/publichtml-300x159.jpg 300w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/publichtml-1024x544.jpg 1024w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/publichtml-768x408.jpg 768w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/publichtml.jpg 1357w\" sizes=\"(max-width: 828px) 100vw, 828px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Folder &#8220;public_html&#8221; merupakan folder <em>root<\/em> untuk cpanel, artinya ketika file index <em>web<\/em> diupload langsung ke folder public_html maka ketika pengunjung mengakses domain pada cpanel yang dimaksud akan menampilkan halaman utama <em>website<\/em> tersebut.<\/p>\n<p>Untuk mengakses folder public_html dimana tempat meletakkan file <em>website<\/em> dapat terlebih dahulu <em>login<\/em> ke cpanel dengan memasukkan <em>user<\/em> dan <em>password<\/em>. Sebagai contoh untuk gambar 3 dibawah ini cpanel dapat diakses melalui http:\/\/cpanel.domain.com.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1577\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/Login-Cpanel-300x159.jpg\" alt=\"tampilan halaman login pada cpanel\" width=\"790\" height=\"419\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/Login-Cpanel-300x159.jpg 300w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/Login-Cpanel-1024x543.jpg 1024w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/Login-Cpanel-768x407.jpg 768w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/Login-Cpanel.jpg 1357w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Setelah masuk ke cpanel maka langkah selanjutnya kita dapat masuk kebagian &#8220;File Manager&#8221; untuk melakukan <em>upload<\/em> file. Kemudian langsung menuju folder &#8220;public_html&#8221; agar dapat meletakkan file isi <em>website<\/em> yang dimaksud. Pada folder &#8220;public_html&#8221; langsung saja klik tanda <em>upload<\/em>, <em>browser<\/em> akan membuka tab baru dengan pilihan <em>drag and drop<\/em> ataupun dengan membuka <em>windows browse<\/em> menuju lokasi file yang akan di-<em>upload<\/em>.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1579\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/tombol-upload-300x113.jpg\" alt=\"tombol upload pada cpanel\" width=\"778\" height=\"293\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/tombol-upload-300x113.jpg 300w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/tombol-upload-1024x386.jpg 1024w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/tombol-upload-768x289.jpg 768w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/tombol-upload.jpg 1360w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1578\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/halaman-upload-300x145.jpg\" alt=\"halaman upload file pada cpanel\" width=\"768\" height=\"372\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/halaman-upload-300x145.jpg 300w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/halaman-upload-1024x497.jpg 1024w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/halaman-upload-768x372.jpg 768w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/halaman-upload.jpg 1359w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Untuk mempercepat proses <em>upload<\/em> file tidak disarankan meng-<em>upload<\/em> file satu persatu terlebih dahulu, karena akan membuat pekerjaan menjadi lama dan membuang waktu (cara <em>upload<\/em> file satu persatu akan digunakan ketika menghadapi kendala seperti yang akan dijelaskan dibawah).<\/p>\n<p>Saran yang diberikan adalah dengan membungkus semua file yang diperlukan untuk <em>website<\/em> menjadi satu file berekstensi zip. Tidak disarankan menggunakan aplikasi arsip file dengan &#8220;winrar&#8221;, karena cpanel tidak dapat membaca ekstensi arsip .rar. Apabila <em>environment<\/em> pengembangan dengan <em>microsoft windows<\/em> dapat melakukan klik kanan pada folder file <em>web<\/em> pada <em>localhost<\/em> dan pilihlah <em>dropdown<\/em> \u201csend to\u201d kemudian pilihlah &#8220;compressed (zip) folder&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1580\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/send-to-300x162.jpg\" alt=\"car mengompres file ekstensi zip\" width=\"847\" height=\"456\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Maka file arsip berisikan file <em>website<\/em> dengan ekstensi .zip akan muncul pada folder yang sama dengan nama folder berisi file <em>web<\/em> yang sama (folder ini dapat dirubah namanya dengan cara <em>rename<\/em> untuk <em>environment windows<\/em>). Perbedaan nama tidak menjadi masalah pada cpanel, asalkan sebagai <em>developer<\/em> atau <em>webmaster<\/em> dapat mengenali file .zip tersebut.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1581\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/file-zip-300x160.jpg\" alt=\"Hasil file zip pada windows\" width=\"901\" height=\"481\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/file-zip-300x160.jpg 300w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/file-zip-1024x548.jpg 1024w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/file-zip-768x411.jpg 768w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/file-zip.jpg 1359w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Kemudian lakukan ekstraksi file \u00a0pada &#8220;public_html&#8221; jika ingin meletakkan file <em>website<\/em> pada <em>root<\/em> cpanel. Langkah perpindahan file website dari <em>localhost<\/em> ke <em>hosting<\/em> cpanel sudah selesai dilakukan. Apabila <em>upload<\/em> file gagal (gambar 6) maka kemungkinan salah satu penyebabnya adalah cpanel mendeteksi adanya <em>malware<\/em> pada isi arsip file <em>web<\/em> dengan ekstensi .zip tersebut. Namun jangan khawatir, pada cpanel terkadang terjadi <em>&#8220;false positive&#8221;<\/em> atau dengan bahasa sederhananya cpanel mendeteksi kesalahan yang salah atau kesalahan prediksi adanya <em>malware<\/em> itu tidak benar terjadi. Hal ini bisa disebabkan oleh penamaan file dan folder &#8220;javascript&#8221; atau &#8220;css&#8221; yang berulang yang biasanya dilakukan <em>developer website<\/em> yang bertujuan untuk merapikan pekerjaan agar folder &#8220;css&#8221; dan &#8220;javascript&#8221; tidak tercampur dan membingungkan. Tetapi tidak menutup kemungkinan adanya deteksi hal lain yang memang terjadi dan diterapkan oleh pengembang cpanel.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1582\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gagal-upload-300x145.jpg\" alt=\"kegagalan upload file zip pada cpanel\" width=\"900\" height=\"435\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gagal-upload-300x145.jpg 300w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gagal-upload-1024x495.jpg 1024w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gagal-upload-768x371.jpg 768w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2020\/02\/gagal-upload.jpg 1172w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Untuk mengatasi hal tersebut developer atau <em>webmaster<\/em> dapat melakukan <em>upload<\/em> file isi <em>website<\/em> satu persatu secara manual. Memang cara ini agak melelahkan dan membutuhkan ketelitian yang tinggi, \u00a0apalagi untuk file isi <em>website<\/em> yang banyak dipisahkan oleh file-file yang berbeda (sebagai contoh seperti yang dijelaskan tadi, file &#8220;css&#8221; dan &#8220;javascript&#8221;\u00a0 atau file berekstensi &#8220;html&#8221; dan &#8220;php&#8221; lebih dari satu). Namun cara ini dapat digunakan sebagai salah satu solusi apabila <em>developer<\/em> atau <em>webmaster<\/em> mengalami kendala yang terjadi karena deteksi <em>malware<\/em> yang tidak benar pada cpanel. Apabila cara upload manual file\u00a0<em>web\u00a0<\/em>secara satu per satu tidak juga berhasil, maka perlu juga dilakukan adanya pengecekan script atau\u00a0<em>sourcecode\u00a0<\/em>yang berbahaya yang tidak bebas dari\u00a0<em>malware.\u00a0<\/em><\/p>\n<p>Demikian cara melakukan perpindahan isi <em>website<\/em> dari <em>localhost<\/em> ke <em>hosting<\/em> cpanel agar <em>website<\/em> segera <em>publish. <\/em>Semoga cara dan trik yang dibagikan dapat bermanfaat bagi <em>developer<\/em> ataupun <em>webmaster<\/em> yang sedang mencari cara untuk memindahkan file <em>project web<\/em> atau aplikasi <em>website<\/em>-nya ke <em>hosting<\/em> cpanel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sebagai pengembang website terkadang lebih nyaman mengembangkan website atau aplikasi berbasis web dari perangkat lokal yang dipergunakan (baik itu laptop maupun komputer pribadi)\u00a0 sembari memperbaiki kekurangan ataupun kesalahan pada fase pengembangan website, pengembang dapat melihat perbaikan pada produk website-nya secara langsung sebelum di-publish dan menghindari resiko kesalahan\/bug untuk aplikasi berbasis website. Tahap terakhir ketika pengembangan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2809,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"footnotes":""},"categories":[19],"tags":[271,272],"class_list":["post-1573","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-hosting","tag-mengupload-file-web-ke-hosting","tag-upload-file-web-ke-cpanel-hosting","post_format-post-format-image"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/1573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/comments?post=1573"}],"version-history":[{"count":0,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/1573\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/media\/2809"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/media?parent=1573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/categories?post=1573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/tags?post=1573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}