포건시페이지에서 SMS 전송하기

추천0

페이지 정보

작성자 MESCIUS낸시

작성일 2024-01-19 16:13 조회 68회 댓글 0건

본문

관련링크

많은 기업에서 기업용 솔루션을 개발할 때, 문자(SMS) 공유 기능을 통해 직원 또는 고객분에게 원활한 업무를 위한 각종 자료 및 입력 양식 등을 빠르게 공유할 수 있는 기능을 요구하고 있습니다.

포건시에서는 확장 기능을 이용하여, 포건시에서 문자(SMS) 공유 기능을 쉽게 구현할 수 있습니다.

이를 통해서, 포건시(Forguncy)에서 제작한 정보 및 데이터 공유를 위한 다양한 게시판, 업무 보고서 페이지, 견적서 페이지 등, 뿐만 아니라 사용자에게 직접 데이터 입력을 요청하는 신청서 양식, 설문 양식 등의 입력 페이지 링크들을 문자 메시지를 통해서 공유할 수 있습니다.

※ 해당 SMS 보내기 기능은 핸드폰의 문자 기능을 활용합니다.
그렇기 때문에 반드시 핸드폰(모바일) 브라우저에서 포건시로 만든 웹 시스템에 접속했을 때만 사용할 수 있습니다.
※ 문자 보내기 기능이 없는 PC(데스트톱)이나 테블릿에서는 동작하지 않습니다.

이번 포스팅에서는 "포건시의 개발 확장기능"을 통해서, 포건시로 페이지에서 문자(SMS) 공유 기능을 구현하는 방법을 설명합니다.

※ 다소간의 JavaScript 코딩/프로그래밍이 들어가지만, 필요하신 경우, 프로젝트 파일이나 아래의 설명의 코드를 그대로 "복사/붙여넣기"하시면 동일한 기능을 구현할 수 있습니다.

결과 화면

아래는 포건시로 만든 웹 페이지를 문자(SMS)를 전송하는 실제 화면입니다.

SMS 전송 데모 실행하기
포건시 샘플 프로젝트 다운로드하기

※ 해당 SMS 보내기 기능은 핸드폰의 문자 기능을 활용합니다.
그렇기 때문에 반드시 핸드폰(모바일) 브라우저에서 포건시로 만든 웹 시스템에 접속했을 때만 사용할 수 있습니다.
※ 문자 보내기 기능이 없는 PC(데스트톱)이나 테블릿에서는 동작하지 않습니다.

문자(SMS) 보내기 모바일 페이지 만들기

SMS 전송을 할 수 있는 "모바일 페이지"를 만들어 보겠습니다.

1. [새 모바일 페이지 만들기]를 클릭합니다. 페이지 이름은 "SMS보내기"로 하겠습니다.

2. 아래와 같이 페이지를 디자인합니다.

셀 위치: B9 | 셀 내용: SMS 보낼 번호 | 셀 유형: 텍스트박스
셀 위치: B13 | 셀 내용: 메시지  | 셀 유형: 여러 줄 텍스트
셀 위치: B21  | 셀 내용: URL    |  셀 유형: 텍스트 박스
셀 위치: F24  | 셀 내용: SMS보내기 | 셀 유형: 버튼

3. SMS를 보낼 때 필요한 항목들을 설정합니다.

아래와 같이 셀 이름을 설정합니다.

셀 위치: B9 | 셀이름: Phonenumber
셀 위치: B13 | 셀이름: content
셀 위치: B21 | 셀이름: URL

4. SMS보내기 버튼의 명령 편집을 아래와 같이 설정합니다.

명령 선택: 자바스크립트로 직접 프로그래밍하기

아래의 JavaScript 코드를 복사하여 붙여 넣습니다.

var page = Forguncy.Page;

//URL 셀 값 가져오기
var URLcell = page.getCell("URL");
var URLcellvalue = URLcell.getValue();

//content 셀 값 가져오기
var Content = page.getCell("content");
var Contentcellvalue = Content.getValue()

//phonenumber 셀 값 가져오기
var phoneNo= Forguncy.Page.getCell("phonenumber").getValue();  

//문자보내기 (URL, content, Phonenumber 셀을 이용하여 문자 전송)
window.location.href = "sms:"+phoneNo+"?body="+Contentcellvalue+"  "+URLcellvalue;

모든 설정이 끝났습니다!

실행 화면

설정이 완료된 페이지를 실행하겠습니다.

SMS보내기 페이지에서 SMS보낼 번호, 메시지, URL을 입력 한 후, [SMS 보내기]버튼을 클릭하면 메시지가 보내지는 것을 확인하실 수 있습니다.