我的Slim API給了我一個404錯誤頁面

Question

我正在爲我的角應用程序製作一個API，這將允許我使用Slim訪問我的數據庫。我遵循本教程http://anjanawijesundara.blogspot.ca/2015/04/crud-application-with-angularjs.html

我有一個'Angularjs'文件夾。其中，我有我的index.html文件，我的'api'文件夾，這個API在哪裏，'app'文件夾，角度應用程序和'assets'文件夾用於css，img和其他js文件。

我用Composer（它創建了一個供應商文件夾）在'API'文件夾中安裝了Slim，並且在供應商文件夾旁邊有一個'index.php'文件。

我 '的index.php' 文件（在API文件夾中）看起來，到目前爲止：

<?php 
require 'vendor/autoload.php'; 

$app = new \Slim\App; 

$app->get('/Types', 'getTypes'); 
$app->get('/Types/:id', 'getTypeById'); 

$app->run(); 

function DB_Connection() { 
    $dbhost = "localhost"; 
    $dbuser = "kevdug_portfolio"; 
    $dbpass = "*****************"; 
    $dbname = "portfolio"; 
    $dbh = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass); 
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 
    return $dbh; 
} 

function getTypes() { 
    $sql = "select * FROM pt_type"; 
    try { 
     $db = DB_Connection(); 
     $stmt = $db->query($sql); 
     $list = $stmt->fetchAll(PDO::FETCH_OBJ); 
     $db = null; 
     echo json_encode($list); 
    } catch(PDOException $e) { 
     echo '{"error":{"text":'. $e->getMessage() .'}}'; 
    } 
} 

function getTypeById($id) { 
    $sql = "select * FROM pt_type WHERE id=".$id; 
    try { 
     $db = DB_Connection(); 
     $stmt = $db->query($sql); 
     $list = $stmt->fetchAll(PDO::FETCH_OBJ); 
     $db = null; 
     echo json_encode($list); 
    } catch(PDOException $e) { 
     echo '{"error":{"text":'. $e->getMessage() .'}}'; 
    } 
} 

?> 

我猜想能夠使用我的API使用此代碼：

angular.module('appDatabaseCtrl', []) 
.controller('databaseCtrl', ['$scope','$routeParams', '$http', '$log', 
    function($scope, $routeParams, $http, $log){ 
     $scope.testDatabaseTypes = function(){ 
      $http.get('/api/Types').success(function(data) { 
       $log.info("succes!"); 
       $log.log(data); 
      }) 
      .error(function (data, status){ 
       $log.error("error!"); 
       $log.log(data); 
      }); 
     }; 
     $scope.testDatabaseTypesById = function(){ 
      console.log($scope.id); 
      $http.get('/api/Types/' + $scope.id).success(function(data) { 
       $log.info("succes!"); 
       $log.log(data); 
      }) 
      .error(function (data, status){ 
       $log.error("error!"); 
       $log.log(data); 
      }); 
     }; 
    } 
]); 

第一個函數有效，但第二個函數返回404錯誤。你可以看到發生什麼事自己與那些樹網址：

http://kevdug.webfactional.com/#/database

http://kevdug.webfactional.com/api/types

http://kevdug.webfactional.com/api/types/1 < ---可以是任何ID爲1至4

Answer 1

看來，您使用的超薄V3 （由$app = new \Slim\App;來判斷），但是看起來你的路由格式是Slim v2的格式。

$app->get('/Types/:id', 'getTypeById');實際上應該更像$app->get('/Types/{id}', getTypeById);。您也可以提供關於它接受的內容的限制$app->get('/Types/{id:\d+}', getTypeById);

編輯：您還在使用Slim v3的無效功能簽名，這就是爲什麼在導航到Your Example Url with the literal :id instead of a number it errors時。您應該使用的函數簽名像

function getTypeById(\Slim\Http\Request $req, \Slim\Http\Response $res, $args) { 
    $id = $args["id"]; // Rest of your code 
} 

最後，我建議找了一些基本的SQL注入防護教程，因爲如果你的電流/類型/：ID的路由工作正常，那麼它將有一個SQL注入漏洞。但由於這不是這個問題的目標，我只是留下一個警告。