Sabías que podes desenvolver complementos e aplicacións para Espazo de traballo de Google?
Cun pouco de coñecemento de codificación, podes crear ferramentas para facilitar a túa vida laboral. Neste artigo, guiarémosche a través do proceso de creación dun complemento ou aplicación básico.
Comezamos!
Pasos para desenvolver complementos e aplicacións de Google Workspace
1. Escolla a ferramenta correcta para o traballo
O primeiro paso é decidir se queres desenvolver un complemento ou unha aplicación. A mellor forma de determinar cal funcionará mellor para ti é pensar no que queres facer, canto tempo tes dispoñible para completar o proxecto e o nivel de coñecemento que tes sobre a codificación.
Se estás comezando, utiliza a ferramenta de complementos de Google. Se xa traballaches con JavaScript antes, consulta o Google Apps Script Add-on Builder.
2. Configura o teu entorno de desenvolvemento
Agora que decidiches que ferramenta queres usar, é hora de configurar o teu ambiente de desenvolvemento. Isto implica instalar o software necesario e configurar algúns ficheiros de configuración básicos. O proceso de configuración variará dependendo da ferramenta que esteas a usar.
Se estás a desenvolver unha aplicación, necesitarás o seguinte:
Editor de scripts de aplicacións
Se estás a desenvolver un script para un complemento de Google Apps, utiliza o editor de Google App Scripts; se estás a traballar con aplicacións en G Suite, utiliza Google Sheets.
Para acceder ao editor de scripts da aplicación de Google, crea un novo documento en Google Docs e abra os scripts da aplicación desde a pestana de extensións. Será así:
App Script CLI
As ferramentas para programadores de Chrome incluíron unha interface de liña de comandos (CLI) que che permite controlar o script de Google Apps directamente desde a túa liña de comandos.
Unha conta de Google
Necesitarás unha conta de Google para acceder a Google Apps e a todos os seus servizos. Usará esta conta cando instale Google Chrome na súa máquina de desenvolvemento e inicie sesión coa súa conta de Google para que a máquina de desenvolvemento se asocie coa súa conta de Google.
O mesmo ocorre cos complementos tamén.
3. Escribe algún código!
Agora é hora de comezar a codificar. As características específicas dependerán da ferramenta que esteas a usar, pero, en xeral, terás que escribir algo de HTML, CSS e JavaScript. Podes ler sobre como facelo con calquera editor de texto ou IDE (entorno de desenvolvemento integrado).
Despois de escribir o código, podes probalo no navegador ou nun dispositivo (teléfono, tableta ou ordenador) con Play Store.
HTML
HyperText Markup Language (HMTL) úsase para xerar páxinas web. A páxina consta de elementos HTML e etiquetas. HTML é unha linguaxe de marcado que define o aspecto da túa páxina web e o contido que se mostrará cando a xente vexa a páxina.
Podes xerar un novo ficheiro HTML en Google App Script deste xeito:
Para facer unha aplicación eficaz, usarás HTML para definir a estrutura da aplicación, crear botóns e outros interface co usuario elementos e mostrar datos da súa base de datos.
O HTML para a túa aplicación debe escribirse dentro dunha etiqueta, que envolve todo o contido da túa aplicación. Para ver como funciona o HTML dunha aplicación, podes crear un novo proxecto seleccionando Ficheiro > Novo proxecto. Escolla a opción Aplicación web.
CSS
As follas de estilo en cascada úsanse para aplicar un estilo aos elementos HTML da túa aplicación. A mellor forma de ver o aspecto do CSS é visitar as Ferramentas para programadores en Chrome ou Firefox. Unha vez que abras as Ferramentas para programadores, fai clic no botón Alternar da barra de ferramentas do dispositivo ou escribe control + I para alternar entre o modo móbil e de escritorio. A continuación, seleccione a vista de deseño.
As bibliotecas CSS e JavaScript pódense usar mediante outras bibliotecas, grazas a Apps Script. A continuación móstrase unha ilustración de como ligar á biblioteca JQuery na sección de cabeceira.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Verás o HTML básico da túa aplicación, xunto coas propiedades de estilo que se lle aplican. Cando se inicia a aplicación, as propiedades de estilo tamén entran en vigor. Non obstante, se o estilo se aplica ao elemento incorrecto, o resultado pode non parecer moi bo.
JavaScript
JavaScript é unha linguaxe de programación que engade funcións máis dinámicas á túa aplicación. Por exemplo, JavaScript permíteche engadir interactividade a unha páxina web. JavaScript adoita incluírse nos ficheiros do proxecto cando crea unha aplicación nova. Se queres engadir JavaScript adicional á túa aplicación, podes facelo engadindo máis ficheiros ao teu proxecto.
Trátase de comprender como funciona JavaScript porque che permite crear un código personalizado sofisticado que se pode executar dentro de Google Docs.
Para crear un complemento, primeiro debes desenvolver o JavaScript necesario para crear unha función interactiva na túa aplicación. Tamén debes coñecer varias API importantes de Google, como a biblioteca de JavaScript que utiliza Google Docs para crear formato de texto enriquecido, a API de lista de documentos para recuperar listas de documentos, o servizo de Drive para acceder aos ficheiros almacenados nos servidores de Google e o Drive. servizo de carga de ficheiros.
Podes acceder á maioría destas API cando creas un complemento para Google Docs. Non obstante, é posible que teñas que cambiar a biblioteca JavaScript da aplicación ou outras partes. Por exemplo, a biblioteca JavaScript non expón a API Document List, polo que debes implementar a lóxica para consultar unha lista de documentos ti mesmo.
Ademais, a biblioteca de JavaScript contén só un pequeno subconxunto de funcións, polo que é posible que teñas que escribir as túas propias funcións para crear interaccións máis ricas.
É importante probar e depurar calquera código que escriba para asegurarse de que se executará correctamente. Como un complemento está integrado na aplicación, podes usar as ferramentas normais de depuración de JavaScript que se atopan nos sitios web.
4. Proba e publica o teu complemento ou aplicación
Unha vez que escribiches o teu código, é hora de probalo. Isto é importante para asegurarse de que o seu complemento ou aplicación funcione segundo o previsto. Probar o teu complemento ou aplicación garante que o código é sólido e que cubriches todos os escenarios posibles.
Despois de todo, non queres pasar horas desenvolvendo algo só para darte conta de que houbo un erro no código despois de que o obteña o teu usuario. Unha vez que esteas satisfeito co teu traballo, continúa e publícao no sitio de Workspace Labs.
Podes cargar directamente o complemento ou a aplicación publicados ou vincular a unha copia en Google Drive.
Deixe unha resposta