Iniziare a utilizzare l'embedding privato

Questa pagina spiega come configurare l'embedding privato. L'opzione di incorporamento privato richiede di gestire direttamente l'elemento HTML <iframe> per incorporare i contenuti di Looker e richiede che l'utente acceda a Looker separatamente dall'applicazione host.

Esamineremo questo esempio di codice di incorporamento privato:

<iframe
    src="https://instance.looker.com/embed/dashboards/4?Timeframe=14+day"
    width="600"
    height="300"
    frameborder="0">
</iframe>

1. Creare l'URL dei contenuti incorporati

Prendi in considerazione un esempio di contenuti di Looker all'URL https://instance.looker.com/dashboards/4?theme=red&Timeframe=14+day. Da questo URL dei contenuti di Looker, creeremo l'URL dei contenuti incorporati e imposteremo l'attributo src dell'iframe. Non esitare a utilizzare il tuo URL dei contenuti di Looker durante la procedura.

L'URL dei contenuti incorporati nell'esempio di codice precedente è il seguente:

https://instance.looker.com/embed/dashboards/4?theme=red&Timeframe=14+day

L'URL dei contenuti incorporati è composto da tre parti:

  • Nome host: il nome host dell'istanza di Looker
  • Percorso: percorso dell'URL dei contenuti di Looker con prefisso /embed (con passaggi aggiuntivi per le visualizzazioni delle query)
  • Parametri: parametri URL che specificano filtri e temi

Il protocollo deve sempre essere https://. Analizziamo ogni parte nel dettaglio.

Parte 1: nome host

  1. Vai ai tuoi contenuti di Looker. Di seguito è riportato l'URL di esempio dei contenuti di Looker: https://instance.looker.com/dashboards/4?theme=red&Timeframe=14+day.
  2. Il nome host dell'URL dei contenuti incorporati è instance.looker.com.

Parte 2: Percorso

Il percorso dell'URL dei contenuti incorporati dipende dai contenuti di Looker che incorpori.

Incorporazione di tutti i contenuti di Looker, ad eccezione delle visualizzazioni delle query

  1. Vai ai tuoi contenuti di Looker. Ecco un esempio di URL dei contenuti di Looker: https://instance.looker.com/dashboards/4?theme=red&Timeframe=14+day
  2. Identifica il percorso dell'URL dei contenuti di Looker: /dashboards/4.
  3. Aggiungi il prefisso /embed al percorso dell'URL dei contenuti di Looker. Il percorso dell'URL dei contenuti incorporati è /embed/dashboards/4.

Incorporare una visualizzazione query

  1. Vai alla visualizzazione della query. URL di esempio: instance.looker.com/explore/my_model/my_explore?qid=1234567890abcdefghij12
  2. Identifica l'ID client della query. Il parametro qid: 1234567890abcdefghij12 è l'ID cliente della query che rappresenta la query e le impostazioni di visualizzazione.
  3. Il percorso dell'URL dei contenuti incorporati è /embed/query-visualization/ con il tuo ID client di query. Il percorso dell'URL dei contenuti incorporati di esempio è /embed/query-visualization/1234567890abcdefghij12

Parte 3: parametri

I parametri URL dei contenuti incorporati controllano i filtri e il tema dei contenuti incorporati.

Filtri

  1. Vai all'URL dei contenuti di Looker.
  2. Modifica manualmente i filtri dei contenuti in base alle tue esigenze. Per questo esempio, l'URL dei contenuti di Looker risultante è: https://instance.looker.com/dashboards/4?Timeframe=14+day
  3. I parametri URL dei contenuti incorporati sono i parametri URL dei contenuti di Looker, ad esempio Timeframe=14+day

In questo esempio, il parametro Timeframe=14+day imposta il valore del filtro Timeframe della dashboard.

Temi

Consulta la guida ai temi per scoprire come controllare l'aspetto dei contenuti incorporati.

2. Testa l'URL dei contenuti incorporati

Apri l'URL dei contenuti incorporati nel browser per visualizzare l'anteprima del comportamento e dell'aspetto dei contenuti incorporati.

3. Creare l'iframe

  1. Crea l'elemento iframe nell'applicazione host.
  2. Imposta l'attributo src sull'URL dei contenuti incorporati.
  3. Definisci width, height e altri attributi in base alle tue esigenze per visualizzare al meglio i contenuti di Looker incorporati.

4. Prendi in considerazione i problemi di accesso degli utenti

L'utente deve aver eseguito l'accesso a Looker per visualizzare i contenuti incorporati. L'iframe mostrerà una pagina di errore 401 se l'utente non ha eseguito l'accesso.

Opzioni di accesso utente

L'utente può accedere a Looker in due modi:

1. Accedi a Looker in anticipo

L'utente deve accedere a Looker sullo stesso browser prima di poter visualizzare i contenuti incorporati.

2. Attivare una schermata di accesso di Looker incorporata facoltativa

Aggiungi allow_login_screen=true ai parametri URL dei contenuti incorporati per mostrare una schermata di accesso a Looker nell'iframe se l'utente non ha eseguito l'accesso. L'URL dei contenuti incorporati di esempio diventa: https://instance_name.looker.com/embed/dashboards/4?Timeframe=14+day&allow_login_screen=true

Tieni presente due aspetti:

Looker utilizza i cookie per l'autenticazione degli utenti e lo spazio di archiviazione delle sessioni. Il browser dell'utente deve attivare i cookie di terze parti se l'utente accede all'URL dei contenuti incorporati dell'istanza Looker che si trova in un dominio diverso da quello dell'applicazione host.

Alcuni browser, come Firefox e Safari, utilizzano per impostazione predefinita un criterio relativo ai cookie che blocca i cookie di terze parti. Se il browser dell'utente non può consentire i cookie di terze parti, puoi aggiungere un dominio personalizzato alla tua istanza Looker in modo che l'applicazione host e l'URL dell'istanza Looker del nome host dei contenuti si trovino nello stesso dominio.

5. Interagire con l'iframe

Inizia a utilizzare i post di messaggistica con iframe incorporati di Looker.

Passaggi successivi

Inizia a utilizzare l'incorporamento firmato con il nostro SDK Embed e dai un'occhiata agli esempi di cosa puoi fare con l'incorporamento di Looker.