#1 DreamFactory, WordPress 및 Mailgun을 사용하여 모바일 블로깅 앱을 만드는 방법 정보
#1 DreamFactory, WordPress 및 Mailgun을 사용하여 모바일 블로깅 앱을 만드는 방법
본문
2015년 것이라서 화면이 많이 변경되었지만, 참조로.. (3회로 나눠서..)
DreamFactory, WordPress 및 Mailgun을 사용하여 모바일 블로깅 앱을 만드는 방법
Introduction
오늘날 개발자는 대화형이고, 사용자 친화적인 모바일 응용 프로그램을 만드는 도구를 찾는 데 아무런 문제가 없습니다. 하지만, 실제로 그 (것)들이 머리를 찢어지게 만드는 것은 그 응용 프로그램을 데이터에 연결하는 것입니다.. 이는 모바일 애플리케이션에 필요한 데이터가 기존의 엔터프라이즈 관계형 데이터베이스 관리 시스템 (RDBMS), 분산 온라인 데이터 저장소, 하나 이상의 웹 API에 저장 될 수 있기 때문입니다. 종종 데이터는 위의 모든 항목에 위치하게 됩니다.
일반적으로 서로 다른 데이터 소스에는 서로 다른 인증 및 액세스 패턴(웹 API 용 REST, Oracle 용 PL/SQL 등)이 있으므로 개발자는 모바일 응용 프로그램에서 각 데이터 소스에 연결하고 읽고 쓰는 방법을 파악하는 데 많은 시간을 할애해야 합니다. DreamFactory와 같은 백엔드 플랫폼이 도움이 될 수 있습니다.
Getting Started
코드로 들어가기 전에 DreamFactory가 어떻게 작동하는지 조금 알아야합니다.
DreamFactory는 Apache 라이센스하에 사용 가능한 오픈 소스 소프트웨어입니다. Linux 또는 Windows 서버, 클라우드 또는 Mac, Windows 또는 Linux 랩탑에 자유롭게 설치할 수 있습니다. 일단 설치되면 응용 프로그램을 구성하고 각 응용 프로그램에 대해 허용된 사용자 및 데이터 소스를 정의 할 수 있는 백엔드 플랫폼을 제공합니다. HTML5 또는 모바일 응용 프로그램을 빌드 한 후 DreamFactory SDK (JavaScript, iOS, Android, AngularJS, Titanium 및 Windows Phone에서 사용 가능)를 사용하여 정의된 데이터 소스에서 서비스 플랫폼에 연결하고, 인증하고, 데이터를 읽거나 쓸 수 있습니다.
DreamFactory는 다음과 같은 광범위한 데이터 소스를 지원합니다.
- MySQL, DB2, Oracle, SQL Server 및 PostgreSQL을 포함한 인기있는 SQL 데이터베이스
- Amazon DynamoDB, Amazon SimpleDB, Azure 테이블, MongoDB, MongoHQ 및 CouchDB를 포함한 모든 인기 NoSQL 데이터베이스
- Amazon S3, Azure BLOB, Rackspace Cloud Files 및 OpenStack Object Storage를 포함한 주요 BLOB 스토리지 시스템
- Any external Web service
이제 DreamFactory가 어떻게 작동하는지 알았으니,이 튜토리얼에서 어떻게 사용하는지 간단히 살펴 보겠습니다.. 구축 할 응용 프로그램은 HTML5 모바일 블로깅 응용 프로그램입니다. 사용자는 휴대 전화의 웹 브라우저를 사용하여 짧은 블로그 게시물을 신속하게 게시 할 수 있습니다. 게시물은 WordPress 블로그에 게시되며 발행시 사용자의 블로그 구독 목록에 전자 메일 알림이 전송되어 읽도록 요청합니다.
WordPress의 게시와 이메일 알림과 같은 두 가지 주요 프로세스는 WordPress 블로그와 Mailgun의 두 가지 외부 웹 API에 "아웃소싱"되며 DreamFactory는 모든 것을 하나로 묶는 접착제를 제공합니다.
What You Will Need
이 응용 프로그램을 작성하려면 HTML5, CSS 및 JavaScript에 대한 실무 지식과 jQuery로 AJAX 기반 웹 응용 프로그램을 작성하는 데 익숙해야합니다. 또한 다음과 같은 도구가 필요합니다.
- DreamFactory의 작업 설치. 설치 옵션 및 지침은 여기에 있습니다.
이를 달성하는 가장 쉬운 방법은 로컬 컴퓨터의 Bitnami DreamFactory Stack을 사용하는 것입니다. GitHub 저장소를 사용하여 소스에서 설치하거나 DreamFactory에서 호스팅하는 무료 개발자 환경을 사용할 수도 있습니다. 이 튜토리얼에서는 DreamFactory 호스트 이름이 'dreamfactory.localhost'라고 가정합니다.
- 관리자 권한이 있는 작업중인 WordPress에 블로그합니다. Bitnami에서 WordPress를 다운로드하여 설치하거나 해당 웹 사이트에서 WordPress를 다운로드하여 설치할 수 있습니다. 이 튜토리얼에서는 WordPress 블로그가 'wordpress.localhost'에 호스팅되어 있다고 가정합니다.
- Mailgun API 계정. Mailgun 웹 사이트에서 무료로 신청하십시오.
- API 요청 및 응답 디버깅을위한 REST 클라이언트. Chrome 용 Postman 애드온 또는 Mozilla Firefox 용 HTTPRequester 애드온을 권장합니다.
다 잘됬습니까? 이제 시작해 봅시다.
Step 1: Define the DreamFactory Application
첫 번째 단계는 DreamFactory에 응용 프로그램에 대해 알려주는 것입니다. 이렇게하려면 DreamFactory 설치를 시작하고 DreamFactory Service Platform (DSP)에 로그인하십시오.
Bitnami 설치 프로그램을 사용하는 경우 기본 사용자 이름은 '*** 개인정보보호를 위한 이메일주소 노출방지 ***'이고 암호는 'bitnami'입니다.
로그인 한 후 'Quick Start' 메뉴 항목을 사용하여 새 응용 프로그램을 신속하게 구성하십시오. 1 단계에서 응용 프로그램을 식별하기 위한 짧고 고유한 문자열인 응용 프로그램 식별자를 입력합니다. 이 응용 프로그램 식별자는 API 호출에도 사용되므로 문자 A-Z, 숫자 0-9, 밑줄 및 대시만 포함해야 합니다. 이 자습서에서는 응용 프로그램 식별자 'mblog' 를 사용하여 'Web-Based' 응용 프로그램 유형으로 설정합니다.
구성의 2 단계에서 응용 프로그램을 개발할 위치를 묻습니다. 한 가지 옵션은 브라우저에서 직접 DSP로 온라인을 개발하는 것입니다. 그러나 별도의 호스트에 응용 프로그램을 배포하려는 경우 (또는 고유 한 코드 편집기를 사용하려는 경우) '로컬' 옵션을 선택하는 것이 좋습니다.
이제 응용 프로그램이 만들어지고 DreamFactory SDK를 다운로드 할 수있는 성공 화면이 나타납니다. 이것을 잠시 무시하고 (곧 다시 돌아와) 'Roles' 탭으로 주의를 돌리십시오. 이 섹션에서 'Create New' 버튼을 클릭하고 'guest'라는 새 역할을 만듭니다. 역할을 활성화하려면 'Active'선택란을 선택하십시오.
아래로 'Apps'하위 섹션을 선택하고 'guest'역할에 'mblog'애플리케이션에 대한 액세스 권한을 부여하십시오. 이 게스트 액세스는 액세스를 단순화하여 새로운 DreamFactory 응용 프로그램의 초기 개발 속도를 높입니다. 응용 프로그램이 작동하면 게스트 액세스를 비활성화하고 인증 된 사용자에게만 액세스를 허용하는 것이 일반적입니다.
'Service Access' 하위 섹션에서 '+'버튼을 클릭하여 사용 가능한 모든 서비스 (GET, POST, PUT, DELETE, PATCH, MERGE)에 대한 액세스 권한을 부여해야합니다. 완료되면 'Save'을 클릭하여 새 역할을 만들고 활성화하십시오.
참고 : *로 CORS를 여는 것은 개발 목적으로 만 사용됩니다. 프로덕션 응용 프로그램에서는이 작업을 수행하지 마십시오. 프로덕션 환경에서는 CORS 액세스를 위해 특정 도메인을 허용 목록에 추가하는 것이 좋습니다.
거기에 있는 동안 'Guest Users' 하위 섹션을 선택하고 'Allow Guest Users' 확인란을 선택한 다음 'Select Role' 목록에서 이전에 생성 한 'Guest'역할을 선택하십시오.
이 시점에서 기본 응용 프로그램 구성이 완료됩니다. 다음 단계는 일부 서비스를 추가하는 것입니다.
0
댓글 0개