Cara menggunakan travis-ci untuk mengautomasikan binaan dan penggunaan dalam Vue

Dalam proses membangunkan aplikasi web, pembinaan dan penggunaan automatik adalah bahagian yang sangat penting, yang boleh meningkatkan kecekapan pembangunan dan kualiti kod dengan banyak. Sebagai alat penyepaduan berterusan percuma, travis-ci digunakan secara meluas dalam pelbagai projek pengaturcaraan. Artikel ini akan memperkenalkan cara menggunakan travis-ci untuk mengautomasikan pembinaan dan penggunaan dalam projek Vue.

1. Pengenalan kepada travis-ci

travis-ci ialah alat penyepaduan berterusan terurus yang menyokong berbilang bahasa pengaturcaraan, termasuk JavaScript. Ia boleh menjalankan tugas binaan, ujian dan penggunaan secara automatik serta menyediakan pelbagai pilihan konfigurasi dan pemalam. Ia boleh mengikat projek Github anda sendiri dengan mudah dan berinteraksi dengan cawangan dan permintaan tarik pada Github.

2. Mengkonfigurasi travis-ci dalam Vue

Untuk menggunakan travis-ci dalam projek Vue, anda perlu mencipta projek baharu pada Github dan mengikatnya pada pertengahan perkhidmatan travis-ci . Langkah-langkah khusus adalah seperti berikut:

1. Buat projek Vue baharu pada Github
2. Di laman web rasmi travis-ci, daftar dan log masuk ke akaun
3. Cari projek Github dan tambah projek;
4. Ikuti gesaan untuk mengkonfigurasi fail .travis.yml. Fail

.travis.yml ialah fail konfigurasi travis-ci, yang digunakan untuk menentukan tugas binaan dan penggunaan. Dalam projek Vue, kita boleh mengkonfigurasinya seperti ini:

language: node_js
node_js:
  - "stable"
cache:
  directories:
    - node_modules
install:
  - npm install
script:
  - npm run build

Coretan kod di atas menentukan menggunakan versi "stabil" node.js, memasang kebergantungan dan menjalankan arahan binaan.

3. Sebarkan hasil binaan ke pelayan

1. Persediaan pelayan

Dalam travis-ci, tugas penempatan boleh dikonfigurasikan dalam after_script atau gunakan tengah kitaran hayat. Anda boleh memilih untuk menggunakan scp atau ssh untuk memuat naik hasil terbina ke pelayan, atau anda boleh menggunakan alat seperti rsync untuk menyegerakkan ke pelayan sasaran.

Sebelum menggunakan scp atau ssh untuk memuat naik fail, anda perlu memasang komponen yang sepadan pada pelayan dan menetapkan kebenaran.

2. Muat naik hasil binaan ke pelayan

Ambil scp sebagai contoh, tambah bahagian berikut pada fail .travis.yml:

after_success:
  - sshpass -p "$SERVER_PASSWORD" scp -o StrictHostKeyChecking=no -r dist/ $SERVER_USER@$SERVER_HOST:$SERVER_PATH

Antaranya, $ SERVER_PASSWORD perlu ditetapkan kepada kata laluan pelayan sebenar, $SERVER_USER dan $SERVER_HOST masing-masing perlu ditetapkan kepada nama pengguna dan alamat IP pelayan, dan $SERVER_PATH ialah destinasi fail yang dimuat naik. Selain itu, anda perlu menggunakan arahan scp untuk memuat naik folder dist ke pelayan.

4. Kesimpulan

Melalui langkah di atas, kami boleh melaksanakan pembinaan dan penggunaan automatik dengan mudah dalam projek Vue. Dengan cara ini, kami boleh menumpukan lebih banyak masa dan tenaga pada pembangunan kod, di samping meningkatkan kualiti dan kestabilan projek.

Atas ialah kandungan terperinci Cara menggunakan travis-ci untuk mengautomasikan binaan dan penggunaan dalam Vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!