使用 App Inventor 將文字欄位資料寫入 Google 試算表
App Inventor

使用 App Inventor 將文字欄位資料寫入 Google 試算表

Google Sheets 是一個非常好用的工具,它能夠當作一個小型的資料庫來使用,也因此 App Inventor 有很多範例,都是搭配 Google Sheets 來儲存資料。今天來介紹,如何把資料存進 Google Sheets 裡面。




2022/11/14 更新

做了一個新的 App「雲端留言板」,欄位只有暱稱和留言內容,做法和文章教學一樣!

點我下載


2021/11/08 更新

如果網頁檔案無法顯示,可以自行到模擬器尋找檔案路徑,以我的為例:

file:///sdcard/Android/data/edu.mit.appinventor.aicompanion3/files/AppInventor/assets/index.html

*2021/08/10 更新

因為原本的表單突然不能用了!(可以讀但不能寫)
所以這邊附上最新版的 aia 檔案
更新的部份只有表單網址和試算表網址,其它都保持不動!

點我下載




一、Google 雲端硬碟 操作

1. 首先進入到 Google Drive,並新增一個 Google 表單


2. 建立欄位資料:帳號 ID使用暱稱密碼


3. 於表單標題的上方,點選「回覆」,並點選「建立試算表」。

將試算表和表單做連結

選擇「建立

建立好後會開啟一個試算表的分頁

P.S. 如果要先建立試算表也可以,只要在試算表的「工具」選項,點選「建立表單」即可。


4. 回到表單的頁面,點選右上方的三個小點的按鈕,選擇「取得預先填入的連結」。


5. 於欄位中填入資料,然後點選「取得連結」按鈕。

於左下角框框點選複製連結

然後先貼到記事本

我們需要用到 entry 的資料,有幾個欄位就有幾個 entry


6. 接著複製表單的網址,並貼到記事本。

把網址後面的 prefill 改成 formResponse 如下:

順便把需要用到的 entry 先排好

接著開始製作 App




二、操作 App Inventor 建立 App

1. 新增一個專案,將標籤TextBox按鈕對話框網路元件,拖拉到工作面板,如下:

此 App 的功能為,當按下送出按鈕,就將欄位資料送入至 Google Sheets。


2. 開始撰寫程式碼,拖拉一個變數方塊,取為表單網址,右邊放字串方塊,內容填入剛剛更改的網址。


3. 拖拉一個可回傳的定義程序方塊,功能如下:

判斷欄位是否為空?

4. 當送出按鈕被點選,檢查欄位是否不為空,如果都有填寫,就設定網路元件的網址,並執行 GET 請求。

網址格式為:
https://docs.google.com/forms/d/
表單代碼/formResponse?entry.xxxxxxxxx=你輸入的值&entry.xxxxxxxxx=你輸入的值

表單網址後面要接 ?,後面再帶入參數,每個參數要用 & 連結。


5. 當網路元件取得文字,判斷回應程式碼是否為 200200 代表成功。

資料已傳送到 Google 試算表

App 完整程式碼:



App 執行範例:








如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝

可以多點幾次喔~~

第一次點讚需使用 Google 或 Facebook 帳號註冊

46 則留言

發表迴響