Cordova iOS BackupWebStorage

When i publish to apple,

I was rejected by this reason

Apple의 메시지

• 2.23 - Apps must follow the iOS Data Storage Guidelines or they will be rejected

2.23 Details

On launch and content download, your app stores 11.39MB on the user's iCloud, which does not comply with the iOS Data Storage Guidelines.

Next Steps

Please verify that only the content that the user creates using your app, e.g., documents, new files, edits, etc. is backed up by iCloud as required by the iOS Data Storage Guidelines. Also, check that any temporary files used by your app are only stored in the /tmp directory; please remember to remove or delete the files stored in this location when it is determined they are no longer needed.

Data that can be recreated but must persist for proper functioning of your app - or because users expect it to be available for offline use - should be marked with the "do not back up" attribute. For NSURL objects, add the NSURLIsExcludedFromBackupKey attribute to prevent the corresponding file from being backed up. For CFURLRef objects, use the corresponding kCRUFLIsExcludedFromBackupKey attribute.

Resources

To check how much data your app is storing:

    - Install and launch your app
    - Go to Settings > iCloud > Storage > Manage Storage
    - Select your device
    - If necessary, tap "Show all apps"
    - Check your app's storage

For additional information on preventing files from being backed up to iCloud and iTunes, see Technical Q&A 1719: How do I prevent files from being backed up to iCloud and iTunes.

If you have difficulty reproducing a reported issue, please try testing the workflow described in Technical Q&A QA1764: How to reproduce bugs reported against App Store submissions.

If you have code-level questions after utilizing the above resources, you may wish to consult with Apple Developer Technical Support. When the DTS engineer follows up with you, please be ready to provide:
- complete details of your rejection issue(s)
- screenshots
- steps to reproduce the issue(s)
- symbolicated crash logs - if your issue results in a crash log

In this message,

I check the config.xml file on project folder.
<preference name="BackupWebStorage" value="local" />

I guess this config preference option not working iCloud disable.

Change the option to.
<preference name="BackupWebStorage" value="none" />

In this time, waiting for review.
It work OR reject.


=========================================================
In my case,
I use cordova-plugin-file-transfer download path that "cdvfile://localhost/persistent/"
So, i change path to cordova.file.dataDirectory.

And i use imgcache.js lib.
https://github.com/chrisben/imgcache.js

in this lib,
iOS iCloud backup problem can fix
https://github.com/chrisben/imgcache.js/issues/73#issuecomment-54437775

This means that change the ImgCache.options.localCacheFolder
to cordova.file.dataDirectory

But i didn't this solution.
because i use android also.

Please no reject! Apple!

Make HTML ebook application, using Turn.js

Make HTML e-book Application


- Sample Project
GitHub :
1. Using swiper : https://github.com/pineoc/htmlbook-swiper-example
2. Using turnjs : https://github.com/pineoc/htmlbook-turnjs-example

2. Using Turnjs

Turn.js Lib : http://www.turnjs.com/

In this homepage,
can see example code.

<div id="flipbook">
 <div class="hard"> Turn.js </div>
 <div class="hard"></div>
 <div> Page 1 </div>
 <div> Page 2 </div>
 <div> Page 3 </div>
 <div> Page 4 </div>
 <div class="hard"></div>
 <div class="hard"></div>
</div>

<script type="text/javascript">
 $("#flipbook").turn({
  width: 400,
  height: 300,
  autoCenter: true
 });
</script>

This code shows result.





#My example code

- HTML file

https://github.com/pineoc/htmlbook-turnjs-example/blob/master/www/book.html

- Javascript file
https://github.com/pineoc/htmlbook-turnjs-example/blob/master/www/js/turn_init.js

module var has functions
-- resize function
-- init function
-- plugins function

module.init('book');
module.init('book');
this function will make ebook layout.

- CSS file
https://github.com/pineoc/htmlbook-turnjs-example/blob/master/www/css/turn_book_set.css

view size, book overflow control

#screenshot

This app in google play
https://play.google.com/store/apps/details?id=net.moon1000.kingkongM8

this app code use cordova project

thanks.

Cordova(코르도바) 프로젝트란

Cordova(코르도바) 란?

Cordova(코르도바)는 Apache 재단에서 지원중인 하이브리드 앱 제작을 위한 프레임워크다.

현재 지원하고 있는 플랫폼은

- Android
- iOS
- Window Phone
등 8개의 플랫폼을 지원한다.

그리고 이 Cordova 프로젝트를 기반으로 하여 진행되고 있는 프로젝트들이 있는데
대표적으로는
- PhoneGap(폰갭) : http://phonegap.com/
- Ionic(아이오닉) : http://ionicframework.com/
- Monaca(모나카) : https://monaca.io/

이렇게 여러개의 프로젝트가 있지만
대부분의 사람들이 알고있고 사용해오고 있는 PhoneGap(폰갭)이 있다.
폰갭은 코르도바를 폰갭 컨트롤러로 패키징했는데,
기본 코드도바 플러그인들과 추가적인 폰갭 플러그인들을 이용해서
모바일 디바이스용 웹페이지를 만들어 하이브리드 앱을 개발할 수 있는 프레임워크이다.

Ionic(아이오닉)은 최근에 많이 사용되고 있는데
Angular.js를 이용했다는 점이 폰갭과는 다른점이다.
폰갭과 아이오닉은 view부분은 처리하는 것이 다르지만
기본적으로 Cordova를 기반으로 하고 있기때문에
코르도바 디바이스 플러그인을 사용할 수 있는 점과 디바이스의 이슈는
많은 부분이 겹치는 점이 있다.

Angular.js를 사용했던 개발자라면 Ionic이 사용하기 좋고 파일구조나 데이터구조를
명확하게 표현하고 개발하는데에 좋을 것이라 생각된다.
굳이 Angular.js를 사용하지 않았더라도 이러한 면에서는 좋게 생각하지만
간단한 하이브리드 앱을 개발한다면
폰갭이나 아이오닉을 사용하는것도 좋지만
코르도바만 사용하는것도 나쁘지 않다고 생각한다.

하이브리드 앱이라 많은 제한점이 있지만
플러그인을 자신의 개발 사항에 맞게 수정할 수도 있고
필요하면 다른 플러그인을 받아서 쓸 수 있는 부분에 있어서
제한점을 어느정도 극복할 수 있는 것 같다.

현재 프로젝트에서 안드로이드와 iOS를 동시에 대응하기 위해
코르도바를 이용해 개발중에 있다.
웹을 개발하는 기분이지만 앱을 개발할 수 있다는 점에서 큰 매력이 있는 것 같다.

현재 하고 있는 프로젝트를 통해서 얻어간 것을 공유해 볼 생각이다.