您是否知道您可以開發附加組件和應用程序 谷歌工作區?
有了一點編碼知識,您就可以創建工具來幫助您的工作生活更輕鬆。 在本文中,我們將引導您完成創建基本插件或應用程序的過程。
讓我們開始吧!
開發 Google Workspace 插件和應用程序的步驟
1. 為工作選擇合適的工具
第一步是決定您是要開發附加組件還是應用程序。 確定哪一個最適合您的最佳方法是考慮您想要做什麼,您有多少時間可以完成項目以及您對編碼的知識水平。
如果您剛剛開始,請使用 Google 插件工具。 如果您以前使用過 JavaScript,請繼續查看 Google Apps Script Add-on Builder。
2. 設置你的開發環境
現在您已經決定了要使用的工具,是時候設置您的開發環境了。 這包括安裝必要的軟件和設置一些基本的配置文件。 設置過程將根據您使用的工具而有所不同。
如果您正在開發應用程序,您將需要以下內容:
應用腳本編輯器
如果您正在為 Google Apps 插件開發腳本,請使用 Google App Scripts 編輯器; 如果您在 G Suite 上使用應用程序,請使用 Google 表格。
要訪問 Google 應用腳本編輯器,請在 “Google文檔” 並從擴展選項卡中打開應用腳本。 它看起來像這樣:
應用腳本 CLI
Chrome 開發人員工具包含一個命令行界面 (CLI),可讓您直接從命令行控制 Google Apps 腳本。
一個 Google 帳戶
您需要一個 Google 帳戶才能訪問 Google Apps 及其所有服務。 當您在開發機器上安裝 Google Chrome 並使用您的 Google 帳戶登錄時,您將使用此帳戶,以便您的開發機器將與您的 Google 帳戶相關聯。
附加組件也是如此。
3. 寫一些代碼!
現在是時候開始編碼了。 具體情況取決於您使用的工具,但一般來說,您需要編寫一些 HTML、CSS 和 JavaScript的. 您可以閱讀有關如何使用任何文本編輯器或 IDE(集成開發環境)執行此操作的信息。
編寫代碼後,您可以在瀏覽器或運行 Play 商店的設備(手機、平板電腦或計算機)上對其進行測試。
HTML
超文本標記語言 (HMTL) 用於生成網頁。 該頁面由 HTML 元素和標籤組成。 HTML 是一種標記語言,它定義了您的網頁的外觀以及人們查看該頁面時將顯示的內容。
您可以像這樣在 Google App Script 中生成一個新的 HTML 文件:
為了製作一個有效的應用程序,您將使用 HTML 來定義應用程序的結構、創建按鈕和其他 用戶界面 元素,並顯示數據庫中的數據。
您的應用程序的 HTML 應該寫在一個標籤內,該標籤圍繞著您應用程序中的所有內容。 要查看應用程序的 HTML 是如何工作的,您可以通過選擇“文件”>“新建項目”來創建一個新項目。 選擇 Web 應用程序選項。
的CSS
級聯樣式表用於將樣式應用於應用程序中的 HTML 元素。 查看 CSS 外觀的最佳方式是訪問 Chrome 或 Firefox 中的開發者工具。 打開開發人員工具後,單擊切換設備工具欄按鈕或鍵入 control + I 在移動和桌面模式之間切換。 然後選擇設計視圖。
借助 Apps Script,可以通過使用其他庫來使用 CSS 和 JavaScript 庫。 下面顯示瞭如何鏈接到標題部分中的 JQuery 庫的說明。
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
您將看到應用程序的基本 HTML,以及應用到它的樣式屬性。 當應用程序啟動時,樣式屬性也會生效。 但是,如果樣式應用於錯誤的元素,結果可能看起來不太好。
JavaScript的
JavaScript 是一種為您的應用程序添加更多動態功能的編程語言。 例如,JavaScript 允許您向網頁添加交互性。 當您創建新應用程序時,JavaScript 通常包含在您的項目文件中。 如果您想向您的應用程序添加額外的 JavaScript,您可以通過向您的項目添加更多文件來實現。
這是為了了解 JavaScript 的工作原理,因為它允許您創建可以在 Google Docs 中運行的複雜自定義代碼。
要創建附加組件,首先,您需要開發在您的應用程序中創建交互式功能所需的 JavaScript。 您還需要了解幾個重要的 Google API,例如 Google Docs 用於創建富文本格式的 JavaScript 庫、用於檢索文檔列表的 Document List API、用於訪問存儲在 Google 服務器上的文件的 Drive 服務以及 Drive用於上傳文件的服務。
當您為 Google 文檔創建插件時,您可以訪問這些 API 中的大部分。 但是,您可能必須更改應用程序的 JavaScript 庫或其他部分。 例如,JavaScript 庫沒有公開 Document List API,因此您必須自己實現查詢文檔列表的邏輯。
此外,JavaScript 庫僅包含一小部分函數,因此您可能必須編寫自己的函數來創建更豐富的交互。
測試和調試您編寫的任何代碼以確保其正確運行非常重要。 由於應用程序中嵌入了插件,因此您可以使用網站上的常規 JavaScript 調試工具。
4. 測試和發布您的附加組件或應用程序
編寫代碼後,就該進行測試了。 這對於確保您的附加組件或應用程序按預期工作非常重要。 測試您的插件或應用程序可確保代碼可靠並且您已涵蓋所有可能的場景。
畢竟,你不想花幾個小時開發一些東西,只是在你的用戶得到它之後才意識到代碼中有一個錯誤。 一旦您對自己的工作感到滿意,請繼續在 Workspace Labs 網站上發布它。
您可以直接上傳已發布的插件或應用程序,也可以鏈接到 Google Drive 上的副本。
發表評論