Cara menggunakan PHP dan Angular untuk pembangunan bahagian hadapan

Dengan perkembangan pesat Internet, teknologi pembangunan bahagian hadapan juga sentiasa bertambah baik dan berulang. PHP dan Angular ialah dua teknologi yang digunakan secara meluas dalam pembangunan bahagian hadapan. PHP ialah bahasa skrip sebelah pelayan yang boleh mengendalikan tugas seperti memproses borang, menjana halaman dinamik dan mengurus kebenaran akses. Angular ialah rangka kerja JavaScript yang boleh digunakan untuk membangunkan aplikasi satu halaman dan membina aplikasi web berkomponen.

Artikel ini akan memperkenalkan cara menggunakan PHP dan Angular untuk pembangunan bahagian hadapan, dan cara menggabungkannya untuk membina aplikasi web yang cekap dan stabil.

Langkah pertama: Pasang persekitaran pembangunan

Sebelum menggunakan PHP dan Angular untuk pembangunan, anda perlu menyediakan persekitaran pembangunan. Untuk PHP, anda perlu memasang pelayan, seperti Apache atau Nginx, dan persekitaran operasi PHP sendiri. Untuk Angular, Node.js dan npm perlu dipasang. Alat ini adalah percuma dan boleh dimuat turun dan dipasang dari laman web rasmi. Selepas pemasangan selesai, anda boleh mengesahkan sama ada PHP dan Angular berjaya dipasang dengan memasukkan versi php -v dan ng pada baris arahan.

Langkah 2: Jana aplikasi Sudut

Selepas melengkapkan pemasangan, anda perlu menggunakan CLI Sudut untuk menjana aplikasi Sudut asas. Angular CLI ialah alat baris arahan yang disediakan oleh Angular yang boleh membantu anda membuat projek Angular baharu dengan cepat. Gunakan arahan berikut untuk menjana aplikasi Sudut baharu:

apl saya baharu

Arahan ini akan mencipta aplikasi baharu bernama aplikasi saya dalam direktori semasa. Gunakan arahan cd my-app untuk memasuki direktori my-app.

Langkah 3: Cipta kod sebelah pelayan

Dalam direktori akar aplikasi, buat direktori baharu yang dipanggil api untuk menyimpan kod sebelah pelayan. Buat fail baharu bernama index.php dalam direktori api dan tulis kod berikut dalam fail:

memerlukan DIR . autoload.php';

$app = new SlimApp();

$app->get('/hello/{name}', function ($request, $response , $ args) {

$name = $args['name'];
$response->write("Hello, $name!");
return $response;

});

$app->run();

Dalam contoh ini, rangka kerja PHP yang dipanggil Slim digunakan. Di sini kami hanya menulis laluan mudah untuk mengembalikan rentetan "Hello, nama!". Ketepatan kod ini boleh diuji dengan melawati http://localhost/api/hello/world.

Langkah 4: Sambungkan hujung hadapan dan belakang

Untuk menyambungkan hujung hadapan dan belakang, aplikasi Angular dan aplikasi PHP perlu dijalankan pada pelayan yang sama. Ini boleh dicapai dengan mengubah suai fail proxy.conf.json dalam aplikasi Angular anda. Dalam direktori akar aplikasi Angular anda, buat fail bernama proxy.conf.json dan tambahkan kandungan berikut padanya:

{
"/api": {

"target": "http://localhost",
"secure": false,
"logLevel": "debug"

}
}

Dalam konfigurasi Proksi ini, majukan semua permintaan untuk laluan /api ke localhost, iaitu alamat aplikasi PHP.

Akhir sekali, jalankan arahan berikut dalam direktori akar aplikasi Angular anda untuk memulakan pelayan pembangunan:

ng serve --proxy-config proxy.conf.json

Sekarang anda boleh Buka http://localhost:4200 dalam penyemak imbas dan akses http://localhost:4200/api/hello/world Rentetan "Hello, world!"

Pada ketika ini, gabungan Angular dan PHP selesai.

Langkah 5: Tambah fungsi yang lebih kompleks

Setelah sambungan antara hujung hadapan dan belakang telah diwujudkan, anda boleh mula menambah logik dan fungsi yang lebih kompleks. Untuk Angular, pelbagai komponen dan perkhidmatan boleh digunakan untuk melaksanakan pelbagai ciri, seperti pengikatan data, penghalaan, pengesahan borang, dsb. Untuk PHP, sambungan pangkalan data, pengesahan pengguna, panggilan API, dll. boleh dicapai dengan menggunakan rangka kerja dan perpustakaan yang berbeza.

Ringkasan

Dengan menggabungkan Angular dan PHP, anda boleh mencipta aplikasi web yang cekap, stabil dan mudah diselenggara. Angular menyediakan beberapa ciri bahagian hadapan yang berkuasa, seperti pembangunan berasaskan komponen dan keselamatan jenis, manakala PHP boleh mengendalikan logik sisi pelayan dengan mudah, seperti penyimpanan data dan pengesahan pengguna. Dengan menggabungkan kedua-dua teknologi ini secara munasabah, aplikasi web berkualiti tinggi boleh dicapai.

Atas ialah kandungan terperinci Cara menggunakan PHP dan Angular untuk pembangunan bahagian hadapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!