Comment configurer la séparation front-end et back-end de thinkphp

Avec la popularité de la technologie de séparation front-end et back-end, de plus en plus de développeurs commencent à essayer de convertir leurs projets de l'architecture MVC traditionnelle vers une architecture de séparation front-end et back-end. En tant que framework PHP open source, thinkphp répond également activement à cette tendance technologique. Cet article explique comment configurer le mode de séparation front-end et back-end de thinkphp pour aider les développeurs à appliquer cette technologie dans les projets.

1. Configuration de l'environnement

Avant d'utiliser thinkphp pour réaliser la séparation front-end et back-end, vous devez d'abord configurer l'environnement. Tout d'abord, dans le répertoire racine du projet, utilisez composer pour installer le framework thinkphp et entrez la commande suivante :

composer create-project topthink/think

Ensuite, configurez l'hôte virtuel dans Apache ou Nginx et définissez le répertoire racine du projet sur le répertoire racine du site Web. Dans le même temps, vous devez également activer le module de réécriture dans le fichier de configuration PHP afin que thinkphp puisse utiliser normalement la fonction de routage.

2. Configurer le routage

Dans thinkphp, la configuration du routage est l'une des étapes clés et une partie importante de la séparation front-end et back-end. Dans le répertoire du projet, recherchez le fichier route.php dans le répertoire config et ouvrez-le. Ensuite, selon les exigences de séparation front-end et back-end, effectuez la configuration suivante :

(1) Modifiez la configuration de routage par défaut en :

'/' => 'index/index/index'

Ceci le changement peut créer l'accès par défaut. La page devient une page frontale au lieu d'une page back-end.

(2) Ajoutez les règles de routage de la page front-end dans la configuration de routage, par exemple :

'@^/:path$' => 'index/index/index'

où, :path représente le chemin de la page d’accueil. Grâce à cette règle, le saut du routage frontal peut être réalisé.

(3) Ajoutez les règles de routage de l'interface dans la configuration du routage, par exemple :

'@^api/:controller/:action$' => 'api/:controller/:action'

où, : contrôleur signifie nom du contrôleur, :action représente le nom de la méthode. Grâce à cette règle, l'interaction des données front-end et back-end peut être réalisée.

3. Configuration du contrôleur

Dans thinkphp, le contrôleur est le pont qui sépare le front-end et le back-end. Il est responsable du traitement des requêtes front-end, de l'appel de l'API back-end et du renvoi des données. Dans le répertoire de configuration, créez un fichier api.php et ajoutez la configuration suivante :

return [

 'default_return_type' => 'json'

];

Cette configuration peut faire en sorte que le type de retour par défaut de l'interface API soit au format JSON.

Ensuite, créez un répertoire api sous le répertoire du projet et créez un répertoire v1 sous le répertoire api comme numéro de version de l'API. Dans le répertoire v1, créez le fichier de contrôleur correspondant, par exemple :

namespace app pi 1controller;
use thinkController;

class UserController extends Controller{

 public function index(){
      $data = ['name' => 'Tom', 'age' => '18'];
      return json($data);
 }

}

Dans ce contrôleur, utilisez des données statiques pour simuler les données du backend et les renvoyer au frontend au format JSON. Les développeurs peuvent écrire différents contrôleurs en fonction des besoins réels pour implémenter différentes méthodes d'interaction de données.

4. Configurer la page front-end

Dans la page front-end, vous devez configurer les éléments suivants :

(1) Dans l'environnement de développement, utilisez des outils d'empaquetage tels que webpack pour générer des fichiers statiques à partir du front-end. terminez le projet et placez-les dans le répertoire public du projet thinkphp.

(2) Lorsque la route front-end saute, vous devez utiliser ajax et d'autres technologies pour transmettre la route front-end à l'interface back-end.

(3) Lorsque vous interagissez avec l'interface backend, vous devez suivre la spécification de l'API RESTful et utiliser des verbes tels que GET, POST et PUT pour exploiter les ressources.

5. Test de l'interface

Une fois toutes les configurations terminées, l'interface peut être testée. Les développeurs peuvent utiliser des outils tels que Postman pour simuler les requêtes d'envoi frontales et afficher les résultats renvoyés. Si les données JSON attendues sont renvoyées, cela signifie que la technologie de séparation front-end et back-end a été appliquée avec succès.

Résumé

thinkphp est un framework PHP puissant qui prend en charge la technologie de séparation front-end et back-end. Grâce à la méthode de configuration présentée dans cet article, les développeurs peuvent convertir leurs projets en une architecture séparée front-end et back-end, améliorant ainsi la maintenabilité, l'évolutivité et la réutilisabilité du projet. Dans le même temps, il peut également réagir avec plus de flexibilité à la concurrence du marché et aux évolutions technologiques, améliorer la compétitivité des projets et réduire les coûts de développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!