Mengulas, upvoting dan memuat naik foto dengan API 500px

Tutorial ini menunjukkan bagaimana untuk memanfaatkan API 500px untuk meningkatkan interaksi pengguna dengan foto, membolehkan pengundian, pemilihan, mengulas, dan memuat naik. Kami akan membina ansuran sebelumnya, yang meliputi mengambil dan memaparkan foto.

Ciri -ciri Utama:

• Penglibatan pengguna yang dipertingkatkan: 500px API memberi kuasa kepada pengguna untuk secara aktif mengambil bahagian dengan mengundi, mengutamakan, dan mengulas pada foto. Keupayaan untuk memuat naik foto mereka sendiri meningkatkan penglibatan.
• Pengesahan selamat: Kebenaran yang teguh adalah penting. Kami menggunakan A consumer_key Integrasi Ajax yang lancar: consumer_secret Asynchronous JavaScript dan XML (AJAX) memastikan pengalaman pengguna yang lancar untuk mengundi dan mengadakannya. Kemas kini dicerminkan dalam masa nyata tanpa muat semula halaman. token token_secret
Komen Komprehensif:
• API memudahkan mengulas, membolehkan pengguna berkongsi pendapat mereka secara langsung pada foto. Kami akan mengendalikan kedua-dua komen satu peringkat dan bersarang.
Muat naik foto yang mudah:
• Menggunakan , memuat naik foto dipermudahkan, membolehkan pemaju untuk mengintegrasikan fungsi ini dengan lancar.
• Pengesahan dan Kebenaran: multipart/form-data Akses ke titik akhir API memerlukan pengesahan yang betul. Kami akan menggunakan
dan

dan diperoleh melalui aplikasi geran untuk tujuan ujian.

Kelas consumer_key menguruskan komunikasi dengan API 500px: consumer_secret token token_secret Pembalakan Guzze didayakan dalam mod debug untuk penyelesaian masalah yang dipertingkatkan.

// bootstrap/start.php

App::singleton('pxoauth', function(){
    $host = 'https://api.500px.com/v1/';
    $consumer_key = 'YOUR CONSUMER KEY';
    $consumer_secret = 'YOUR CONSUMER SECRET';
    $token = 'GRANT TOKEN';
    $token_secret = 'GRANT TOKEN SECRET';

    $oauth = new PxOAuth($host, $consumer_key, $consumer_secret, $token, $token_secret);

    return $oauth;
});

mengundi pada foto (ajax): PxOAuth

// app/src/PxOAuth.php

class PxOAuth {
    // ... (Class definition remains largely unchanged) ...
}

pengendalian ralat memastikan kemerosotan anggun sekiranya berlaku kegagalan permintaan API.

// app/routes.php

Route::post('/ajax/photo/vote', ['uses' => 'PXController@vote']);

// app/controllers/PXController.php

public function vote() {
    // ... (Function definition remains largely unchanged) ...
}

// public/js/vote_favorite.js

// ... (JavaScript code remains largely unchanged) ...

undi pendua/kegemaran dikendalikan dengan melumpuhkan butang masing -masing.

// app/routes.php

Route::post('/ajax/photo/favorite', ['uses' => 'PXController@favorite']);

// app/controllers/PXController.php

public function favorite() {
    // ... (Function definition remains largely unchanged) ...

// public/js/vote_favorite.js

// ... (JavaScript code remains largely unchanged) ...

Pengambilan foto tunggal:

kami menggunakan titik akhir photos/:id/comments?nested=true untuk mendapatkan komen bersarang dengan cekap.

// bootstrap/start.php

App::singleton('pxoauth', function(){
    $host = 'https://api.500px.com/v1/';
    $consumer_key = 'YOUR CONSUMER KEY';
    $consumer_secret = 'YOUR CONSUMER SECRET';
    $token = 'GRANT TOKEN';
    $token_secret = 'GRANT TOKEN SECRET';

    $oauth = new PxOAuth($host, $consumer_key, $consumer_secret, $token, $token_secret);

    return $oauth;
});

// app/src/PxOAuth.php

class PxOAuth {
    // ... (Class definition remains largely unchanged) ...
}

// app/routes.php

Route::post('/ajax/photo/vote', ['uses' => 'PXController@vote']);

// app/controllers/PXController.php

public function vote() {
    // ... (Function definition remains largely unchanged) ...
}

// public/js/vote_favorite.js

// ... (JavaScript code remains largely unchanged) ...