Menyebarkan ke Heroku Menggunakan Gulp, Node, dan Git

penyebaran Heroku dengan Gulp, Git, dan Node.js: Panduan Komprehensif

Anda mungkin pernah mendengar tentang Heroku, platform untuk menggunakan dan mengurus projek dalam pelbagai bahasa termasuk Ruby, Node.js, Java, Python, dan banyak lagi. Bangunannya menyelaraskan proses penempatan, menjadikannya kegemaran di kalangan pemaju. Butiran panduan ini menggunakan projek Node.js ke Heroku menggunakan Gulp, Git, dan Node.js.

Konsep Utama:

Penyebaran Heroku yang berjaya bergantung pada ketergantungan yang betul dalam

, membuat package.json untuk menentukan perintah permulaan aplikasi, dan menyediakan pelayan pengeluaran. Buildpacks Heroku mencipta slug yang boleh digunakan dari kod aplikasi, kebergantungan, dan runtime anda, manakala Dynos adalah bekas ringan yang melaksanakan satu arahan. Toolbelt Heroku memudahkan penggunaan melalui baris arahan. Procfile

terminologi Heroku:

• dyno: bekas linux ringan yang menjalankan satu arahan.
• binaan: memudahkan kompilasi slug; sumber terbuka dan diperluaskan kepada pelbagai bahasa. Ia menggabungkan aplikasi, kebergantungan, dan runtime anda untuk membuat slug.
• slug: Pakej yang mengandungi kod sumber anda, kebergantungan, runtime, dan membina output, siap untuk pelaksanaan.

Keperluan fail:

Panduan ini menggunakan Projek Sumber Terbuka Transformicons sebagai contoh. Anda boleh meniru ini dengan projek anda sendiri.

1. : Procfile

Buat fail bernama

(tiada sambungan) dalam direktori root projek anda. Fail ini mentakrifkan arahan untuk memulakan aplikasi anda. Untuk Transformicons: Procfile

Ini menggunakan Gulp yang dipasang secara tempatan, memulakan pelayan, menyusun sass, menggabungkan/menghidupkan JavaScript, menggantikan aset, filenes-busting filenes, menyusun templat dengan memasang, dan meminimumkan html.

<code>web: node node_modules/gulp/bin/gulp build</code>

2. Pelayan Pengeluaran:

Untuk hidangan aset berasaskan gulp, gunakan tugas ini dalam

:

gulpfile.js

Sebagai alternatif, anda boleh menggunakan pelayan Node.js.

<code class="language-javascript">gulp.task('serveprod', function() {
  connect.server({
    root: [your_project_path],
    port: process.env.PORT || 5000,
    livereload: false
  });
});</code>

3.

Dependencies: package.json Pastikan anda

dengan betul menyenaraikan kebergantungan. Persekitaran pengeluaran Heroku memasang kebergantungan dari objek

, bukan package.json. dependencies devDependencies

<code class="language-json">{
  "dependencies": {
    "gulp": "^3.8.10",
    "gulp-autoprefixer": "^1.0.1",
    // ... other dependencies
  },
  "devDependencies": {
    "gulp-clean": "^0.3.1"
  }
}</code>

Penyebaran ke Heroku:

1. Pasang Heroku Toolbelt: Muat turun dan pasang antara muka baris arahan Heroku.
2. Login: heroku login
3. Buat App: heroku create
4. Tolak ke Heroku: git push heroku master (pastikan kod anda ditolak ke github/bitbucket terlebih dahulu).
5. Buka App: heroku open

ingat permintaan Heroku 75 git per jam bagi setiap pengguna setiap aplikasi.

domain tersuai: Heroku tidak membenarkan mengeluarkan "www." dari

. Tambahkan

ke rekod CNAME anda dan konfigurasikan pemajuan nama seperti yang diperlukan. myproject.herokuapp.com myproject.herokuapp.com

Teknik lanjutan:

Kawalan Stream di Gulp:

Untuk pelaksanaan tugas berturut -turut, aliran balik dari tugas anda:

Kesimpulan:

<code>web: node node_modules/gulp/bin/gulp build</code>

Penyebaran yang cekap adalah penting. Heroku, digabungkan dengan Gulp, Git, dan Node.js, menyediakan aliran kerja yang mantap dan diperkemas.

bacaan selanjutnya (pautan tetap tidak berubah):

Menggunakan NodeJS: Heroku Dev Center

Ciri -ciri Heroku
Bermula dengan w/gulp
pengangkutan ssh git w/heroku
Pelbagai Jauh & Persekitaran di Heroku
soalan yang sering ditanya (dikekalkan):

Seksyen Soalan Lazim tetap tidak berubah, memberikan maklumat penyelesaian masalah dan amalan terbaik untuk penggunaan Heroku menggunakan Gulp, Node, dan Git.

Atas ialah kandungan terperinci Menyebarkan ke Heroku Menggunakan Gulp, Node, dan Git. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!