소개
시도하고자 했던 것Google Apps Script로 만들어진 웹앱에서, 구글 설문지보다는 누구나 쉽게 웹앱의 신청 폼 제출 후 "신청 완료!" 메시지와 함께 ChatGPT 링크와 Google Drive PDF 파일 링크를 모두 표시하고자 했습니다.(유튜브나sns를 통해서 링크를 넣어서 할 수 있다고 생각했습니다)
사용자가 신청 폼을 통해 개인 정보를 입력하고, 제출 버튼을 누르면 스프레드시트에 데이터가 저장되고, 신청 완료 메시지와 함께 두 가지 링크를 제공하는 기능을 구현하고자 했습니다.
진행 방법
Google Apps Script 코드 (Code.gs) 구축:
Google Sheets 스프레드시트 ID, 시트 이름, ChatGPT 링크, PDF 파일 링크를 변수로 정의했습니다.
saveFormData 함수를 수정하여 폼 데이터를 스프레드시트에 저장하고, ChatGPT 링크와 PDF 파일 링크를 함께 반환하도록 했습니다.
PDF_LINK 변수에 실제 Google Drive PDF 파일 공유 링크를 할당했습니다.
HTML 코드 (index.html) 수정:
index.html 파일에서 "신청 완료!" 메시지와 함께 ChatGPT 링크와 PDF 링크를 표시할 HTML 코드를 추가했습니다.
JavaScript 코드를 수정하여 saveFormData 함수 호출 후 반환된 ChatGPT 링크와 PDF 링크를 화면에 표시하도록 했습니다.
Google Drive 파일 공유 설정 확인:
Google Drive에서 PDF 파일의 공유 설정을 "링크가 있는 모든 사용자에게 공개"로 변경했습니다.
반드시 링크를 공유할 수 있는 링크가 있는 모든 사용자/ 편집자로 설정합니다.
웹앱 배포:
Google Apps Script 에디터에서 웹앱을 다시 배포했습니다.
배포 설정을 확인하고, 웹앱 URL을 복사하여 웹앱에 접근했습니다.
테스트:
웹앱에 접속하여 신청 폼을 작성하고 제출 버튼을 눌러 기능을 테스트했습니다.
"신청 완료!" 메시지와 함께 ChatGPT 링크와 PDF 링크가 모두 정상적으로 표시되는 것을 확인했습니다.
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
과정 중에 어떤 시행착오를 겪었나요?
설문지등 자료를 먼저 설정하고 진행해서 웹 앱을 통해 진행하는 것보다는 웹앱을 통해 데이터를 모으는 과정에 있어서 클로드, 챗gpt 03mini, 구글 ai studio 모두 여러가지 방법을 제시해서 시간과 과정에 어려움이 있었으나. 결국은 구글 ai studio 를 통해 구글앱스스크립트로 할 수있는 것을 제시받고 시행해 봤습니다.
도움이 필요한 부분이 있나요? 문제점을 발견했습니다. 이렇게 앱스스크립트를 이용할 때 나의 자료를 연동하는 것에 권한 문제가 있는것을 알게 되었습니다.
문제점
조금 생각한 것과 다른것은 웹앱배포후 다른 사용자들이 이미지와 같은 불편함을 호소합니다.
구글 앱스 스크립트로 자동화 되기까지는 문제점이 있는 것 같아요.
"웹앱 배포 후 다른 사용자들이 이미지와 같은 "Google에서 확인하지 않은 앱" 경고 메시지를 보게 되는 불편함이 발생하는 이유"는 다음과 같습니다.
핵심: Google은 사용자 데이터 보호를 매우 중요하게 생각하며, 확인되지 않은 앱이 사용자 Google 계정에 접근하는 것을 기본적으로 막습니다.
해결 방법
해결 방법:
고급 (안전하지 않음)으로 이동: 사용자들에게 "고급" 옵션을 클릭하여 웹앱에 접근하도록 안내할 수 있습니다. 하지만 이 방법은 사용자들에게 불안감을 줄 수 있습니다.
웹앱 인증: Google에 웹앱의 안전성을 인증받는 절차를 진행해야 합니다. 이 과정은 복잡하고 시간이 오래 걸릴 수 있지만, 웹앱의 신뢰도를 높일 수 있습니다.
사용자 계정으로 앱 실행: 배포 설정에서 "사용자 엑세스 권한"으 로 설정하여 배포하면, 웹앱이 사용자의 계정으로 실행되므로 인증 절차를 거치지 않아도 됩니다. 하지만 이 방법은 사용자가 직접 웹앱을 사용해야 하므로, 여러 사용자가 동시에 웹앱을 사용하기에는 적합하지 않습니다.
앞으로의 계획이 있다면 들려주세요.
api연결과 트리거 연결에 대한 실행을 해봐야 겠습니다.