Dynamically version cache of files on browser side









up vote
0
down vote

favorite












I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



Thanks






nginx caching browser-cache static-files







share|improve this question



























    up vote
    0
    down vote

    favorite












    I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



    I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



    If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



    Thanks






    nginx caching browser-cache static-files







    share|improve this question

























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



      I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



      If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



      Thanks






      nginx caching browser-cache static-files







      share|improve this question















      I'm working on a web project where we use Nginx to serve static files. I'd like to add the version on static files so that we could force the client to update static files that have been edited. Right now we handle that issue manually on each file by adding the version of the file (... scr="file.js?v=1234" ... ) but they are more and more files on the project.



      I need help, an advice to dynamically handle files versions on server with Nginx so that when we edit the file the version change dynamically and the client can automatically update to a newer version.



      If it's seems to be impossible to handle with Nginx, I'm also open for all others solutions or advices.



      Thanks






      nginx caching browser-cache static-files




      nginx caching browser-cache static-files






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited 23 hours ago

























      asked Nov 10 at 22:35









      Moussa

      788




      788






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote



          accepted










          after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






          share|improve this answer






















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













             

            draft saved


            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244105%2fdynamically-version-cache-of-files-on-browser-side%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote



            accepted










            after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






            share|improve this answer


























              up vote
              0
              down vote



              accepted










              after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






              share|improve this answer
























                up vote
                0
                down vote



                accepted







                up vote
                0
                down vote



                accepted






                after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.






                share|improve this answer














                after some research, I found a way to dynamically version cache of files using webpack. It does exactly what I was searching for. The article is quit well explained here. It uses a hash function to identify changes on a file and add the hash in his name.







                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited 23 hours ago

























                answered 23 hours ago









                Moussa

                788




                788



























                     

                    draft saved


                    draft discarded















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244105%2fdynamically-version-cache-of-files-on-browser-side%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    -

                    這個網誌中的熱門文章

                    How to read a connectionString WITH PROVIDER in .NET Core?

                    圖片
                    6 I added .AddJsonFile("Connections.json", optional: true, reloadOnChange: true) in public Startup(IHostingEnvironment env) Connections.json contains: "ConnectionStrings": "DefaultConnection": "Server=(localdb)\mssqllocaldb;Database=DATABASE;Trusted_Connection=True;MultipleActiveResultSets=true", "COR-W81-101": "Data Source=DATASOURCE;Initial Catalog=P61_CAFM_Basic;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "COR-W81-100": "Data Source=DATASOURCE;Initial Catalog=Post_PS;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "MSEDGEWIN10": "Data Source=DATASOURCE; Initial Catalog=COR_Basic; Persist Security Info=False;Integrated Security=true;MultipleActiveResultSets=False;Packet Size=4096;Application Name="COR_Basic"", "server...
                    閱讀完整內容

                    Node.js Script on GitHub Pages or Amazon S3

                    圖片
                    0 I'm wondering if I can run a Node.js script in my Jekyll page from GitHub Pages or Amazon S3? I think it can't run on GitHub Pages since it doesn't support server side code. Not too sure. The code is below: var Airtable = require('airtable'); var base = new Airtable(apiKey: 'YOUR_API_KEY').base('appAnZVyYqusNPV5Q'); base('Invitee list').select( // Selecting the first 3 records in Complete list: maxRecords: 3, view: "Complete list" ).eachPage(function page(records, fetchNextPage) // This function (`page`) will get called for each page of records. records.forEach(function(record) console.log('Retrieved', record.get('Email')); ); // To fetch the next page of records, call `fetchNextPage`. // If there are more records, `page` will get called again. // If there are no more records, `done` will get called. fetchNextPage(); , function done(err) if (err) console.error(err); return; ); node.js ...
                    閱讀完整內容

                    Museum of Modern and Contemporary Art of Trento and Rovereto

                    圖片
                    Art museum in Rovereto TN, Italy Museum of Modern and Contemporary Art of Trento and Rovereto Museo d'arte moderna e contemporanea di Trento e Rovereto MART, Entrance Location Corso Angelo Bettini, 43, 38068 Rovereto TN, Italy Coordinates 45°53′38″N 11°02′42″E  /  45.8940°N 11.0450°E  / 45.8940; 11.0450 Coordinates: 45°53′38″N 11°02′42″E  /  45.8940°N 11.0450°E  / 45.8940; 11.0450 Type Art museum Director Gianfranco Maraniello Public transit access Trento train station. Taxis outside station. Website mart.trento.it The Museum of Modern and Contemporary Art of Trento and Rovereto (MART) ( Museo d'Arte Moderna e Contemporanea di Trento e Rovereto , in Italian) is a museum centre in the Italian province of Trento. The main site is in Rovereto, and contains mostly modern and contemporary artworks, including works from renowned Giorgio Morandi, Giorgio de...
                    閱讀完整內容