Menggunakan laporan statik menggunakan sistem CI/CD
Sistem CI/CD memainkan peranan penting dalam proses pembangunan perisian, yang mengautomasikan proses pembinaan, ujian dan penempatan, dengan itu meningkatkan kecekapan pembangunan dan kualiti perisian. Antaranya, sangat biasa untuk menjana laman web pelaporan statik semasa proses pembinaan, termasuk hasil ujian unit, data analisis statik, dan pelbagai metrik yang berguna. Artikel ini bertujuan untuk menerangkan cara mengintegrasikan tapak pelaporan statik ini ke dalam proses CI/CD supaya ahli pasukan dapat melihat dan menganalisis dengan mudah.
Seperti yang dinyatakan sebelum ini, artikel ini menerangkan bagaimana untuk menggunakan laman web pelaporan statik yang dihasilkan oleh proses binaan dalam sistem CI/CD. Kami akan menggunakan buluh sebagai contoh untuk meneroka cara menggunakan produk membina ke pelayan jauh menggunakan penyebaran buluh dan tugas SCP dan mengakses laporan ini melalui pelayar web tanpa muat turun manual. Artikel ini menyediakan penyelesaian yang mudah dan berkesan untuk membantu pemaju mengintegrasikan paparan pelaporan statik dalam proses CI/CD.
Langkah untuk menggunakan laporan statik
Berikut adalah langkah -langkah untuk menggunakan laporan statik dalam buluh:
Sahkan kandungan statik sebagai produk binaan: Pastikan kandungan laman web statik anda (HTML, CSS, JavaScript, JSON, dan lain -lain) dibungkus sebagai satu atau lebih produk membina (artifak) selepas proses binaan selesai. Ini adalah asas untuk penempatan berikutnya.
Buat projek penempatan buluh: Buat projek penempatan baru di buluh. Projek penempatan direka untuk menguruskan proses penempatan dan boleh menggunakan produk membina ke persekitaran yang berbeza.
-
Konfigurasikan tugas penempatan buluh: Tambah satu atau lebih tugas untuk projek penempatan. Tugas yang biasa digunakan termasuk:
-
Tugas SCP (Tugas Salin Secure): Digunakan untuk menyalin produk dengan selamat dari pelayan buluh ke pelayan jauh. Anda perlu mengkonfigurasi parameter berikut:
- Hos: Alamat pelayan jauh.
- Nama Pengguna: Nama pengguna pelayan jauh.
- Kata Laluan/SSH Kunci: Kata Laluan atau Kunci SSH Digunakan untuk Pengesahan. Kekunci SSH disyorkan kerana ia lebih selamat.
- Laluan Sumber: Laluan untuk membina produk pada pelayan buluh.
- Laluan Destinasi: Direktori pada pelayan jauh yang menyimpan kandungan laman web statik, seperti/var/www/html atau/usr/share/nginx/html. Laluan khusus bergantung pada konfigurasi pelayan web anda.
-
Tugas SSH (Tugas Secure Shell): Digunakan untuk melaksanakan arahan pada pelayan jauh. Ini berguna dalam situasi berikut:
- Unzip Produk Bina: Jika kandungan laman web statik anda dibungkus sebagai fail ZIP atau TAR, anda boleh menggunakan tugas SSH untuk unzip fail ini pada pelayan jauh. Sebagai contoh, gunakan arahan UNZIP atau TAR -XVF.
- Mulakan semula pelayan Web: Selepas penempatan selesai, anda mungkin perlu memulakan semula pelayan web untuk perubahan yang akan berkuatkuasa. Sebagai contoh, gunakan SUDO SystemCTL Restart APACHE2 atau SUDO SystemCTL RESTART NGINX COMMAND.
Tugas muat turun artifak: Jika pelan penempatan tidak berada di pelayan yang sama pada pelan binaan, anda perlu menggunakan tugas ini untuk memuat turun artifak yang dihasilkan oleh pelan binaan.
-
Konfigurasikan pencetus penempatan: Tetapkan pencetus untuk mencetuskan penggunaan secara automatik selepas binaan yang berjaya. Anda boleh mengkonfigurasi pencetus "selepas berjaya membina" supaya projek penempatan akan dijalankan secara automatik selepas setiap binaan yang berjaya, menggunakan kandungan laman web statik ke pelayan jauh.
Konfigurasikan pelayan web: Pastikan pelayan web anda (seperti Apache atau Nginx) dikonfigurasi dengan betul untuk menyediakan kandungan laman web statik. Anda perlu mengkonfigurasi hos maya atau blok pelayan untuk menunjuk nama domain atau alamat IP ke direktori yang anda tentukan di laluan destinasi.
Konfigurasi sampel
Berikut adalah contoh mudah konfigurasi tugas penempatan buluh:
Tugas SCP:
- Penerangan Tugas: Salin laman web statik ke pelayan jauh
- Hos: Your_server_ip
- Nama Pengguna: Nama anda
- Kunci SSH: Path/To/Your/SSH/Private/Key
- Laluan Sumber: $ {bamboo.results.artifact.static_website.path} (Dengan asumsi produk binaan anda dinamakan static_website)
- Laluan Destinasi: /var/www/html/your_report
Tugas ssh:
- Penerangan Tugas: Laman web statik unzip
- Hos: Your_server_ip
- Nama Pengguna: Nama anda
- Kunci SSH: Path/To/Your/SSH/Private/Key
- Perintah: unzip /var/www/html/your_report/static_website.zip -d/var/www/html/your_report
Perkara yang perlu diperhatikan
- Keselamatan: Sangat disyorkan untuk menggunakan kunci SSH untuk pengesahan, bukan kata laluan. Kata laluan mudah dibocorkan, manakala kekunci SSH lebih selamat.
- Kebenaran: Pastikan bahawa direktori pada pelayan jauh mempunyai keizinan yang betul supaya pelayan web dapat mengakses fail ini.
- Pengendalian ralat: Tambah mekanisme pengendalian ralat seperti pembalakan dan peringatan kepada tugas penempatan supaya masalah dapat ditemui dan diselesaikan tepat pada masanya apabila penggunaan gagal.
- Kawalan Versi: Pertimbangkan menggunakan sistem kawalan versi (seperti Git) untuk menguruskan kandungan laman web statik anda. Ini membolehkan pengembalian mudah ke versi terdahulu dan menjejaki sejarah perubahan.
- Konfigurasi Pelayan: Pastikan pelayan web anda dikonfigurasi dengan betul dan dapat memberikan kandungan laman web statik. Semak konfigurasi hos maya atau blok pelayan untuk memastikan nama domain atau alamat IP menunjuk ke direktori yang betul.
Meringkaskan
Dengan menggunakan penyebaran buluh dan tugas SCP, anda boleh dengan mudah menggunakan tapak laporan statik yang dihasilkan oleh proses membina ke pelayan jauh dan mengintegrasikan laporan ini dalam proses CI/CD. Ini dapat meningkatkan kecekapan kerjasama ahli pasukan dan membantu mereka memahami dengan lebih baik hasil dan kualiti perisian. Ingat bahawa keselamatan, keizinan, dan pengendalian ralat adalah perkara utama yang memerlukan perhatian khusus semasa penempatan. Dengan konfigurasi dan pemantauan yang munasabah, anda boleh membina proses penempatan pelaporan statik yang stabil dan boleh dipercayai.
Atas ialah kandungan terperinci Menggunakan laporan statik menggunakan sistem CI/CD. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Untuk menambah ikon ke bar tajuk laman web, anda perlu menghubungkan fail Favicon di bahagian HTML. Langkah -langkah khusus adalah seperti berikut: 1. Sediakan fail ikon 16x16 atau 32x32 piksel. Adalah disyorkan untuk menggunakan favicon.ico untuk menamakannya dan meletakkannya di direktori akar laman web, atau menggunakan format moden seperti PNG dan SVG; 2. Tambah tag pautan ke HTML, seperti format PNG atau SVG, laraskan atribut jenis dengan sewajarnya; 3. Secara pilihan menambah ikon resolusi tinggi untuk peranti mudah alih, seperti Appletouchicon, dan nyatakan saiz yang berbeza melalui atribut saiz; 4. Ikuti amalan terbaik, letakkan ikon dalam direktori root untuk memastikan pengesanan automatik, jelaskan cache penyemak imbas selepas kemas kini, dan periksa ketepatan laluan fail.

Pertama, periksa sama ada laluan atribut SRC adalah betul, dan pastikan laluan relatif atau mutlak sepadan dengan lokasi fail HTML; 2. Sahkan sama ada nama fail dan lanjutan dieja dengan betul dan sensitif kes; 3. Sahkan bahawa fail imej sebenarnya wujud dalam direktori yang ditentukan; 4. Gunakan atribut alt yang sesuai dan pastikan format imej adalah .jpg, .png, .gif atau .webp disokong secara meluas oleh penyemak imbas; 5. Selesaikan masalah cache penyemak imbas, cuba memaksa menyegarkan atau mengakses url imej secara langsung; 6. Semak tetapan kebenaran pelayan untuk memastikan fail itu boleh dibaca dan tidak disekat; 7. Sahkan bahawa sintaks tag IMG adalah betul, termasuk petikan dan perintah atribut yang betul, dan akhirnya menyelesaikan masalah 404 kesilapan atau masalah sintaks melalui alat pemaju penyemak imbas untuk memastikan imej itu dipaparkan secara normal.

Tutorial ini meneroka masalah kegagalan merangkak jika JavaScript secara dinamik memuat kandungan apabila merangkak URL dari laman web menggunakan pakej bahasa R RVEST. Artikel ini menerangkan secara terperinci mengapa kaedah parsing HTML tradisional mungkin tidak sah dan menyediakan penyelesaian yang cekap: dengan mengenal pasti dan terus memanggil antara muka API di belakang laman web, menggunakan pakej HTTR untuk mendapatkan data JSON, dengan itu berjaya mengekstrak maklumat yang diperlukan.

Menggunakan Fontawesome dapat dengan cepat menambah ikon dengan memperkenalkan CDN dan menambah kelas ikon ke butang, seperti seperti; 2. Menggunakan label untuk membenamkan ikon tersuai dalam butang, laluan dan saiz yang betul mesti ditentukan; 3. Menanam kod SVG secara langsung untuk mencapai ikon resolusi tinggi dan menjadikannya konsisten dengan warna teks; 4. Jarak harus ditambah melalui CSS dan ARIA-label harus ditambah ke butang ikon untuk meningkatkan aksesibilitas; Ringkasnya, Fontawesome paling sesuai untuk ikon standard, gambar sesuai untuk reka bentuk tersuai, manakala SVG menyediakan skala dan kawalan yang terbaik, dan kaedah harus dipilih mengikut keperluan projek. Fontawesome biasanya disyorkan.

Thebdotagisusedtooverridethebrowser'sdefaulttextdirectionrenderingwhendealingwithmixedleft-to-rightandright-to-lefttext, memastikancorrectvisualdisplaybyforcingaspecificdirectionusingthedirattribondaluS "rtemematribondaluS"

ID mesti unik. Satu ID dalam setiap halaman hanya boleh digunakan untuk satu elemen, dan kelas boleh digunakan semula pada pelbagai elemen, dan satu elemen boleh mempunyai pelbagai kelas; 2. Senario yang menggunakan ID termasuk: meletakkan elemen khusus tunggal, pautan sauh dalam halaman, JavaScript mengendalikan elemen melalui ID, dan label yang berkaitan dengan elemen bentuk; Senario menggunakan kelas termasuk: menggunakan gaya atau tingkah laku yang sama kepada pelbagai elemen, membina komponen UI yang boleh diguna semula, dan memilih pelbagai elemen dalam JavaScript; 3. Dalam CSS, penargetan dilakukan oleh pemilih #ID dan pemilih kelas.

Artikel ini memperincikan cara menggunakan JavaScript tulen untuk menetapkan pilihan menu drop-down secara automatik berdasarkan parameter pertanyaan dalam URL. Dengan menghuraikan URL untuk mendapatkan nilai parameter tertentu dan menyerahkannya kepada atribut nilai elemen sasaran, anda dapat merealisasikan preset menu lungsur apabila halaman dimuatkan. Kaedah ini tidak memerlukan jQuery, mudah dan cekap, dan sesuai untuk senario di mana elemen bentuk perlu dikawal secara dinamik.

Buat butang HTML dan tetapkan acara klik untuk memanggil fungsi JavaScript; 2. Gunakan CSS untuk memasukkan butang ke sudut kanan bawah halaman dan tetapkan keadaan lalai tersembunyi; 3. Dengarkan acara tatal melalui JavaScript, dan paparkan butang apabila jarak tatal melebihi 300px, dan tatal dengan lancar ke bahagian atas apabila diklik. Akhirnya, kembali ke butang atas untuk meningkatkan pengalaman pengguna direalisasikan, dan fungsi penuh selesai dengan kerjasama HTML, CSS dan JavaScript.
