소개
시도하고자 했던 것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연결과 트리거 연결에 대한 실행을 해봐야 겠습니다.