Cara upload file php di github

Cara Mengunggah Situs Web Startup Anda ke Halaman GitHub

Isi

GitHub adalah platform yang menawarkan tempat bagi developer software untuk menghosting kode mereka dan mengelola produk software mereka. Selain menawarkan tempat untuk menyimpan kode Anda, GitHub menawarkan layanan lain yang disebut Halaman GitHub yang memungkinkan Anda menghosting situs web di platform mereka secara gratis

Halaman GitHub adalah layanan hosting situs statis yang mengambil file HTML, CSS, dan JavaScript langsung dari repositori di GitHub, secara opsional menjalankan file melalui proses pembuatan dan menerbitkan situs web. Anda dapat menggunakannya untuk menghosting situs web tentang diri Anda, organisasi Anda, atau proyek Anda

Namun, ada beberapa peringatan yang harus Anda ketahui sebelum memutuskan untuk menghosting situs web Startup Anda di GitHub Pages

• Halaman GitHub, menjadi layanan hosting situs statis, tidak mendukung bahasa sisi server seperti PHP, Ruby, atau Python. Aplikasi Startup menawarkan opsi untuk mengumpulkan data melalui formulir dan mengirimkan data ke alamat email. Kami melakukan pemrosesan formulir melalui skrip PHP yang ditemukan di file form-handler.php . Jika Anda akan memiliki formulir di situs web dan ingin memproses data dengan file PHP, maka situs web Anda harus dihosting di platform yang mendukung PHP dan fungsi PHP mail() . Namun, Anda masih dapat menghosting situs web Anda di Halaman GitHub dan memiliki formulir untuk mengumpulkan data, tetapi Anda harus bergantung pada penyedia formulir pihak ketiga seperti Formspree, Kwes, FormKeep, e. t. c. Berikut perbandingan beberapa opsi yang tersedia dan inilah tutorial yang akan menunjukkan cara mengedit formulir Startup untuk menggunakan salah satu layanan ini (Formspree, dalam hal ini). Jika Anda memutuskan untuk tetap menggunakan skrip PHP, periksa dokumen bantuan untuk mengetahui cara  dan cara menyiapkan Mailchimp menggunakan file skrip form-handler.php 
• Laman GitHub memberlakukan beberapa kuota pada situs web yang dihostingnya sehingga tidak cocok untuk menghosting situs web besar yang mungkin memiliki banyak lalu lintas. Sangat cocok untuk situs web sederhana, seperti portofolio pribadi, situs web organisasi sederhana, halaman arahan proyek. Ini tidak cocok untuk situs web e-niaga atau situs web besar untuk menjalankan bisnis online Anda. Kuota yang diberikan adalah. situs GitHub Pages yang diterbitkan mungkin tidak lebih besar dari 1 GB dan situs GitHub Pages memiliki batas bandwidth lunak 100GB per bulan

Membuat Situs Halaman GitHub

Ada tiga jenis situs Halaman GitHub. pengguna, organisasi dan proyek. Situs pengguna dan organisasi terhubung ke akun GitHub tertentu, sementara situs proyek terhubung ke proyek tertentu yang dihosting di GitHub

Kami akan membuat situs Pengguna, tetapi prosesnya serupa untuk situs organisasi dan proyek. Jika ada perbedaan, kami akan menyebutkannya

Sebelum memulai, buat akun di GitHub terlebih dahulu

Di GitHub, proyek disimpan di repositori. Sebuah repositori seperti folder untuk project Anda, yang berisi semua file project, dan menyimpan histori revisi setiap file. Anda harus membuat repositori untuk situs Anda

Untuk membuat repositori di GitHub, klik ikon + di kanan atas bilah navigasi dan pilih Repositori baru

Isi formulir Buat repositori baru dengan detail tentang repositori. Paling tidak, Anda harus menyertakan nama repo Anda

Untuk situs pengguna, nama repositori harus <username>.github.io. Untuk organisasi, repo harus diberi nama <organization-name>.github.io. Untuk petunjuk tentang cara membuat organisasi, lihat dokumen bantuan ini. Jika Anda membuat situs proyek, Anda tidak perlu membuat repositori terpisah untuk file situs, Anda menyimpan file situs di repositori yang sama dengan proyek terkait

Halaman GitHub tersedia di repositori publik dengan GitHub Gratis, dan di repositori publik dan pribadi dengan GitHub Pro, GitHub Team, GitHub Enterprise Cloud, dan GitHub Enterprise Server. Jika Anda memiliki akun premium dan memutuskan untuk menjadikan repositori pribadi, perlu diingat bahwa situs Halaman GitHub tersedia untuk umum di internet, meskipun repositori mereka bersifat pribadi. Oleh karena itu, jika Anda memiliki data sensitif di repositori situs Anda, Anda mungkin ingin menghapusnya sebelum dipublikasikan

Setelah repositori dibuat, Anda akan melihat halaman dengan instruksi tentang cara mengunggah file ke dalamnya

Jika Anda terbiasa dengan sistem kontrol versi Git, Anda dapat mengunggah file situs web Anda ke repositori dengan cara ini. Agar tetap sederhana, kami akan menggunakan UI GitHub untuk mengunggah file. GitHub memiliki dokumen bantuan mendetail tentang cara menyiapkan dan menggunakan Git jika Anda tertarik

Untuk mengupload file situs web Anda ke repositori, klik link uploading an existing file yang ditampilkan di bawah, atau tambahkan/upload ke URL halaman dan buka halaman tersebut (i. e )

Di halaman unggah, Anda dapat menarik dan melepas file dan folder dan mereka akan ditambahkan ke repo. Buka direktori root dari kode situs web Startup Anda, pilih semuanya, lalu seret ke halaman

Lebih baik menggunakan drag-and-drop daripada menggunakan link pilih file Anda untuk memilih file dari komputer Anda. Dengan drag-and-drop, Anda akan dapat menyeret file dan folder ke halaman dan saat file diunggah, file tersebut akan berada di folder masing-masing. Dengan opsi pilih file Anda , Anda hanya dapat memilih file dan bukan folder. Dengan opsi ini, Anda akan mengunggah semua file Startup ke direktori root repositori dan kemudian memiliki tugas tambahan untuk mengedit nama file untuk menyertakan struktur direktori

Seperti yang disebutkan sebelumnya, kode PHP dalam file skrip form-handler.php tidak akan berjalan di Halaman GitHub, tetapi kami menyertakannya bersama file situs web lainnya untuk menyatukan semua yang ada di situs tersebut. Ini adalah ide yang bagus karena, di masa mendatang, Anda mungkin ingin mentransfer situs web ke server PHP dan file di GitHub mungkin satu-satunya salinan situs web yang Anda miliki, jadi Anda akan senang menyimpan salinannya

Di bagian bawah halaman, Anda dapat menambahkan pesan komit (jika tidak, default

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

Lakukan perubahan dan Anda akan dapat melihat file dan folder yang baru saja Anda lakukan

Percaya atau tidak, website Anda sudah online

Setelah situs Halaman GitHub dipublikasikan, Anda dapat mengaksesnya dengan membuka 

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

Sesuatu untuk Dicatat Tentang Situs Proyek

Git memiliki fitur yang disebut percabangan yang memungkinkan Anda membuat cabang dari kode Anda dan terus mengerjakan cabang baru ini tanpa memengaruhi cabang lama. Setiap repositori GitHub memiliki cabang master dan dari sini, Anda dapat membuat cabang lain

Ini relevan karena ada aturan yang harus Anda ikuti ketika datang ke cabang tempat Anda dapat menempatkan kode situs web Anda agar dapat dipublikasikan. Situs pengguna dan organisasi harus berada di situs master. Secara default, saat Anda membuat repositori, itu ada di cabang master, jadi kami tidak perlu menyiapkan cabang tambahan

Secara default, situs proyek disiapkan untuk dipublikasikan dari cabang bernama gh-pages. Jika Anda membuat situs proyek, periksa di sini untuk petunjuk tentang cara membuat cabang di GitHub

Situs proyek juga dapat dipublikasikan dari cabang 

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

Membuat Perubahan pada Situs Halaman GitHub Anda

UI GitHub memiliki kontrol yang dapat Anda gunakan untuk menambah, menghapus, dan mengedit file situs web Anda

Anda dapat menggunakan drop-down Tambahkan file untuk mengupload file atau membuat file menggunakan UI GitHub. Pastikan Anda berada di folder yang benar saat menambahkan file

Untuk menghapus folder, Anda hanya perlu menghapus file yang ada di dalamnya. GitHub tidak mencantumkan direktori kosong, jadi mengosongkan folder pada dasarnya akan menghapusnya

Saat Anda memilih file, Anda dapat mengedit atau menghapusnya menggunakan dua kontrol terakhir yang ditunjukkan di bawah ini

Setelah Anda membuat perubahan pada file situs Anda, Anda akan dapat segera melihat perubahan di situs web

Mengonfigurasi Domain Khusus untuk Situs Halaman GitHub Anda

Anda dapat menyesuaikan nama domain situs Halaman GitHub Anda dari default, seperti <username>.github.io, ke domain yang Anda miliki. Ini mendukung subdomain (mis. g. a ________0______9 subdomain seperti 

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Mengonfigurasi Subdomain

Untuk menyiapkan 

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Buka tab Pengaturan repositori Anda

Scroll ke bawah ke Halaman GitHub. Di bagian Domain khusus, ketik domain khusus Anda, lalu klik Simpan. Ini akan membuat komit yang menambahkan file CNAME di root sumber publikasi Anda

Arahkan ke penyedia DNS Anda dan buat catatan CNAME yang mengarahkan subdomain Anda ke domain default untuk situs Anda (mis. g. buat data CNAME yang menunjuk 

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Untuk mengonfirmasi bahwa data DNS Anda dikonfigurasi dengan benar, Anda dapat menggunakan perintah 

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

$ dig www.example.com +nostats +nocomments +nocmd

Jika dikonfigurasi dengan benar, Anda akan mendapatkan keluaran yang mirip dengan yang ditunjukkan di bawah ini

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

Mengonfigurasi Domain Apex

Untuk menyiapkan domain apex (mis. g.

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Buka tab Pengaturan repositori Anda

Scroll ke bawah ke Halaman GitHub. Di bagian Domain khusus, ketik domain khusus Anda, lalu klik Simpan. Ini akan membuat komit yang menambahkan file CNAME di root sumber publikasi Anda

Arahkan ke penyedia DNS Anda dan buat catatan ALIAS, ANAME, atau A. Untuk instruksi tentang cara membuat data yang benar, lihat dokumentasi penyedia DNS Anda

Untuk membuat data ALIAS atau ANAME, arahkan domain apex Anda ke domain default situs Anda (<username>.github.io)

Untuk membuat catatan A, arahkan domain apex Anda ke alamat IP untuk Halaman GitHub

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Untuk mengonfirmasi bahwa data DNS Anda dikonfigurasi dengan benar, gunakan perintah 

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

$ dig example.com +noall +answer

Konfirmasikan bahwa hasilnya cocok dengan alamat IP untuk Halaman GitHub yang ditampilkan sebelumnya

example.com.        3600    IN    CNAME    example.github.io.
example.github.io.    3600    IN    A    185.199.111.153
example.github.io.    3600    IN    A    185.199.108.153
example.github.io.    3600    IN    A    185.199.109.153
example.github.io.    3600    IN    A    185.199.110.153

Seperti yang disebutkan sebelumnya, jika Anda menggunakan domain apex sebagai domain khusus, sebaiknya Anda juga menyiapkan subdomain 

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Mengamankan Situs Halaman GitHub Anda Dengan HTTPS

Penegakan HTTPS diperlukan dan diaktifkan secara default untuk situs Halaman GitHub menggunakan domain 

example.com.        3600    IN    CNAME    example.github.io.
example.github.io.    3600    IN    A    185.199.111.153
example.github.io.    3600    IN    A    185.199.108.153
example.github.io.    3600    IN    A    185.199.109.153
example.github.io.    3600    IN    A    185.199.110.153

Kesalahan Domain yang Harus Diwaspadai

Pastikan situs Anda tidak

• Gunakan lebih dari satu domain apex. Misalnya, 

  185.199.108.153
  185.199.109.153
  185.199.110.153
  185.199.111.153

  2 dan 

  example.com.        3600    IN    CNAME    example.github.io.
  example.github.io.    3600    IN    A    185.199.111.153
  example.github.io.    3600    IN    A    185.199.108.153
  example.github.io.    3600    IN    A    185.199.109.153
  example.github.io.    3600    IN    A    185.199.110.153

  2
• Gunakan lebih dari satu 

  ;www.example.com.        IN    A
  www.example.com.    3592    IN    CNAME    example.github.io.
  example.github.io.    3592    IN    A    185.199.111.153
  example.github.io.    3592    IN    A    185.199.110.153
  example.github.io.    3592    IN    A    185.199.109.153
  example.github.io.    3592    IN    A    185.199.108.153

  9 subdomain. Misalnya, 

  185.199.108.153
  185.199.109.153
  185.199.110.153
  185.199.111.153

  0 dan 

  example.com.        3600    IN    CNAME    example.github.io.
  example.github.io.    3600    IN    A    185.199.111.153
  example.github.io.    3600    IN    A    185.199.108.153
  example.github.io.    3600    IN    A    185.199.109.153
  example.github.io.    3600    IN    A    185.199.110.153

  5
• Gunakan domain apex dan subdomain khusus. Misalnya, 

  185.199.108.153
  185.199.109.153
  185.199.110.153
  185.199.111.153

  2 dan 

  example.com.        3600    IN    CNAME    example.github.io.
  example.github.io.    3600    IN    A    185.199.111.153
  example.github.io.    3600    IN    A    185.199.108.153
  example.github.io.    3600    IN    A    185.199.109.153
  example.github.io.    3600    IN    A    185.199.110.153

  7

Membatalkan publikasi Situs Halaman GitHub

Anda dapat membatalkan publikasi situs Halaman GitHub Anda sehingga tidak lagi tersedia untuk umum. Menghapus repositori akan menyebabkan situs tersebut dibatalkan publikasinya

Jika Anda ingin mempertahankan repositori, tetapi masih memiliki situs web yang tidak dipublikasikan, Anda harus menghapus sumber penerbitannya—cabang

;www.example.com.        IN    A
www.example.com.    3592    IN    CNAME    example.github.io.
example.github.io.    3592    IN    A    185.199.111.153
example.github.io.    3592    IN    A    185.199.110.153
example.github.io.    3592    IN    A    185.199.109.153
example.github.io.    3592    IN    A    185.199.108.153

example.com.        3600    IN    CNAME    example.github.io.
example.github.io.    3600    IN    A    185.199.111.153
example.github.io.    3600    IN    A    185.199.108.153
example.github.io.    3600    IN    A    185.199.109.153
example.github.io.    3600    IN    A    185.199.110.153

Untuk situs proyek, jika Anda telah menggunakan cabang 

example.com.        3600    IN    CNAME    example.github.io.
example.github.io.    3600    IN    A    185.199.111.153
example.github.io.    3600    IN    A    185.199.108.153
example.github.io.    3600    IN    A    185.199.109.153
example.github.io.    3600    IN    A    185.199.110.153

Buka tab Pengaturan repositori

Gulir ke bawah ke bagian Halaman GitHub dan pilih Tidak Ada dari menu tarik-turun Sumber 

Sebagai langkah terakhir, jika Anda telah menyiapkan domain khusus untuk pengguna, organisasi, atau situs proyek Anda, pastikan Anda memperbarui pengaturan DNS Anda sehingga domain tidak terus mengarah ke situs web yang tidak ada

Itu saja untuk pengaturan Halaman GitHub. Jika memerlukan bantuan lebih lanjut, Anda dapat menghubungi kami atau melihat dokumentasi halaman GitHub. Jika Anda tertarik menggunakan template Startup di WordPress, kami juga memiliki tutorial untuk itu

Bagaimana cara menjalankan file PHP di GitHub?

Bagaimana cara mengunggah kode PHP?

Bisakah kita menjadi tuan rumah. File PHP di GitHub?