Tạo ứng dụng tự động với AppSheet và Apps Script

Tạo ứng dụng tự động với AppSheet và Apps Script

Trong video này, tôi sẽ hướng dẫn bạn cách tạo một ứng dụng bằng AppSheet và tự động hóa các hành động trong ứng dụng đó bằng Apps Script. Xin chào, tôi là Chanel, một Developer Advocate tại Google. Tôi mời bạn theo dõi khi tôi làm việc trong video này. Điều duy nhất mà bạn cần là một tài khoản Google Workspace. Trong bài hướng dẫn này, nguồn dữ liệu của chúng ta là một bảng theo dõi dự án dưới dạng một file Google Sheets. Chúng ta có một sheet chứa tất cả các thông tin liên quan. Đối với con người, đó là cách tốt nhất để nhìn thấy toàn bộ bức tranh. Nhưng để AppSheet hiểu dữ liệu của chúng ta, chúng ta sẽ chuẩn hóa nó. Điều đó có nghĩa gì? Chuẩn hóa cơ sở dữ liệu là một kỹ thuật được sử dụng trong phát triển phần mềm để loại bỏ sự lặp lại dữ liệu và tối ưu hóa cấu trúc dữ liệu. Bước đầu tiên trong quá trình chuẩn hóa dữ liệu là phân tán dữ liệu vào các bảng riêng biệt. Trong Google Sheets, tương đương với việc chúng ta phân tán dữ liệu của chúng ta vào các sheet khác nhau. Vì vậy bây giờ chúng ta có ba bảng riêng biệt, đôi khi còn được gọi là entities: Tasks, Projects và Managers. Lưu ý rằng sheet Tasks chứa một liên kết đến sheet Projects ở cột cuối cùng. Sheet Projects chứa một liên kết đến sheet Tasks và sheet Managers. Cuối cùng, sheet Managers chứa một liên kết đến sheet Projects. Lưu ý rằng các URL ảnh đại diện trong cột cuối cùng chỉ dẫn đến hình ảnh chính xác và không phải là tệp được lưu trữ trên Google Drive. Đây là một minh hoạ về cấu trúc dữ liệu chuẩn hóa. Để tận dụng tối đa AppSheet, hãy tổ chức dữ liệu theo cách thuận tiện cho ứng dụng. Tiện ích của bạn là việc tạo ứng dụng của chúng ta! Chúng ta thực hiện việc này trực tiếp từ trong Google Sheets bằng cách chọn AppSheet từ menu Tiện ích. Trong khi AppSheet đang tạo ứng dụng cho chúng ta, hãy nhìn vào ổ đĩa chia sẻ Projects. Đối với mỗi dự án được liệt kê trong Bảng theo dõi dự án, có một thư mục riêng. Thay vì phải tạo thư mục này thủ công mỗi khi có dự án mới được thêm vào Bảng theo dõi dự án, chúng ta muốn tự động hóa điều này. Để làm điều đó, chúng ta sẽ cho AppSheet gọi hàm Apps Script của chúng ta. Trong khi đó, AppSheet đã tạo ra một ứng dụng dựa trên dữ liệu của chúng ta. Chúng ta thấy trong bản xem trước ứng dụng rằng đã tạo ra một bản xem Nhiệm vụ và Thống kê. AppSheet đã tạo ra một ứng dụng dựa trên dữ liệu của chúng ta. Bây giờ là lúc tùy chỉnh ứng dụng theo nhu cầu của chúng ta. Chúng ta bắt đầu bằng cách thêm bảng Dự án vào ứng dụng của chúng ta. Tiếp theo, chúng ta thêm bảng Quản lý vào ứng dụng. Hãy nhìn vào các cột của bảng Quản lý. Lưu ý rằng bảng Quản lý không tham chiếu đến bảng Dự án. Nếu nhìn vào bảng Nhiệm vụ, chúng ta thấy rằng Dự án có kiểu dữ liệu là Văn bản. Điều đó có nghĩa là không có tham chiếu thực tế đến bảng Dự án. Hãy thêm các tham chiếu này và chúng ta sẽ bắt đầu bằng việc thay đổi kiểu dữ liệu cho cột Dự án trên bảng Nhiệm vụ từ Văn bản thành Ref. Chúng ta chọn Dự án làm bảng nguồn cho tham chiếu này. Trên bảng Dự án, chúng ta lặp lại hành động này. Bây giờ cột Quản lý là một tham chiếu đến bảng Quản lý. Bước cuối cùng là tạo một tham chiếu giữa bảng Quản lý và bảng Dự án. Để làm điều này, chúng ta tạo lại cấu trúc dữ liệu. Bây giờ các tham chiếu giữa các bảng đã được thiết lập. Tiếp theo, chúng ta muốn xác định thông tin người dùng của ứng dụng của chúng ta sẽ nhìn thấy. Chúng ta làm điều này trong phần Apps. Hãy bắt đầu bằng việc tạo một giao diện mới mà chúng ta gọi là Dự án và hiển thị dữ liệu từ bảng tương ứng. Chúng ta thay đổi kiểu xem thành bảng và cho phép hiển thị nút cho giao diện này ở giữa. Có rất nhiều biểu tượng mà chúng ta có thể chọn. Đối với giao diện Dự án, chúng ta sẽ sử dụng một biểu tượng máy tính làm nút. Đừng quên lưu những thay đổi của bạn thường xuyên. Mỗi khi bạn lưu, ứng dụng xem trước sẽ tải lại để phản ánh những thay đổi bạn đã thực hiện. Hãy chỉnh sửa giao diện Nhiệm vụ, một trong những giao diện mặc định được tạo ra bởi AppSheet. Lưu ý rằng AppSheet tự động thêm sắp xếp và nhóm cho giao diện này. Chúng ta có thể chọn thay đổi điều này theo nhu cầu của chúng ta. Đối với giao diện Thống kê, chúng ta muốn thay đổi dữ liệu hiển thị từ Nhiệm vụ thành Dự án và cho nút của giao diện ở vị trí đầu tiên. Chúng ta muốn biểu đồ là biểu đồ tròn và minh họa dữ liệu từ cột Ngân sách. Chúng ta đã tùy chỉnh khá nhiều cho đến nay. Hãy nhìn vào ứng dụng của chúng ta để xem tiến độ. Hãy chuyển sang chế độ xem máy tính bảng và sau đó chuyển sang Dự án. Khi chúng ta nhấp vào một trong những dự án, chúng ta sẽ được chuyển đến chế độ xem chi tiết. Lưu ý là chúng ta có thể xem dữ liệu từ bảng Dự án và các nhiệm vụ liên quan. Một cú nhấp vào tên quản lý sẽ đưa chúng ta đến chi tiết về quản lý đó. Ngay lúc đầu chúng ta nhìn thấy rằng ảnh đại diện của quản lý không hiển thị. Thay vào đó, chúng ta thấy URL của ảnh đó. Hãy sửa lỗi đó. Chúng ta làm điều này bằng cách thay đổi kiểu dữ liệu cho cột Ảnh trong bảng Quản lý từ Url thành Image. Sau khi chúng ta lưu thay đổi, ứng dụng xem trước tải lại và bây giờ chúng ta thấy một ảnh đại diện. Từ chế độ xem này, chúng ta có thể cuộn qua các chi tiết của các quản lý khác. Tôi nghĩ việc thêm một giao diện riêng cho quản lý sẽ có ý nghĩa. Trong phần App, chúng ta thêm giao diện Quản lý và chọn loại xem Gallery. Khi nhấp vào một trong các quản lý, chúng ta sẽ được đưa đến chế độ xem chi tiết. Từ đây, chúng ta có thể truy cập các dự án có liên quan đến quản lý đó. Để tự động tạo một thư mục cho mỗi dự án mới, chúng ta sẽ viết một hàm Apps Script ngắn. Chúng ta cần tạo một script độc lập và lưu trực tiếp trong Projects shared drive của chúng ta. Chúng ta đổi tên script này để dễ dàng xác định nó khi chúng ta thêm nó vào ứng dụng của chúng ta trong AppSheet. Chúng ta bật Drive API vì điều này cho phép chúng ta tạo một thư mục trong một ổ đĩa được chia sẻ. Chúng ta đặt tên cho hàm của chúng ta là CreatNewFolder và xác định nó sẽ sử dụng một tham số mà chúng ta gọi là project. Chúng ta xác định một biến sẽ chứa ID của thư mục được tạo ra tự động. Để tạo thư mục, chúng ta sử dụng Drive API mà chúng ta đã bật trước đó. Để chèn một tệp mới vào một ổ đĩa được chia sẻ, chúng ta phải thêm ID của thư mục cha. Mã ID này chúng ta sao chép trực tiếp từ URL ổ đĩa dự án và dán vào hàm chúng ta đang viết. Thuộc tính title là tên thư mục chúng ta muốn tạo ra tự động. Chúng ta xác định rằng tên sẽ được cung cấp bởi tham số dự án được truyền vào khi thực thi hàm. Thuộc tính mimeType xác định rằng đó là một thư mục chúng ta muốn tạo ra. Giá trị null là vì chúng ta không có bất kỳ nội dung tệp nào để chuyển vào phương thức chèn. Vì chúng ta đang tạo một thư mục trên ổ đĩa đã chia sẻ, thuộc tính supportsAllDrives được đặt là true. Chúng ta kết nối thuộc tính ID với phương thức chèn để lưu ID của thư mục được tạo ra tự động. Giá trị trả về của hàm là URL của thư mục được tạo ra tự động. Chúng ta sử dụng template literals để thêm ID của thư mục vào URL. Template literals yêu cầu dấu gạch chéo ngược và không phải dấu ngoặc kép. Khi hàm này chạy, nó sẽ tạo một thư mục mới trong Projects shared drive và trả về URL của thư mục đó cho ứng dụng AppSheet của chúng ta. Bây giờ là lúc kết nối ứng dụng AppSheet của chúng ta với hàm Apps Script của chúng ta! Để làm được điều này, chúng ta truy cập phần Bots trong AppSheet và thêm một bot tùy chỉnh mới. Bây giờ chúng ta phải xác định sự kiện kích hoạt bot này chạy. Loại sự kiện là khi có dữ liệu được thêm vào và chúng ta gọi sự kiện là Dự án được thêm. Chúng ta xác định rằng thay đổi dữ liệu trên bảng Dự án sẽ kích hoạt sự kiện này. Tiếp theo, chúng ta xác định quy trình mà sự kiện này sẽ chạy. Chúng ta gọi quy trình này hoặc bước là Tạo thư mục mới. Chúng ta xác định rằng bước này gọi kịch bản Tạo thư mục mới mà chúng ta đã tạo trước đây. Sau đó, chúng ta ủy quyền cho dự án Apps Script để chạy. Chúng ta chọn hàm createNewFolder mà mong đợi một tham số được truyền vào. Chúng ta sử dụng Trợ lý Biểu thức để chọn cột Tên từ bảng Dự án để làm tham số dự án cho hàm. Cuối cùng, chúng ta xác định rằng chức năng Apps Script sẽ trả về một giá trị có kiểu string. Chúng ta muốn AppSheet chuyển đổi chuỗi này sang kiểu URL của AppSheet. Chúng ta thêm bước cuối cùng và gọi nó là Thêm thư mục vào ứng dụng. Bước này sẽ thêm URL thư mục được trả về bởi hàm Apps Script vào cột Thư mục. Chúng ta sử dụng Trợ lý Biểu thức để viết giá trị mới: .. Như chúng ta có thể thấy, kiểm tra của biểu thức này đã thành công. Đó là tất cả những bước cần thiết để kết nối ứng dụng AppSheet của chúng ta với dự án Apps Script của chúng ta. Bây giờ là lúc thử nghiệm ứng dụng của chúng ta! Lưu ý rằng bất kỳ người dùng Google Workspace nào cũng có thể thực hiện bài kiểm tra này. Tuy nhiên, nếu bạn muốn triển khai ứng dụng này cho nhóm của mình, bạn sẽ cần một giấy phép AppSheet. Hãy thêm một dự án mới vào ứng dụng của chúng ta. Nhưng đợi đã, có một vấn đề. Bạn có thể nhận ra nó không? URL thư mục là một thành phần bắt buộc. Rõ ràng đó không phải là điều chúng ta muốn vì cột Thư mục sẽ nhận giá trị từ bot chúng ta vừa tạo. Để sửa lỗi đó, chúng ta bỏ dấu chọn Require? cho cột Thư mục trên bảng Dự án. OK, bây giờ chúng ta đã sẵn sàng cho vòng thử nghiệm tiếp theo. Chúng ta thêm dữ liệu của chúng ta vào ứng dụng và đồng bộ hóa nó. Hãy xem dự án mới của chúng ta. Chúng ta thấy rằng Cột thư mục chứa một URL. Bằng việc nhấp vào nó, chúng ta xác minh rằng chức năng Apps Script của chúng ta đã thành công tạo ra một thư mục mới cho dự án của chúng ta. Nếu bạn muốn truy cập mã nguồn cho dự án Apps Script, hãy truy cập vào liên kết trong phần mô tả bên dưới. Nhấn nút thích nếu bạn đã học được điều gì đó mới trong video này. Và đăng ký kênh YouTube này và nhấn chuông thông báo để không bỏ lỡ bất kỳ video mới nào liên quan đến phát triển Google Workspace và AppSheet của chúng tôi.