Artikel ini meneroka memperluaskan keupayaan Jenkins untuk menganalisis aset frontend (CSS dan JavaScript) dalam projek PHP. Artikel sebelumnya meliputi persediaan Jenkins dan analisis membina awal.

Takeaways utama:

• Jenkins memanfaatkan plugin seperti CSSLINT dan JSHINT untuk menganalisis CSS dan JavaScript, masing -masing. Plugin ini, dipasang pada pelayan Jenkins, memeriksa kod untuk pelanggaran, digambarkan dalam graf pelanggaran.
• Mengintegrasikan csslint dan jshint memerlukan mengubah suai build.xml projek (menambah sasaran) dan mengkonfigurasi Jenkins untuk mengenali laporan yang dihasilkan. Maklumat pelanggaran terperinci boleh diakses melalui halaman pelanggaran khusus.
• Plugin Pengimbas Tugas mengenal pasti tugas -tugas terbuka (mis., TODO Komen) dalam pangkalan kod. Boleh dikonfigurasikan untuk direktori, fail, dan tahap keutamaan tugas tertentu, hasilnya ditunjukkan pada pandangan projek dan bahagian "Tugas Terbuka".
• Jenkins bertindak sebagai orkestra, menggabungkan laporan dari pelbagai alat untuk memberikan pandangan projek yang komprehensif. Ekosistem plugin yang luas menyokong pelbagai keperluan, termasuk projek SCSS dan bukan PHP (Android, iOS).

integrasi csslint:

Untuk menganalisis CSS, CSSLint digunakan. Selepas memasang melalui sudo npm install -g csslint, build.xml dikemas kini dengan sasaran baru:

<target name="csslint" description="Run the CSSLint tool on CSS files">
  <fileset dir="${basedir}/src" id="cssfiles.raw">
    <include name="**/*.css"/>
  </fileset>
  <pathconvert pathsep=" " property="cssfiles.clean" refid="cssfiles.raw"/>
  <exec executable="csslint" output="${basedir}/build/logs/csslint.xml">
    <arg line="--warnings=box-model,floats --errors=ids,important --format=lint-xml ${cssfiles.clean}"/>
  </exec>
</target>

Sasaran ini kemudian ditambah sebagai kebergantungan kepada sasaran utama build. Konfigurasi Projek Jenkins ("Konfigurasi" -& gt; "Pelanggaran Laporan") memerlukan menambah fail laporan csslint.xml. Tahap keparahan (matahari, mendung, ribut) boleh dikonfigurasikan untuk mencerminkan bilangan pelanggaran. Halaman Grafik dan Butiran Pelanggaran memberikan ringkasan visual dan lokasi isu khusus.

JavaScript (jShint) Pengesahan:

jshint (garpu jslint yang lebih aktif) mengesahkan kod JavaScript. Pasang dengan sudo npm install -g jshint. Sasaran jshint yang serupa ditambah kepada build.xml, menggunakan wartawan jslint:

<target name="jshint" description="Run the JSHint tool on JavaScript files">
  <fileset dir="${basedir}/src" id="jsfiles.raw">
    <include name="**/*.js"/>
  </fileset>
  <pathconvert pathsep=" " property="jsfiles.clean" refid="jsfiles.raw"/>
  <exec executable="jshint" output="${basedir}/build/logs/jshint.xml">
    <arg line="--reporter=jslint ${jsfiles.clean}"/>
  </exec>
</target>

Konfigurasi Jenkins dikemas kini sama seperti csslint, menunjuk kepada laporan jshint.xml. Keputusan dipaparkan dalam halaman Grafik dan Butiran Pelanggaran.

Penjejakan Tugas Terbuka (Plugin Pengimbas Tugas):

Plugin Pengimbas Tugas membantu menguruskan tugas -tugas yang ditandai dalam kod (mis., , TODO). Selepas pemasangan, konfigurasikannya dalam tetapan projek Jenkins ("Konfigurasi" -& gt; "Tambah Tindakan Post -Build" -& gt; "Scan Workspace untuk Tugas Terbuka"). Tentukan direktori, fail, kata kunci keutamaan, dan kepekaan kes. Keputusan ditunjukkan dalam graf dan bahagian "Tugas Terbuka" yang berdedikasi. FIXME

Kesimpulan:

kuasa Jenkins berpunca dari keupayaannya untuk mengintegrasikan pelbagai alat. Artikel ini hanya mempamerkan sebahagian kecil daripada keupayaannya, menonjolkan kebolehsuaian dan kebolehpercayaannya melalui plugin. Kemungkinan melangkaui alat yang dibincangkan di sini.

(bahagian Soalan Lazim yang ditinggalkan untuk keringkasan, kerana ia sebahagian besarnya tidak berkaitan dengan topik teras analisis aset frontend dalam konteks teks yang disediakan.)

Atas ialah kandungan terperinci Plugin Jenkins yang lebih berguna untuk projek PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!