GSP883

總覽

本實驗室將介紹 AppSheet，讓您快速開始建構應用程式。

在本實驗室中，您將使用 AppSheet 建立一個基本應用程式，來新增及管理您的親友聯絡方式。首先，連結一個簡單的試算表，做為應用程式資料來源，並建立檢視畫面，透過應用程式讀取及更新聯絡資訊。

學習內容

在本實驗室中，您會執行下列工作：

• 使用 Google 帳戶登入 AppSheet。
• 使用 AppSheet UI 建立應用程式，首先以 Google 試算表做為資料來源。
• 使用 AppSheet UI 中的即時預覽功能，預覽應用程式的功能。
• 使用應用程式修改部分現有聯絡人資料。
• 使用應用程式加入新聯絡人資訊。
• 確認新增和修改的資料已出現在基礎 Google 試算表中。

設定和需求

瞭解以下事項後，再點選「Start Lab」按鈕

請詳閱以下操作說明。實驗室活動會計時，且中途無法暫停。點按「Start Lab」後就會開始計時，顯示可使用實驗室資源的時間。

您將在真正的雲端環境中完成實作實驗室活動，而不是在模擬或示範環境。為此，我們會提供新的暫時憑證，以便您在實驗室活動期間登入及存取 AppSheet。

需求條件

為了順利完成這個實驗室，請先確認：

• 可以使用標準的網際網路瀏覽器 (Chrome 瀏覽器為佳)。
• 已預留充足時間可完成實驗室。

注意：請使用無痕模式或私密瀏覽視窗執行此實驗室，避免個人帳戶和學生帳戶之間發生衝突。

如何開始實驗室及登入 AppSheet

1. 準備就緒之後，請點按「Start Lab」。

   「Lab Details」窗格會顯示暫時憑證，供您在實驗室活動期間登入 AppSheet。

   如果實驗室會產生費用，畫面上會出現選擇付款方式的對話方塊。

   注意：如果使用其他憑證，系統會顯示「errors」或「incur charges」。

2. 點按「Open AppSheet」。

   接著，實驗室會啟動相關資源，並開啟另一個分頁，顯示登入頁面。

   提示：您可以在不同的視窗中並排開啟分頁。

3. 使用 Google 帳戶登入。

4. 如有必要，請複製下方的 Username 貼到「Sign in」對話方塊。

   {{{user_0.username | "Username"}}}

5. 點按「Next」。

6. 複製下方的 Password，並貼到「歡迎使用」對話方塊。

   {{{user_0.password | "Password"}}}

7. 點按「Next」。

8. 點按「I Understand」接受條款。

9. 點按「Continue」，接受 Google AppSheet 的政策和條款。

10. 在 AppSheet 同意聲明頁面，點按「Allow」，AppSheet 即可存取與您 Google Cloud Skills Boost 帳戶相關聯的 Google 雲端硬碟資料夾。

11. 您已登入 AppSheet。

    如有需要，請關閉「Tell us about you so we can make better recommendations」對話方塊，查看 AppSheet 的「MyApps」頁面。

    您尚未安裝任何應用程式，因此「MyApps」頁面為空白。

工作 1：建立第一個 AppSheet 應用程式

您可以透過 3 種方式使用 AppSheet 建構應用程式：

• 連結至資料來源
• 從零開始構思新點子
• 使用範本

在這項工作中，您將運用 AppSheet UI，以連結至資料來源來建立新的應用程式。您將使用上一項工作中在雲端硬碟建立的試算表，做為這個應用程式的資料來源。

建立應用程式

1. 切換至另一個瀏覽器分頁中的 AppSheet UI。

2. 在「My Apps」 頁面，依序點選「Create」>「App」>「Start with existing data」。

3. 在「App name」部分，輸入「Customer Contacts」作為應用程式的名稱。

4. 在「Category」部分，從清單中選取「Customer Engagement」。

5. 點選「Choose your data」。

選取應用程式要連結的資料

7. 在「Select data source」對話方塊中，選取「Google sheets」。

8. 在檔案選擇器中，從 Google 雲端硬碟的「我的雲端硬碟」資料夾選取「contacts」，然後點按「Select」。這份試算表已為本實驗室完成佈建。

9. 點選「Customize with AppSheet」，前往 AppSheet 編輯器。

AppSheet 會建立應用程式，並在 AppSheet 編輯器 UI 中顯示。UI 也會在模擬器中提供應用程式的預覽畫面，您可以試著執行應用程式的部分功能。

點選「Check my progress」，確認目標已達成。 建立您的第一個 AppSheet 應用程式

工作 2：預覽應用程式

AppSheet 已建立新應用程式，並連結至提供應用程式資料的 contacts 試算表。 聯絡人應用程式是可即時運作的原型，連結至 Google 雲端硬碟中的聯絡人試算表。

AppSheet 編輯器包含 3 個主要區域：

• 導覽列：您可以使用左側導覽列執行應用程式功能，包括資料來源連結和結構定義、使用者體驗 (UX) 和其他行為。本課程後續的實驗室將繼續探討其中幾個主題。

• 主面板：AppSheet 編輯器的主面板可讓您設定應用程式，根據左側導覽列選取的選項，執行應用程式功能。

• 應用程式即時預覽：設計及執行應用程式功能時，可在此處查看及測試您變更的應用程式功能。

在這項工作中，您將使用應用程式的即時預覽功能，瞭解 contacts 應用程式的基本功能。

查看聯絡資訊

1. 在應用程式的即時預覽畫面中，捲動瀏覽應用程式中顯示的聯絡人清單。

   AppSheet 會自動依名字和姓氏排序資料。

2. 點按任何聯絡人的名稱。

   應用程式會顯示該聯絡人的詳細資訊，包括電子郵件地址和電話號碼。

   此資料是從 Google 試算表自動載入。

工作 3：修改聯絡資訊

1. 點選所選聯絡人的編輯圖示 ，即可編輯對方的聯絡資訊。

2. 變更聯絡人的名字和電話號碼，然後點選「儲存」。

3. 在應用程式的聯絡資料頁面中，確認姓名和電話號碼已更新。

4. 點按返回箭頭 ，返回聯絡人清單。

5. 確認聯絡人清單頁面顯示更新後的名稱。

工作 5：新增聯絡人

1. 在即時應用程式預覽的聯絡人清單頁面中，點按 + 圖示即可新增聯絡人。

2. 在聯絡表單中指定下列資訊：

屬性	值
ID	51
電子郵件地址	test.contact@gmail.com
名字	測試
姓氏	聯絡人
電話號碼	1-100-234567

注意：表單中必須有 test.contact@gmail.com。您也可以輸入其他聯絡人。

3. 點選「儲存」。

4. 在應用程式的聯絡人清單頁面中，點按放大鏡搜尋圖示。

5. 在搜尋框中輸入您在上一個步驟新增的聯絡人名字或姓氏。

   注意：您也可以透過電子郵件地址或電話號碼搜尋。

6. 系統會篩選清單，只顯示符合搜尋條件的聯絡人。

7. 點按「Test Contact」記錄，查看聯絡人的詳細資料，並確認顯示的資訊。

點選「Check my progress」，確認目標已達成。 新增聯絡人

工作 6：同步處理應用程式資料

在先前的任務中，您在應用程式內進行的所有變更都是本機變更，會自動同步至應用程式使用的資料來源。

不過，有時並非所有變更都會立即同步至資料來源。

在這項工作中，您會將資料變更同步至應用程式使用的 Google 試算表，並在 Google 雲端硬碟中驗證變更。

同步處理應用程式資料變更

1. 即時應用程式預覽畫面會在「同步」 上方顯示應用程式上次同步後，資料變更的次數。

   確認顯示的數字與您在前一個工作中於應用程式變更的內容相符。

   注意：如果未顯示數字，表示應用程式中的所有資料變更都已同步。

2. 點選「同步處理」，將變更同步至 Google 雲端硬碟中的 Google 試算表。

工作 7：驗證資料變更

1. 在新的瀏覽器分頁中開啟 MyDrive。

2. 開啟 contacts 工作表。

3. 捲動至清單底部，找出使用應用程式新增的新聯絡人。

4. 在試算表中按下 Ctrl+F 或 Command+F 鍵，搜尋透過應用程式修改的聯絡人，確認姓名和電話號碼已更新。

恭喜！

您已成功使用 AppSheet 建立第一個應用程式。在本實驗室中，您已學會如何：

• 使用 AppSheet UI 建立應用程式。
• 使用 Google 雲端硬碟試算表中的資料設定應用程式。
• 使用即時應用程式預覽功能，修改應用程式中顯示的資料。
• 確認透過應用程式進行的資料變更已保留至基礎資料來源 (Google 雲端硬碟上的試算表)。

後續步驟/瞭解詳情

本實驗室屬於 Qwik Start 實驗室系列，這些實驗室可讓您概略瞭解 Google Cloud 提供的許多功能。歡迎在實驗室目錄中搜尋「Qwik Start」，看看接下來要參加哪個實驗室！

• Google Workspace 學習中心

Google Cloud 教育訓練與認證

協助您瞭解如何充分運用 Google Cloud 的技術。我們的課程會介紹專業技能和最佳做法，讓您可以快速掌握要領並持續進修。我們提供從基本到進階等級的訓練課程，並有隨選、線上和虛擬課程等選項，方便您抽空參加。認證可協助您驗證及證明自己在 Google Cloud 技術方面的技能和專業知識。

使用手冊上次更新日期：2025 年 6 月 9 日

實驗室上次測試日期：2025 年 6 月 9 日

Copyright 2025 Google LLC 保留所有權利。Google 和 Google 標誌是 Google LLC 的商標，其他公司和產品名稱則有可能是其關聯公司的商標。