Criar um complemento do Google Workspace com Node.js

Criar complementos do Google Workspace no Cloud Functions usando o ambiente de execução do Node.js.

Objetivos

  • Configurar o ambiente.
  • Criar e implantar uma função do Cloud
  • Crie e implante o complemento.
  • Instale o complemento.

Pré-requisitos

Configurar o ambiente

Abrir o projeto do Cloud no console do Google Cloud

  1. No console do Google Cloud, acesse a página Selecionar um projeto.

    Selecionar um projeto do Cloud

  2. Selecione o projeto do Google Cloud que você quer usar. Se preferir, clique em Criar projeto e siga as instruções na tela. Se você criar um projeto do Google Cloud, talvez seja necessário ativar o faturamento dele.

Configurar a tela de permissão OAuth

Os complementos do Google Workspace exigem uma configuração de tela de consentimento. Como configurar a tela de permissão OAuth do seu complemento define o que o é exibido aos usuários.

  1. No console do Google Cloud, acesse o menu > APIs e Serviços > Tela de permissão OAuth.

    Acessar a tela de permissão OAuth

  2. Em Tipo de usuário, selecione Interno e clique em Criar.
  3. Preencha o formulário de registro do app e clique em Save and continue.

  4. Por enquanto, ignore a adição de escopos e clique em Salvar e continuar. No futuro, quando você criar um aplicativo para usar fora de sua organização do Google Workspace, mude o Tipo de usuário para Externo. Em seguida, adicionar os escopos de autorização exigidos pelo app.

  5. Analise o resumo do registro do app. Para fazer alterações, clique em Editar. Se o app estiver tudo certo, clique em Voltar para o painel.

Crie e implemente uma Função do Cloud

  1. Em um terminal local, ative o Cloud Functions, o Cloud Build e a API Google Workspace Add-ons:

    gcloud services enable cloudfunctions cloudbuild.googleapis.com gsuiteaddons.googleapis.com

  2. Em um diretório vazio, crie o arquivo function.js com o seguinte exemplo de código:

    /**
 * Cloud Function that loads the homepage for a
 * Google Workspace Add-on.
 *
 * @param {Object} req Request sent from Google
 * @param {Object} res Response to send back
 */
exports.loadHomePage = function addonsHomePage (req, res) {
  res.send(createAction());
};

/** Creates a card with two widgets. */
function createAction() {
  return {
    "action": {
      "navigations": [
        {
          "pushCard": {
            "header": {
              "title": "Cats!"
            },
            "sections": [
              {
                "widgets": [
                  {
                    "textParagraph": {
                      "text": "Your random cat:"
                    }
                  },
                  {
                    "image": {
                      "imageUrl": "https://cataas.com/cat"
                     }
                  }
                ]
              }
            ]
          }
        }
      ]
    }
  };
}

  3. Implante a função:

    gcloud functions deploy loadHomePage --runtime nodejs12 --trigger-http

    Se solicitado, especifique que você não permite invocações não autenticadas do função. A implantação da função pode levar alguns minutos.

Criar uma implantação de complemento

  1. Encontre o e-mail da conta de serviço do complemento:

    gcloud workspace-add-ons get-authorization

  2. Conceda à conta de serviço o papel cloudfunctions.invoker:

    gcloud functions add-iam-policy-binding loadHomePage \
    --role roles/cloudfunctions.invoker \
    --member serviceAccount:SERVICE_ACCOUNT_EMAIL

  3. Consiga o URL da função implantada. Para encontrar o URL, execute o seguinte e procure o campo url na seção httpsTrigger:

    gcloud functions describe loadHomePage

  4. Crie o arquivo deployment.json com o exemplo de código a seguir. Substituir URL pelo URL da função implantada do etapa anterior.

    {
  "oauthScopes": ["https://www.googleapis.com/auth/gmail.addons.execute"],
  "addOns": {
    "common": {
      "name": "My HTTP Add-on",
      "logoUrl": "https://raw.githubusercontent.com/webdog/octicons-png/main/black/beaker.png",
      "homepageTrigger": {
        "runFunction": "URL"
      }
    },
    "gmail": {},
    "drive": {},
    "calendar": {},
    "docs": {},
    "sheets": {},
    "slides": {}
  }
}

  5. Crie a implantação:

    gcloud workspace-add-ons deployments create quickstart \
    --deployment-file=deployment.json

Instalar o complemento

  1. Instale a implantação no modo de desenvolvimento:

    gcloud workspace-add-ons deployments install quickstart

  2. Abra ou atualize o Gmail para ver o complemento. Em na barra de ferramentas à direita, procure um ícone de copo.

  3. Clique no ícone para abrir o complemento. Se solicitado, autorizar o complemento.

Opcional: limpar

Para evitar cobranças na sua conta, exclua os recursos criado em:

  1. Desinstale o complemento da sua Conta do Google:

    gcloud workspace-add-ons deployments uninstall quickstart

  2. Para evitar cobranças pelos recursos usados neste guia de início rápido, exclua projeto do Cloud:

    gcloud projects delete PROJECT_ID

    Substitua PROJECT_ID pelo ID do projeto do Cloud que que você usou no guia de início rápido. O ID do projeto do Cloud está disponível em usando o console do Google Cloud Página "Painel".

Próximas etapas

Para adicionar mais funcionalidades ao seu complemento do Google Workspace, consulte a seguintes guias: