Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    690
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Question [SOLVED] How make a sencha touch app offline usable with html5 cache manifest?

    [SOLVED] How make a sencha touch app offline usable with html5 cache manifest?


    How make a sencha touch app offline usable with html5 cache manifest?

    This questions is SOLVED! See following How To for a complete answer!
    How to make a sencha touch app offline usable with the html5 cache manifest!

    i looked at the solitaire example and extended my "remember the card" (http://nils-dehl.de/m) app to use a cache manifest.

    i added a manifest, but if i save a shortcut to my iPad homescreen and switch the iPad to fly mode and open my app, it still tryes to access the server.

    Thats my index.html

    HTML Code:
    <!doctype html>
    <html manifest="rememberthecard.manifest">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>Remember the card</title>
            <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
            <meta name="apple-mobile-web-app-capable" content="yes" />
    
            <link rel="stylesheet" href="sencha-touch-beta-0.90/resources/css/ext-touch.css" type="text/css">
            <link rel="stylesheet" href="css/memory.css" type="text/css">
            <script type="text/javascript" src="sencha-touch-beta-0.90/ext-touch-debug.js"></script>
            <script type="text/javascript" src="js/memory.all.js"></script>
        </head>
    <body>
    </body>
    </html>
    and my rememberthecard.manifest file:
    PHP Code:
    CACHE MANIFEST
    #rev5
    index.html
    sencha
    -touch-beta-0.90/resources/css/ext-touch.css
    css
    /memory.css
    sencha
    -touch-beta-0.90/ext-touch-debug.js
    js
    /memory.all.js
    images
    /card-01.jpg
    images
    /card-02.jpg
    images
    /card-03.jpg
    images
    /card-04.jpg
    images
    /card-05.jpg
    images
    /card-06.jpg
    images
    /card-07.jpg
    images
    /card-08.jpg
    images
    /cover-leaf.jpg
    tablet_startup
    .png
    phone_startup
    .png 
    I read the: http://www.whatwg.org/specs/web-apps...e/offline.html
    But i did not get it work.

    Did i miss something? Every hint is welcome.

    Nils
    Last edited by mrsunshine; 20 Jun 2010 at 4:32 AM. Reason: solved

  2. #2
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    21
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    You also need to make sure your webserver is passing the proper mime information and never expired the cache manifest.

    In apache.config: AddType text/cache-manifest .manifest

    In our site for solitaire we put solitaire in the /app directory so in the root we have a .htaccess file:

    Code:
    <Files app/solitaire.manifest>
    	ExpiresActive On
    	ExpiresDefault "access"
    </Files>

  3. #3
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    690
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Default


    Thxs, i think that ll fix my issue, I'll try it later

  4. #4
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    690
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Default


    How to make a sencha touch app offline usable with the html5 cache manifest!

    i made my test sencha touch app "remember the card" a memory like browser game offline usable and want to share the steps how to do this in this little "How to".

    If you need general information about the cache manifest take a look on the html5 working draft.

    Do the following steps to make your app offline working.

    1. create your cache manifest file
    create a file yourappname.manifest in your application root. In the file enter all files you have to cache to make your app working offline.

    in my case my rememberthecard.manifest file looks like this:
    PHP Code:
    CACHE MANIFEST
    #rev5
    index.html
    sencha
    -touch-beta-0.90/resources/css/ext-touch.css
    css
    /memory.css
    sencha
    -touch-beta-0.90/ext-touch-debug.js
    js
    /memory.all.js
    images
    /card-01.jpg
    images
    /card-02.jpg
    images
    /card-03.jpg
    images
    /card-04.jpg
    images
    /card-05.jpg
    images
    /card-06.jpg
    images
    /card-07.jpg
    images
    /card-08.jpg
    images
    /cover-leaf.jpg
    tablet_startup
    .png
    phone_startup
    .png 
    see all options you can use in the .manifest file here.

    2. Add your manifest to your application .html file header
    PHP Code:
    <!doctype html>
    <
    html manifest="yourappname.manifest"
    3. Add type manifest to your apache config
    Add following entry to your apache config (for example apache.conf or vhost.conf )
    PHP Code:
    AddType text/cache-manifest .manifest 
    4. Add .htaccess with expire configuration for your *.manifest file to your app root

    PHP Code:
    <Files yourappname.manifest>
        
    ExpiresActive On
        ExpiresDefault 
    "access"
    </Files
    5. Thats it :-)
    Now try if everything work, open you app on your mobile device.
    Save the link to you homescreen.
    Now turn off all your networkconnections and open your app from your homescreen.

    It should now work offline.

    Hope this helps

  5. #5
    Ext User
    Join Date
    Jan 2009
    Posts
    10
    Vote Rating
    0
    mkroll is on a distinguished road

      0  

    Default


    Hi,
    I tried all the steps and after adding the missing "expires" module to my apache2 configuration I was able to get rid of the App Error 500 caused by yhe .htaccess file.

    Bu the caching does not work.

    I added the manifest attribute to the html tag, added a cache.manifest file, added the type to the apache config and added the .htaccess file to my app dir.

    Any ideas how to debug this issue?

    Regards,
    Michael.

  6. #6
    Ext User
    Join Date
    Jul 2010
    Location
    Calgary, Alberta
    Posts
    186
    Vote Rating
    1
    nosarious is on a distinguished road

      0  

    Default


    After a lot of experimentation I determined that the mime type for manifest wasn't set up on my server. After some more research I found that it's something you can add to the .htaccess file. This is my file now, and it finally works.

    Code:
    AddType text/cache-manifest .manifest  
    
    <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf|html|manifest)$">
    Header set Cache-Control "public"
    Header set Expires "Thu, 15 Apr 2015 20:00:00 GMT"
    </FilesMatch>
    
    <Files sharamag.manifest>
    	ExpiresActive On
    	ExpiresDefault "access"
    </Files>
    this may be what is missing on your server as well.

  7. #7
    Sencha User
    Join Date
    Jan 2011
    Posts
    21
    Vote Rating
    0
    jochem kuun is on a distinguished road

      0  

    Default


    Thanks for this great article!

  8. #8
    Sencha User
    Join Date
    Feb 2012
    Posts
    21
    Vote Rating
    0
    dash74 is on a distinguished road

      0  

    Default


    Hi all,

    and what if the app is standalone and lives into the device?
    I need to cache libraries from Internet...

    David

  9. #9
    Sencha User
    Join Date
    May 2012
    Location
    rome
    Posts
    66
    Vote Rating
    0
    alexdran is on a distinguished road

      0  

    Default


    thank you for the interesting topichowever, how do I cache server images, it is not clear to me how to list and define all the imagesi.e. cache all the images from user pictures coming from my domain http://www.mydomain.com/userpictures...434.jpg....the file could change depending on what the user has uploaded on the serverthank you in advance for any clarification on the issueAlessandro

  10. #10
    Sencha User
    Join Date
    May 2012
    Location
    rome
    Posts
    66
    Vote Rating
    0
    alexdran is on a distinguished road

      0  

    Default cache server images

    cache server images


    thank you for the interesting topic


    however, how do I cache server images, it is not clear to me how to list and define all the images
    i.e. cache all the images from user pictures coming from my domain


    http://www.mydomain.com/userpictures...e_user3434.jpg
    http://www.mydomain.com/userpictures...e_user3634.jpg
    http://www.mydomain.com/userpictures...e_user5434.jpg
    ....


    the file could change depending on what the user has uploaded on the server




    thank you in advance for any clarification on the issue


    Alessandro

Similar Threads

  1. Does Sencha Touch will also be ported to GXT?
    By isolanet in forum Sencha Touch 1.x: Discussion
    Replies: 7
    Last Post: 4 Jun 2012, 11:52 PM
  2. Sencha Touch - DZone Article
    By mystix in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 18 Jun 2010, 2:21 PM
  3. Gears, Direct, easy offline cache
    By wizgrav in forum Ext.Direct
    Replies: 3
    Last Post: 2 Mar 2010, 2:12 AM
  4. Help: make app to expand as needed in BorderLayout
    By bhanugsm123Q in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 27 Apr 2008, 11:31 PM
  5. Is Treeview nearly usable?
    By matte in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 12 Mar 2007, 11:34 PM

Thread Participants: 6