Autenticazione tramite chiavi API durante l'accesso all'API tramite fetch

Sviluppatore
1

Ehi!

Sto costruendo un sito WP headless per una rivista che ha la sua community su Discourse e i commenti devono essere integrati nelle pagine degli articoli. Ho trovato la documentazione API ed ero molto contento, dato che l’embed tramite iframe non era proprio ciò che cercavo, poiché il sito avrà una modalità scura e una chiara, quindi ho bisogno che il template dei commenti erediti le variabili CSS dall’elemento radice.

Tuttavia, continuo a imbattermi nel limite di velocità quando provo ad accedere all’API direttamente (usando fetch su https://discourseurl.com/t/{id}.json), quindi ho pensato di provare ad aggiungere una chiave API e autenticarmi con essa.

Sto usando questo codice:

fetch(this.apiUrl, {
        headers: {
          'User-Api-Key': '{chiave API utente da Discourse admin}',
        },
      })

e ricevo questo errore, indipendentemente dalla chiave che uso (provando anche con una chiave admin):

error_type: "invalid_access"
errors: Array [ "Non hai l'autorizzazione per visualizzare la risorsa richiesta." ]

Traduzione approssimativa: "Non hai accesso alla risorsa richiesta".

Sto dimenticando qualcosa riguardo al funzionamento delle chiavi API? Qual è l’approccio consigliato per richiedere questi endpoint API senza superare il limite di velocità?

1 Mi Piace
2

Have a look at the Authentication section that’s near the top of https://docs.discourse.org/. It gives an example of how to set your API credentials in the request header. You need to use Api-Key and Api-Username in the header.

7 Mi Piace
3

Thanks! Can’t imagine how I missed the auth part there, been looking through the docs over and over again :joy:

Anyway, I seem to be making some kind of progress, but I run into this issue now in the browser console:
(Reason: missing token ‘api-key’ in CORS header ‘Access-Control-Allow-Headers’ from CORS preflight channel).

I’m not sure what might be causing it, can’t find anything in the forum about it either. Am I missing something? Weird thing is that I am specifying the header as ‘Api-Key’ in my code. Any ideas? :slight_smile:

4

Sounds like you are building a JavaScript app and making the API requests from the browser?

The recommended approach would be to make the API calls to Discourse server side, and have your JavaScript app talk to your server just how it talks to WordPress. This way you avoid any CORS issues.

3 Mi Piace
5

Ah, awesome! This made me look through the WP Discourse code and realize I’m just an option away from WP exposing the API endpoint I need (exposing the Discourse comments via an API). I’ll just have to tweak it a little bit. That’s excellent, thanks a bunch :slight_smile:

Just curious, why isn’t it recommended to work directly against the Discourse API from the client side? I have some ideas on expanding on the project later on if there will be any budget (with a login functionality, for example), and I would like it to talk with the Discourse API. Would I have to route everything through Wordpress? :slight_smile:

2 Mi Piace