Aggiungi Chat alle app AppSheet

1. Prima di iniziare

Le app di chat sono applicazioni o servizi web che vengono eseguiti in Google Chat. AppSheet ora può consentire l'esecuzione di qualsiasi app AppSheet come app Chat. Una volta abilitate e pubblicate, forniscono un fattore di forma aggiuntivo ai dati presentati nelle app AppSheet

Cosa imparerai a fare

  • Come prendere un'app di esempio di modello esistente e attivare le app di Chat.
  • Come personalizzare il comportamento dell'app Chat.
  • Come aggiungere la tua app di chat a uno spazio di Workspace Chat esistente.
  • Come creare un'automazione di chat che invia messaggi a uno spazio di Chat.

Cosa creerai

Questo codelab ti guida su come prendere un'app modello esistente e poi attivarla, configurarla e pubblicarla come app di chat. Mostra poi come aggiungere l'app di chat a uno spazio di Chat esistente per trasmettere messaggi di chat tramite l'automazione.

Che cosa ti serve

  • Accesso all'ambiente di sviluppo AppSheet ( appsheet.com).

2. Copia l'app modello Inventario semplice

Per iniziare, copia l'app Simple Inventory Template. Questa app verrà abilitata per la chat in questo codelab.

  1. Vai alla home page di AppSheet ( appsheet.com), poi fai clic su Crea > App > Inizia con un modello.

Crea App Start con un modello.

  1. Nella scheda dell'app modello Inventario semplice, fai clic su Copia.

Fai clic su Copia nel modello Inventario semplice.

  1. Nella finestra di dialogo Clona l'app, assegna all'app il nome Simple Inventory Chat.

Finestra di dialogo Clona app.

Viene creata e caricata una nuova copia dell'app modello nell'editor AppSheet.

Copia del modello di app di inventario semplice nell'editor di AppSheet.

  1. Quando l'app viene caricata, viene visualizzato un avviso che indica che i bot inviano email solo al proprietario dell'app perché non è stata implementata. Per attivare Chat, devi eseguire il deployment dell'app. Per farlo, fai clic sulla pagina Gestisci nell'editor. Poi fai clic su Pubblica e poi su Sposta l'app nello stato di deployment.

Deployment dell'app in corso.

3. Creare e personalizzare una nuova app Chat

I passaggi successivi mostrano come creare una nuova app di chat nell'applicazione AppSheet corrente.

Creare l'app Chat

  1. Vai alla pagina delle impostazioni di Chat nel navigatore di AppSheet per visualizzare le impostazioni di Chat.

Pagina delle impostazioni di Chat nell'editor di AppSheet.

  1. Per iniziare a configurare l'app Chat, fai clic su Crea.
  2. Nella finestra di dialogo Attiva, fai clic su Avanti per continuare.

Immagine della finestra di dialogo Abilita.

Importante:viene visualizzato un messaggio che spiega che la creazione di un'app Chat richiede alcuni minuti. Non aggiornare questa pagina.

Messaggio che spiega di non eliminare la pagina.

  1. Man mano che l'app Chat viene creata, viene visualizzata la pagina Personalizza.

A questo punto, l'app Chat è stata creata e pubblicata. I seguenti passaggi di personalizzazione sono tutti facoltativi.

Pagina di personalizzazione dell'app di chat.

  1. Fai clic su Primo messaggio e imposta Testo del messaggio per personalizzare il primo messaggio visualizzato quando viene visualizzata la chat. Aggiungi il messaggio personalizzato che vuoi visualizzare al primo rendering dell'app Chat.

Personalizzazione del testo del messaggio.

  1. Scorri verso il basso fino a Configura azioni e fai clic su Azione.

Configura la pagina delle azioni.

  1. Nel menu Azione visualizzato, seleziona la prima opzione, Slash command: Open app view (Slash command: apri visualizzazione app).

Menu contestuale Azioni

  1. Inserisci quanto segue:

Visualizzazione app

Inventory_log (seleziona dal menu a discesa)

Nome

/log

Descrizione

View the inventory log

Opzioni del comando slash.

  1. Fai clic su Avanti per continuare.

Complimenti! La tua prima app di chat di AppSheet è stata implementata.

Schermata di deployment dell'app di chat.

4. Installare l'app Chat

Ora che la tua app è stata implementata, per utilizzarla devi installarla nel tuo ambiente Chat.

Per installare l'app, segui questi passaggi:

  1. Apri Google Chat.
  2. Fai clic sull'icona + a destra di Chat.
  3. Cerca la tua app, Simple Inventory Chat.

Aggiungere un'app di chat a Chat

  1. Trova la tua app nei risultati e fai clic per installarla.

App Chat dopo l'installazione nella finestra di Chat.

Dopo l'installazione, l'app di Chat invia un messaggio diretto con una scheda di menu.

  1. Per testare l'app, fai clic su Log dell'inventario (o su uno degli altri link nella scheda Chat).

L'inventario attuale viene visualizzato in una finestra di chat.

App Simple Inventory Chat.

  1. (Facoltativo) Fai clic su un altro link, Elementi. Tieni presente che l'app si apre in una nuova finestra. Questo perché la visualizzazione Elementi non è supportata nella UI di Chat.

La visualizzazione degli elementi non è supportata nella visualizzazione Chat.

  1. (Facoltativo) Sperimenta di più con la versione dell'app Chat dell'app Simple Inventory Chat.

5. Aggiungere l'app Chat a uno spazio di Chat

I passaggi successivi aggiungono l'app di Chat a uno spazio di Chat. Questa funzionalità è utile quando vuoi che l'app di chat trasmetta un messaggio a un gruppo di persone.

Creare un nuovo spazio di Chat

Per continuare, devi avere uno spazio di Chat con cui lavorare.

  1. Nella finestra di chat in basso a sinistra, fai clic sull'icona + accanto a Spazi per aggiungere un nuovo spazio.

Menu contestuale degli spazi di Chat.

  1. Fai clic su Crea uno spazio.
  2. Nella finestra di dialogo, assegna allo spazio il nome che preferisci. Il nome consigliato è Inventory Chat Space, in quanto questo codelab vi fa riferimento in un secondo momento.

Finestra di dialogo Crea uno spazio.

  1. Fai clic su Crea per completare la creazione del nuovo spazio.

Una volta creato, il nuovo spazio di chat viene visualizzato nell'angolo in basso a sinistra della finestra di Chat.

UI di Spaces.

Aggiungere l'app Chat al nuovo spazio di Chat

  1. Per aggiungere l'app di Chat allo spazio di Chat, fai clic sullo spazio e poi sulla freccia giù a destra del nome dello spazio di Chat. Viene visualizzato un menu a discesa contestuale.
  2. Fai clic su App e integrazioni.

App e integrazioni.

Viene visualizzata una finestra di dialogo che ti consente di aggiungere app al tuo spazio.

  1. Fai clic sul pulsante + Aggiungi app.

Aggiungi app allo spazio di chat dell'inventario.

  1. Nella finestra di dialogo, individua l'app Simple Inventory Chat e poi fai clic su Aggiungi.

Aggiunta dell'app allo spazio di Chat.

Quando l'app Chat viene aggiunta allo spazio, invia un messaggio allo spazio.

Finestra di chat con la nuova app di chat aggiunta.

Ora che la nuova app Chat è installata nello spazio di Chat, torna all'app Chat e aggiungi un'automazione per inviare messaggi a questo spazio di Chat.

6. Crea un'automazione di Chat per inviare messaggi allo spazio di Chat

I passaggi successivi mostrano come pubblicare l'app Chat:

  1. Torna all'applicazione AppSheet e apri di nuovo la pagina delle impostazioni di Chat (se non è ancora aperta).
  2. Fai clic su Personalizza per aprire le impostazioni dell'app Chat.
  3. Fai clic sul pulsante + Azione per richiamare il menu contestuale per le azioni di chat.

Pulsante di azione.

  1. Fai clic sull'opzione Messaggio quando i dati cambiano. In questo modo viene generata un'automazione completa per l'invio di messaggi in caso di modifiche ai dati.

Menu contestuale Azioni.

La nuova automazione viene visualizzata nell'editor AppSheet.

Importante:non fare ancora clic su Salva nell'angolo in alto a destra. Devi configurare ulteriormente l'automazione.

  1. Fai clic sulla procedura Invia un messaggio di chat.

Automazione della chat.

Si aprirà la finestra delle impostazioni a destra.

  1. Nelle sezioni Contenuto del messaggio e ID spazio, fai clic su Aggiungi.

Aggiunta dello spazio di Chat all'automazione di Chat.

  1. Fai clic sull'opzione Spazio di chat dell'inventario per configurare l'automazione in modo da inviare messaggi a questo spazio di chat.
  2. Aggiorna il testo del messaggio con La tabella Articoli è stata aggiornata.
  3. Nel menu a discesa dell'impostazione Invia una visualizzazione dell'app (facoltativo), seleziona Items_Detail.

I contenuti del messaggio devono essere finalizzati.

Impostazioni dei contenuti del messaggio finale.

  1. Nell'angolo in alto a destra dell'editor AppSheet, fai clic su Salva.

L'app di Chat è ora configurata per inviare messaggi al tuo spazio di Chat.

7. Testare l'automazione di Chat

I passaggi successivi ti consentono di testare l'automazione per vedere se invia messaggi al tuo spazio di Chat. Nella finestra di anteprima dell'editor AppSheet, aggiorna un record nella tabella Elementi. In questo modo viene attivata l'automazione per inviare un messaggio allo spazio di Chat.

  1. Nella finestra Anteprima dell'editor AppSheet, fai clic sull'icona del dispositivo mobile 63e1499db148fde8.pngper visualizzare l'app in una visualizzazione mobile. Poi fai clic su un record, ad esempio Saw.

App nella finestra di anteprima mobile.

  1. Nella visualizzazione Dettagli del record, fai clic sull'icona Modifica.

Visualizzazione Dettagli della registrazione.

  1. Modifica la Descrizione in Sega circolare a batteria.

Modifica della descrizione nel record.

  1. Fai clic su Salva nella finestra di anteprima, che attiva un messaggio inviato al tuo spazio di Chat.

Dovresti sentire una notifica di Chat una volta ricevuto il messaggio.

  1. Torna alla finestra della chat, poi fai clic su Spazio di chat nell'angolo in basso a destra e visualizza il nuovo messaggio La tabella Elementi è stata aggiornata insieme alla scheda di chat Items_Detail.

Interfaccia utente della chat con visualizzazione di un messaggio dell'app Chat.

8. Complimenti

Hai completato il codelab AppSheet Chat Apps.

Further reading