앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기(앱개발)

2018년 9월 21일

시작하기 전에 : 앱개발의 대안, 프로그레시브 웹 앱 (PWA, Progressive Web Apps )

물론 상당한 시간을 들여 이 게시글을 작성하였지만, “앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기(앱개발)”라는 제목을 가지고 이 게시글을 작성하면서 앱개발의 대안을 먼저 말씀드리는 것은 앞으로 프로그레시브 웹 앱 (PWA, Progressive Web Apps )이 app를 대신할 것이고 구축 및 운영비용도 아래에서 소개하는 앱개발 및 운용비용( 앱 변환플러그인 199달러, 구글안드로이드나 아이폰iOS에 app 등록비 추가, 운영비용 별도(월 50달러 정도) 등)보다 PWA의 구축 및 운영비용이 월등히 저렴(보안인증서를 설치하는 비용, 유표테마 구입 및 기타 유료버전을 구입하여도 10만원대 초반에 구축가능함. 홈페이지용과 쇼핑몰용 모두를 구축하는 경우, 10만원대 후반)하기 때문에 시행착오를 줄이시라는 의미입니다.

저 자신도 아래의 앱개발보다 PWA 구축을 먼저 시도하였고 만족할만한 결과를 얻었습니다. 처음 워드프레스 앱개발을 고려하고 계시다면, 아직은 생소한 개념일 수 있지만 PWA를 권하고 싶습니다. 다만, PWA 구축 플러그인의 경우, 메뉴 생성 및 조정이 약간 부족한 면이 있습니다. 아래의 앱개발 도구들을 2018-11-08 현재, 실제로 사용해보지 않았으므로 강점 및 약점등의 특징들을 상세히 알지 못합니다. PWA에 비해 다른 강점이 있다면 알려주시면 감사하겠습니다.

‘프로그레시브 웹 앱스(Progressive Web Apps. PWA)’는 구글 크롬 엔지니어 알렉스 러셀이 2015년에 고안한 개념으로 Google I/O 2016에서 소개된 미래의 웹기술이며, PWA라고 줄여서 부르기도 합니다.

PWA는 모바일 앱과 웹 기술의 장점을 모두 가지고 있으며 워드프레스로 구축한 사이트를 PWA로 구축하시면 따로 app을 만들 필요가 없습니다.

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) 에 관해서는 아래의 게시글을 참조하세요.

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) : 정의, 특징, 사업성, 워드프레스 플러그인 등

그리고 가장 대표적인 워드프레스 프로그레시브 웹 앱 플러그인인 Progressive Web App plugin : WordPress Mobile Pack plugin는 아래의 게시글로 따로 정리하였습니다.

WordPress Mobile Pack plugin : 워드프레스 프로그레시브 웹 앱 플러그인 Progressive Web App plugin

모바일 앱의 필요성

( 출처 : 사이트를 모바일 애플리케이션으로 바꾸는 4 WordPress 플러그인 )

일부 기업의 경우 반응형 웹사이트를 운영하고 있으나 고객에게 충분하지 않습니다. 다음은 Google 및 Ipsos 조사에서 소비자가 모바일 앱을 사용하는 이유들중 확인된 몇 가지는 아래와 같습니다.

로열티 프로그램 관리
다음 판매 알림 수신
온라인 다른 곳에서 찾을 수없는 디지털 쿠폰 수신
쇼핑중에 교환할 수있는 특별 행사
자세한 내용은 제품 분석
제품을 디지털화하여 온라인 위시리스트 또는 장바구니에 항목을 저장하여 나중에 구매할 수 있습니다.

앱개발 견적가격

앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기 에 의사선생님, 닥터케이 가 알아본 바로는 앱개발견적가격이 250~900만원 정도라고 하며 관리 및 업데이트 비용은 별도라고 합니다. 또한 이 가격은 안드로이드만의 가격이고 아이폰까지 하면 비용이 두배이상으로 늘어난다고 합니다. 물론 국내 대부분(추측으로는 95%이상)이 안드로이드폰이므로 비용을 고려한단면 안드로이드용만 개발하는 것도 좋을 것입니다.

제작의뢰하는 방법

Fiverr에게 앱 제작의뢰하기

Fiverr( www.fiverr.com ) 은 Online outsourcing 사이트로, 100,000 명 이상의 Sellers(프리랜서)가 있다고 합니다.

단돈 5불 (5천원)에도 앱을 의뢰해서 제작하실 수 있습니다. Basic(5불)은 안드로이드만 지원합니다.(아이폰은 지원이 안됩니다.)

fiverr

즉시 주문하지 마십시오. 주문하기 전에 Sellers(프리랜서)에게 연락하고 URL을 보내주십시오. 그렇지 않으면 주문이 거부됩니다.

앱은 브랜드 이름, 아이콘, 시작 화면, 설명 등으로 개발자 계정에 무료로 게시됩니다. APK 및 IPA 파일이 제공됩니다. Wordpress, Shopify, Wix 등 모든 종류의 웹 사이트에서 수행 할 수 있습니다
앱은 웹 사이트처럼 보이며 모든 최신 콘텐츠 또는 변경 사항을 자동으로 업데이트합니다. 모든 웹 사이트 기능은 앱에서도 작동합니다.

제작의뢰하기 URL 은 https://www.fiverr.com/upgradeyourself/convert-your-website-into-a-cool-android-app-and-publish-it-on-google-play-more?context=adv.cat_10.subcat_141&context_type=rating&pos=2&funnel=25a030ba-b2c2-4d32-b8da-f28fcaaa3cbe 입니다.

국내에서 앱 엔지니어를 찾아 제작의뢰하기

앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기 에 따르면, 아래의 3가지 방법이 있는 것 같습니다.

”

안드로이드 펍 ( http://www.androidpub.com ) 구인/구직
– 전문 업체 구하는 것 가능해 보이는데, 배우면서 할 친구들은 없어 보임.
알바몬 ( http://www.albamon.com ) 단기 프로그래밍
– 알바는 많이 있어 보이는데, 어떻게 프로그래머를 구할지 난감함.
프로렌서 전문 사이트 ( http://www.elancer.co.kr )
– 2 job 개념의 사람들로 보임.

3번이 적당할것 같은데, 역시 적당한 사람 구하는 일이 제일 어렵네요.

”

앱개발 도구(플러그인)나 사이트 이용하기

앱프레서

https://www.apppresser.com

apppresser plugin

AppPresser는 WordPress와 통합되는 모바일 응용 프로그램 빌더로 “Reactor”로 인식 할 수 있습니다. 사이트에서 모바일 응용 프로그램을 만드는 간단한 방법이라고 설명하고 있지만 처음부터 응용 프로그램을 빌드하려면 광범위한 사용자 지정이 필요하기 때문에 비 개발자를 위한 이상적인 도구는 아닙니다. (응용 프로그램으로 작동하게 하십시오.).

무료 WordPress 플러그인을 찾고 있으시다면, 이 플러그인은 귀사/귀하에게는 맞지 않을 것입니다. 앱 변환플러그인 199달러, 공유기능 99달러 등으로 기능을 추가할 때마다 비용이 들어가지만 전문 개발자에게 의뢰하는 비용에 비하면 싼 편이고 직접 관리 및 업데이트가 가능합니다.

앱프레서의 가지는 app(모바일 애플리케이션) 기능은 아래와 같습니다.

메뉴 또는 추출 가능한 탭을 가지고 매뉴 디자인 가능.
WordPress 플러그인 및 호환성있는 확장 기능 : Facebook 연결, 카메라 연결, Google지도 과 SNS 공유 를 만들어 낼 수 있음
사이트의 모든 콘텐츠로부터 사용자 정의 페이지 만들기 가능
푸시 알림 기능

모빌라우드

http://www.mobiloud.com

이것으로 만든 앱은 훨씬더 빠르고 안정적이고 가격이 무지 비쌉니다. 최고 한달 199달러… 평생이용은 300만원 조금 안되는 가격입니다. 하지만 이 플러그인도 아이폰/안드로이드 모두 가능하니 개발자의뢰 보다는 훨씬 더 싼 가격이죠. 단점은 앱프레서는 자바스크립트와 같이 모든 워드프레스의 기능을 사용할 수 있지만 모빌라우드는 사용할 수 있는 기능이 제한된다는 것이 단점입니다.

게시글 위주의 앱은 모빌라우드로 제작하는 것이 더 나을 수 있어 보입니다.

Androapp

( 이미지 출처 : 사이트를 모바일 애플리케이션으로 바꾸는 4 WordPress 플러그인 )

https://wordpress.org/plugins/androapp/

블로그 및 신문과 같은 컨텐츠 기반 웹 사이트의 경우 이 플러그인이 흥미로울 수 있습니다. 기본적으로 뉴스 피드를 가져와 사용자 친화적인 모바일 레이아웃으로 바꿉니다. 사이트의 모바일 버전처럼 보일지라도 다음을 포함하여 app 에 더 적합한 추가 기능이 있습니다.

푸시 알림
온라인 광고
오프라인 콘텐츠 저장
확장 링크 지원 (응용 프로그램의 다른 페이지가 표시되도록하려면 필수적입니다.)
이미지 확대 / 축소
사이트와 일치하도록 맞춤 설정된 테마 및 색상

이 플러그인은 현재 2018-11-08 안드로이드용 app개발에는 문제가 없으나 iOS용 app을 만들수 있도록 몇가지 참조를 주고 있지만, iOS에 관해서는 아직 베타버전이라는 것입니다.

Blappsta

다운로드 https://wordpress.org/plugins/yournewsapp/

Version:0.8.8.8
Last updated:4 months ago
Active installations:800+

다음은 WordPress 플러그인의 또 다른 예입니다. 워드 프레스 블로그 모바일 애플리케이션에서 iOS 및 Android 기기뿐만 아니라 Windows 스마트 폰과도 호환됩니다.

다음은 모바일 애플리케이션의 몇 가지 기능입니다.

새 게시물이 게시되면 탭 알림
Google의 딥 링크 색인 생성(Deep link indexing for Google)
전자 메일 공유 버튼 및 소셜 네트워크 (Facebook, Twitter 및 Google+)
가장 인기있는 기사 및 하단에 관련 기사에 대한 앱 콘텐츠 구성 방법에 대한 유연성
탐색 사용자 정의(Customize navigation)
홈페이지 디자인 사용자 정의(Customize the design of the home page)

이것은 여전히 상대적으로 새로운 플러그인입니다. 그러나 미리보기 도구를 무료로 사용할 수 있으므로 모바일 응용 프로그램 양식을 만들기 전에 사이트가 어떻게 보이는지 확인할 수 있습니다. 앱 미리보기를 보는 것은 무료이지만 실제 운영하는데는 $34.99/month 의 비용이 발생합니다.

좋아하는 색상과 자신의 로고를 사용하여 개별 Android 및 Apple 앱을 만들 수 있습니다. 우선 무료 Blappsta WordPress 앱 플러그인을 설치하십시오. 그러면 네이티브 앱을 원하는대로 바꿀 수 있습니다. Apple App Store 또는 Google Play ™ Store 에서 iOS 및 Android 용 Blappsta 미리보기 앱을 사용하여 즉시 테스트 해보십시오 . 원하는만큼 테스트 할 수 있습니다. 마음에 드시면 http://www.blappsta.com으로 이동 하면 Apple 및 Google Play 스토어에 자체 앱을 게시 할것입니다. 독자는 거기에서 앱을 다운로드하고 iPhone, iPad 또는 Android 스마트 폰에서 기사를 읽을 수 있습니다.

Worona

워드프레스 블로그로 모바일 앱을 무료로 만드는 방법 에 상세히 나옵니다. 꼭 참고하세요.

Worona라는 플러그인을 사용하여 무료로 iOS/안드로이드용 앱을 만들 수 있는 뛰어난 플러그인인데 18.9.21 현재 더 이상 다운로드할 수 없습니다. (This plugin has been closed and is no longer available for download.)

worona

Worona가 Frontity로 브랜드를 바꾸어 사업을 하고 있는데, Frontity ( https://frontity.com/ )는 app대신 Google AMP를 지원 하는 WordPress에 프로그레시브 웹 앱 (PWA, Progressive Web Apps )을 구축하고 있습니다.