GSP910

總覽

透過這個實驗室，您可瞭解如何使用 AppSheet 為應用程式連結並設定多個資料來源的資料。

在本實驗室中，您將使用 AppSheet 從第二個資料來源取得資料，為基礎應用程式加入更多功能。簡單來說，您需要在 AppSheet 編輯器中，設定要用於應用程式的資料類型，並為不同資料來源或資料表建立關聯，將其他功能導入應用程式。

目標

在本實驗室中，您將瞭解如何執行下列工作：

• 透過 AppSheet UI，使用多個資料來源的資料設定應用程式。
• 使用另一份 Google 試算表，將第二個資料來源新增至應用程式。
• 根據資料表中的資料，設定要用於應用程式的資料類型。
• 為現有資料表和新資料表建立關聯。
• 確認新增和修改的資料出現在基礎 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 帳戶

1. 在另一個瀏覽器分頁開啟以下連結，將「Customer Contacts」應用程式複製到 AppSheet 帳戶：Customer Contacts 應用程式。

2. 點選左側窗格中的「Copy app」。

3. 在「Copy App」表單中指定下列屬性，其餘設定均保留預設值：

   App name

   Customer Contacts

4. 點選「Copy app」。

   您也可以前往 AppSheet UI 的「My apps」頁面，在「Apps」部分找到該應用程式。

設定好應用程式的原始聯絡人資料來源後，即可繼續建構應用程式的功能。

點選「Check my progress」，確認目標已達成。建立應用程式

工作 2：為應用程式設定第二個資料來源

「Customer contacts」應用程式目前使用的 Google 試算表內含範例聯絡人資訊。

在這項工作中，您要將第二份 Google 試算表新增至應用程式，以取得公司相關資訊。

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

在 AppSheet 中，應用程式使用的資料檔案是指資料表，內含試算表的資料列和資料欄說明。請注意，所有資料仍是儲存在試算表中，這些說明則會納入應用程式定義。

建立應用程式時，首要步驟通常是為應用程式新增資料表。

請執行下列步驟，在建立應用程式後新增其他資料表：

1. 複製以下連結，並貼到另一個瀏覽器分頁：companies 試算表的副本。

2. 點選「建立副本」，在 Google 雲端硬碟資料夾中建立試算表副本。

3. 在試算表的左上角，點選檔案名稱的任一處，將名稱改成 companies。

   

4. 前往 drive.google.com，確認檔案已儲存至「我的雲端硬碟」資料夾。

   

5. 在「Customer Contacts - AppSheet」的 UI 中，從左側導覽列依序點選「Data」>「contacts」。

   

6. 點選「Data」旁邊的「Add new Data」圖示 +，為應用程式新增第二個資料來源。

7. 在「Add data」表單中，選取「Google Sheets」。

如果收到錯誤訊息，導致無法新增資料，請重新整理頁面，然後再次進到「Add data」表單。

8. 在檔案選擇器中，選取您在先前步驟上傳的 companies 試算表，並點選「Select」。

9. 在「Create a new table」表單中，保留所有預設設定，然後點選「Add 1 table」。

   您可以使用這個對話方塊中的設定，選取試算表的特定工作表或其他資料來源類型，還能允許或禁止應用程式使用者修改資料。

   注意：AppSheet 編輯器只能識別個別工作表中的一個資料表。如果同一份工作表有多個資料表，請將資料表移至活頁簿或 Google 試算表的新分頁。

AppSheet 隨即會將 companies 資料表新增至應用程式，當中含有多家範例公司的資訊。

10. 使用 AppSheet 的應用程式即時預覽功能，預覽新資料表中的資料。

    

點選「Check my progress」，確認目標已達成。為應用程式設定第二個資料來源

工作 3：設定應用程式的資料結構

為應用程式新增資料表形式的資料來源後，AppSheet 會讀取各個欄標題，依此定義應用程式的結構。因此，請務必確定資料來源中，儲存資料的每個資料欄都有標題。

在這項工作中，您將檢查 AppSheet 為應用程式推論並設定的資料欄類型和屬性 (預設結構)，然後視需要更新。

更新 contacts 的資料欄結構

1. 在 AppSheet 編輯器的左側導覽選單中選取「Data」。

2. 點選「contacts」，查看 contacts 資料表的資料欄結構。

   

下表列出 AppSheet 推論出的資料欄和部分屬性。

3. 判斷是否需要變更個別資料欄的類型或其他屬性 (在 AppSheet 編輯器中向右捲動，即可查看所有資料欄屬性)。

   Name	Type	Key?	Label?	Formula	Show?	Editable?	Require?
   _RowNumber (系統產生的虛擬資料欄)	Number
   ID	Number	已勾選			已勾選	已勾選	已勾選
   Email Address	Email				已勾選	已勾選	已勾選
   First Name	Name				已勾選	已勾選	已勾選
   Last Name	Name				已勾選	已勾選
   Phone	Text				已勾選	已勾選
   _ComputedName (系統產生的虛擬資料欄)	Name		已勾選	CONCATENATE([First Name]," ",[Last Name])	已勾選

   您認為上方哪些資料欄的屬性需要更新？

   這通常取決於應用程式的需求。在本實驗室中，您應該為上表醒目標示的資料欄修改屬性。

4. 考量到建立的是聯絡人應用程式，「First Name」欄的所有儲存格均須填入有效資料，因此這個資料欄的「Require?」屬性應為勾選狀態。

請注意，AppSheet 是將「Phone」欄的「Type」屬性設為「text」。

這表示資料欄會顯示一行文字。不過，這個資料欄的用途是儲存有效電話號碼，因此您需要使用下拉式清單，將「Type」屬性改成「Phone」。

5. 點選「SAVE」，儲存資料欄設定變更。

更新 companies 的資料欄結構

您可視需要按照相同程序，修改 companies 資料表的資料欄結構。

1. 在這個步驟中，請參考下表醒目標示的項目來修改資料欄屬性：

   Name	Type	Key?	Label?	Formula	Show?	Editable?	Require?
   _RowNumber (系統產生的虛擬資料欄)	Number
   ID	Number	已勾選			已勾選	已勾選	已勾選
   Phone	Text				已勾選	已勾選	已勾選
   Company Name	Name				已勾選	已勾選	已勾選
   Industry	Text				已勾選	已勾選	已勾選
   Business Address	Address				已勾選	已勾選	已勾選
   Shipping Information	LongText		已勾選		已勾選	已勾選

2. 對上表醒目標示的每個資料欄重複以上步驟，但請將「Industry」欄留到下一個步驟再更新。

AppSheet 支援「列舉」類型的資料欄，而這類資料欄只能顯示固定清單中一或多個允許的值。在這個步驟中，您要將「Industry」欄的「Type」屬性改成「Enum」(單一值) 或「EnumList」(多個值) 類型。

1. 點選「Industry」欄左側的鉛筆圖示。

   

2. 在資料欄詳細資料表單中指定下列屬性，其餘設定均保留預設值：

   屬性	值 (輸入或選取)
   Type	Enum
   Type Details Values	Accounting Finance Healthcare Retail Travel and Hospitality

3. 重複點選「Add」，逐一將列舉值新增至允許值清單。

   注意：以下資訊僅供參考
   如果啟用「Allow other values」，除了下拉式選單顯示的允許值，使用者還能輸入任何想要的值。
   啟用「Auto-complete other values」後，使用者將能輕鬆選擇先前輸入的一組值，確保所有項目是以相同寫法提交，不必擔心拼寫有誤。
   視需要設定「Input mode」，即可控管值在應用程式中的呈現方式，例如：自然排列的按鈕、垂直堆疊，或是下拉式選單中的一組圓形按鈕。

4. 輸入所有值後，在表單中點選「Done」。

5. 點選「SAVE」，儲存應用程式設定變更。

在應用程式中預覽 companies 的變更效果

您需要為 companies 資料建立檢視畫面，才能在 AppSheet 編輯器中預覽變更效果。

1. 在 AppSheet 編輯器中，依序點選「App」圖示 >「Views」圖示 。

2. 在「Primary navigation」部分點選「+」，新增檢視畫面。

3. 在「Add a new view」表單中，點選「Create a new view」，接著指定下列屬性，其餘設定均保留預設值：

   屬性	值 (輸入或選取)
   View name	companies
   For this data	companies

4. 點選「Save」，儲存新的檢視畫面。

5. 在應用程式即時預覽畫面查看變更效果：

• 在檢視畫面中點選 companies 資料表，然後選取任一公司的資訊卡。

• 在公司詳細資料頁面中，點選鉛筆圖示即可編輯公司記錄。

  

• 捲動畫面，使用下拉式選單選取「Industry」欄，然後從顯示的列舉值中選擇任一選項。

  

• 點選「Save」，儲存資料變更。

如要瞭解詳情，請參閱資料欄資料類型說明文件。

工作 4：重新產生應用程式的資料結構

AppSheet 會從資料來源讀取資料欄中繼資料，依此定義應用程式的資料欄結構。以試算表來說，AppSheet 會使用欄標題來取得這項資訊。每次修改試算表的資料欄後，都必須重新產生應用程式的資料欄結構，否則 AppSheet 將找不到資料欄，無法讀取和寫入資料，導致應用程式停止運作。

在這項工作中，您將在 Google 雲端硬碟的試算表新增資料欄，然後重新產生應用程式的資料結構。

在 contacts 試算表中新增資料欄

1. 開啟瀏覽器分頁，然後前往 Google 雲端硬碟。如果已開啟，則可直接切換至該分頁。

2. 在 Google 雲端硬碟中，依序按兩下「appsheet」>「data」，開啟 appsheet/data 資料夾。

3. 開啟「CustomerContacts-NNNNNNN」資料夾。

   注意：實際資料夾名稱包含數字，這裡以 NNNNNNN 表示。

4. 開啟 contacts 試算表。

5. 在第 1 列的 F 欄新增欄標題：Last Contacted。

   這個新資料欄會用來儲存上次聯絡對方的日期和時間。

   

6. 在瀏覽器中切換至 AppSheet 編輯器，依序點選「Data」>「contacts」。

7. 在「contacts」圖塊中點選「More」選單 (三點圖示)，然後選取「Regenerate Schema」。

8. 點選「Regenerate」確認操作。

   AppSheet 會重新產生 contacts 資料表的資料欄結構，並重新同步應用程式即時預覽畫面。

AppSheet 也會推論新資料欄的類型，但結果可能不符合預期。

9. 使用「Type」下拉式選單，將「Last Contacted」欄的類型改成「DateTime」。

10. 這個資料欄的值並非必填，因此請向右捲動資料欄屬性，確認未勾選「Require?」屬性。如為勾選狀態，請選取該屬性來取消勾選。

11. 點選「SAVE」，儲存應用程式設定變更。

在應用程式中預覽新資料欄

1. 在應用程式即時預覽畫面中，從清單選取任一聯絡人。

2. 點選鉛筆圖示來編輯聯絡人資訊。

3. 捲動至畫面底部，點選日曆圖示，為該聯絡人設定「Last Contacted」欄的值。

4. 在應用程式預覽畫面中點選「Save」，儲存該聯絡人的資料。

5. 前往 Google 雲端硬碟的 contacts 試算表，找到剛才透過應用程式更新的聯絡人，確認「Last Contacted」欄的值已更新。

點選「Check my progress」，確認目標已達成。重新產生應用程式的資料結構

工作 5：為不同資料表建立關聯

contacts 試算表中的聯絡人，很可能任職於 companies 試算表儲存的公司。

也就是說，這兩個資料表互相關聯。Appsheet 提供特殊的 Ref 資料欄類型，可協助您為相關資料表定義各資料列間的參照。

在這項工作中，您將使用 Ref 資料欄類型，為這兩個資料表定義各資料列間的關係。

如要進一步瞭解 Ref 資料欄類型，請參閱 AppSheet 說明文件。

在 contacts 試算表中設定參照欄

1. 前往 Google 雲端硬碟的 contacts 試算表，在第 1 列的 G 欄新增欄標題：Company ID。

   這個新資料欄會用來儲存與聯絡人相關聯的公司 ID。

   

2. 在瀏覽器中切換至 AppSheet 編輯器，依序點選「Data」>「contacts」。

3. 在「contacts」圖塊中點選「More」選單 (三點圖示)，然後選取「Regenerate Schema」。

4. 接著，點選「Regenerate」確認操作。AppSheet 會重新產生 contacts 資料表的資料欄結構，並將新的「Company ID」欄加入資料欄清單。

5. 點選「Company ID」欄左側的鉛筆圖示，編輯該資料欄的屬性。

6. 在資料欄詳細資料表單中指定下列屬性，其餘設定均保留預設值：

   屬性	值 (輸入或選取)
   Type	Ref
   Source table	companies

   完成後，資料欄就會變更為「參照」類型，參照的是 companies 資料表。

   如果在應用程式新增或更新聯絡人，並加入與對方相關聯的公司，AppSheet 就會自動將這個資料欄的公司 ID 儲存至 contacts 試算表。

7. 在應用程式中，這個資料欄的值會顯示實際公司名稱，因此您應該修改資料欄的顯示名稱。請在剛才的表單中向下捲動，展開「Display」部分，接著點選「Display name」欄位中的「Expression Assistant」圖示。

8. 進到「Expression Assistant」表單後，在「Display Name expression for column Company ID (Text)」部分，輸入 Company。

9. 在「Expression Assistant」表單中點選「Save」。

10. 點選「Done」，儲存資料欄屬性變更。

11. 最後，在 AppSheet 編輯器中點選「Save」，即可儲存變更，應用程式即時預覽畫面也會隨即重新整理。

在應用程式中預覽「Company」欄

1. 在應用程式即時預覽畫面中，從「contacts」清單選取任一聯絡人。

2. 點選鉛筆圖示來編輯聯絡人資訊。

3. 捲動至畫面底部，從「Company」下拉式清單中選取任一公司。AppSheet 會依據 companies 資料表自動填入清單內容。

4. 在應用程式預覽畫面中點選「Save」，儲存該聯絡人的資料。

5. 前往 Google 雲端硬碟的 contacts 試算表，找到剛才透過應用程式更新的聯絡人，確認相關資料含有所選公司的 ID。

點選「Check my progress」，確認目標已達成。為不同資料表建立關聯

恭喜！

您已成功使用 AppSheet，為應用程式設定多個資料來源的資料。

在本實驗室中，您已學會如何：

• 透過 AppSheet UI，使用多個資料來源的資料設定應用程式。
• 使用另一份 Google 試算表，將第二個資料來源新增至應用程式。
• 根據資料表中的資料，設定要用於應用程式的資料類型。
• 為現有資料表和新資料表建立關聯。
• 確認新增和修改的資料出現在基礎 Google 試算表中。

後續步驟/瞭解詳情

• 參加為 AppSheet 應用程式導入使用者功能實驗室，以及「建構無程式碼 AppSheet 應用程式」課程的其他實驗室。
• Google Workspace 學習中心

Google Cloud 教育訓練與認證

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

使用手冊上次更新日期：2024 年 10 月 30 日

實驗室上次測試日期：2024 年 10 月 30 日

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