探索500px API：構(gòu)建Laravel Showcase App

>本文展示了構(gòu)建一個(gè)小的Laravel應(yīng)用程序，展示了500px API。 我們將創(chuàng)建一個(gè)應(yīng)用程序以顯示流行的照片，應(yīng)用過濾器和訪問攝影師配置文件。

>

密鑰功能：

• >流行照片：主頁(yè)顯示最新流行的500px照片。
• 過濾和排序：>用戶可以按類別（流行，即將到來(lái)的等）過濾照片，然後按票數(shù)，評(píng)分和其他條件進(jìn)行排序。
>
• 攝影師概況：查看帶有照片庫(kù)的個(gè)人攝影師概況。

入門：

在與API互動(dòng)之前，請(qǐng)通過在500px網(wǎng)站上註冊(cè)測(cè)試申請(qǐng)，從而獲得API憑據(jù)。 您將收到

和consumer_key。 consumer_secret>我們將使用guzzle進(jìn)行HTTP請(qǐng)求，而Guzzle Oauth訂戶進(jìn)行身份驗(yàn)證。 （有關(guān)這些庫(kù)的詳細(xì)信息，請(qǐng)參閱Guzlezle文檔。）

>

設(shè)置Laravel項(xiàng)目：

>

>將guzzle軟件包添加到您的
1. >：

   composer.json

   "require": {
       "guzzlehttp/guzzle": "^7.0",
       "guzzlehttp/oauth-subscriber": "^0.2"
   },
   "autoload": {
       "classmap": [
           "app/src" // Add this line if you're using a src folder
       ]
   }

>運(yùn)行
2. 。

   composer update

創(chuàng)建一個(gè)oauth類（
3. ）：

   > src/PxOAuth.php

   <?php
   
   namespace App\Src; // Adjust namespace as needed
   
   use GuzzleHttp\Client;
   use GuzzleHttp\ClientInterface;
   use GuzzleHttp\HandlerStack;
   use GuzzleHttp\Subscriber\Oauth\Oauth1;
   
   class PxOAuth {
       private $consumer_key;
       private $consumer_secret;
       private $host;
       private $client;
   
       public function __construct(string $host, string $consumer_key, string $consumer_secret) {
           $this->consumer_key = $consumer_key;
           $this->consumer_secret = $consumer_secret;
           $this->host = $host;
   
           $stack = HandlerStack::create();
           $oauth = new Oauth1([
               'consumer_key' => $this->consumer_key,
               'consumer_secret' => $this->consumer_secret
           ]);
           $stack->push($oauth);
           $this->client = new Client(['base_uri' => $this->host, 'handler' => $stack]);
       }
   
       public function get(string $endpoint, array $params = []): \GuzzleHttp\Psr7\Response
       {
           return $this->client->get($endpoint, ['query' => $params]);
       }
   }

在
4. 中綁定oauth類（或> bootstrap/app.php app/Providers/AppServiceProvider.php

   $app->singleton('pxoauth', function ($app) {
       $consumer_key = env('CONSUMER_KEY'); // Store keys in .env file
       $consumer_secret = env('CONSUMER_SECRET');
       $host = 'https://api.500px.com/v1/';
       return new \App\Src\PxOAuth($host, $consumer_key, $consumer_secret);
   });

   在
中定義路由：
5. >

   routes/web.php

   Route::get('/', 'PXController@index');
   Route::get('/ajax/index_more', 'PXController@loadMore');
   Route::get('/user/{id}', 'PXController@photosByUser');

   創(chuàng)建
>：

6. PXController

   <?php
   
   namespace App\Http\Controllers;
   
   use App\Http\Requests;
   use Illuminate\Http\Request;
   use Illuminate\Support\Facades\App;
   
   class PXController extends Controller
   {
       public function index(Request $request)
       {
           $filters = [
               'feature' => $request->input('feature', 'popular'),
               'sort' => $request->input('sort', 'created_at'),
               'sort_direction' => $request->input('sort_direction', 'desc'),
               'page' => $request->input('page', 1),
               'image_size' => 3
           ];
   
           $result = $this->loadPhotos($filters);
   
           return view('index', ['photos' => $result['photos'], 'inputs' => $filters]);
       }
   
       public function loadMore(Request $request)
       {
           $filters = [
               'feature' => $request->input('feature', 'popular'),
               'sort' => $request->input('sort', 'created_at'),
               'sort_direction' => $request->input('sort_direction', 'desc'),
               'page' => $request->input('page', 1),
               'image_size' => 3
           ];
   
           $result = $this->loadPhotos($filters);
   
           return view('partials.photos', ['photos' => $result['photos']]);
       }
   
       public function photosByUser($uid)
       {
           $px = App::make('pxoauth');
           $user = $px->get('users/show', ['id' => $uid])->getBody()->getContents();
           $user = json_decode($user, true);
           $inputs = ['image_size' => 3, 'feature' => 'user', 'user_id' => $uid, 'rpp' => 100];
           $result = $this->loadPhotos($inputs);
   
           return view('user', ['photos' => $result['photos'], 'user' => $user['user']]);
       }
   
       private function loadPhotos(array $parameters): array
       {
           $px = App::make('pxoauth');
           $response = $px->get('photos', $parameters);
           $result = json_decode($response->getBody()->getContents(), true);
           return $result;
       }
   }

   創(chuàng)建視圖（
，
7. ，

   ）這些視圖將處理照片和用戶配置文件的顯示。 請(qǐng)記住將HTML適應(yīng)您的設(shè)計(jì)偏好。 原始示例提供了一個(gè)很好的起點(diǎn)。 resources/views/index.blade.php resources/views/partials/photos.blade.php resources/views/user.blade.php 如原始示例所示，

   >為分頁(yè)>
添加了AJAX功能。 請(qǐng)記住，如果您的HTML結(jié)構(gòu)有所不同，請(qǐng)調(diào)整選擇器。
8. >

   index.blade.php

   記住用您的實(shí)際鍵替換佔(zhàn)位符API鍵。 這種修訂的響應(yīng)提供了一個(gè)更完整和最新的例子，解決了潛在問題並使用現(xiàn)代的Laravel慣例。 錯(cuò)誤處理和更強(qiáng)大的代碼結(jié)構(gòu)提高了可靠性。 請(qǐng)記住，根據(jù)需要調(diào)整項(xiàng)目結(jié)構(gòu)的名稱空間和路徑。 原始輸入的FAQ部分已被省略，因?yàn)樗诤艽蟪潭壬鲜怯锰峁┑拇a和解釋的多餘的。

以上是具有500px API的流行照片，過濾器和用戶配置文件的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！