Comment PHP et UniApp implémentent les requêtes de données inter-domaines

Comment PHP et UniApp implémentent les requêtes de données inter-domaines

Avec le développement rapide d'Internet, la méthode de développement consistant à séparer le front-end et le back-end est devenue courante. Dans cette méthode de développement, le front-end est généralement développé à l'aide du framework UniApp, tandis que le back-end est généralement développé à l'aide du langage PHP. Cependant, en raison des restrictions de la politique de même origine du navigateur, le front-end ne peut pas demander directement des données au back-end entre les domaines. Cet article expliquera comment utiliser PHP et UniApp pour implémenter des requêtes de données inter-domaines et fournira des exemples de code.

1. Exemple de code côté UniApp

UniApp fournit la méthode uni.request() pour envoyer des requêtes réseau. Lors de l'envoi d'une requête, nous devons définir les informations d'en-tête, définir la méthode de requête sur OPTIONS et ajouter deux informations d'en-tête nécessaires : « Origine » et « Access-Control-Request-Method ». Le code spécifique est le suivant :

uni.request({
  url: 'http://example.com/api',
  method: 'OPTIONS',
  header: {
    'Origin': 'http://your.uniapp.com', // 你的UniApp域名
    'Access-Control-Request-Method': 'POST', // 请求方式
  },
  success: (res) => {
    // 执行后续操作
  },
  fail: (err) => {
    // 处理错误
  }
});

2. Exemple de code côté PHP

En PHP, nous devons définir les informations d'en-tête de réponse pour autoriser les requêtes inter-domaines. Le code spécifique est le suivant :

header('Access-Control-Allow-Origin: http://your.uniapp.com'); // 允许的UniApp域名
header('Access-Control-Allow-Methods: POST'); // 允许的请求方式
header('Access-Control-Allow-Headers: Origin, Content-Type'); // 允许的header头部信息

if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
  // 对OPTIONS请求进行处理
  exit;
}

// 对于其他请求进行处理
// ...

Dans le code ci-dessus, nous autorisons les requêtes inter-domaines pour le nom de domaine UniApp en définissant l'en-tête, et limitons également les méthodes de requête autorisées et les informations d'en-tête.

3. Considérations de sécurité

Dans le développement actuel, afin d'augmenter la sécurité des données, nous devons également prendre en compte des considérations de sécurité pour les requêtes inter-domaines. Une méthode courante consiste à ajouter une vérification de jeton à la demande pour garantir la légitimité de la demande.

Exemples de code côté UniApp :

uni.request({
  url: 'http://example.com/api',
  method: 'POST',
  header: {
    'Origin': 'http://your.uniapp.com',
    'Access-Control-Request-Method': 'POST',
    'Authorization': 'Bearer ' + token, // token验证
  },
  success: (res) => {
    // 执行后续操作
  },
  fail: (err) => {
    // 处理错误
  }
});

Exemples de code côté PHP :

// 进行token验证
$token = $_SERVER['HTTP_AUTHORIZATION'];

if (isValidToken($token)) {
  // token验证通过，处理请求
  // ...
} else {
  // token验证不通过，返回错误信息
  // ...
}

4. Résumé

Cet article présente la méthode d'utilisation de PHP et UniApp pour implémenter des requêtes de données inter-domaines et fournit des exemples de code . Dans le développement réel, nous pouvons apporter les modifications et extensions appropriées en fonction des besoins du projet et des considérations de sécurité. Grâce à des paramètres de requête inter-domaines raisonnables, nous pouvons réaliser une interaction de données entre le front-end et le back-end, améliorant ainsi l'efficacité du développement et l'expérience utilisateur.

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!