한국어

Coding

온누리070 플레이스토어 다운로드
    acrobits softphone
     온누리 070 카카오 프러스 친구추가온누리 070 카카오 프러스 친구추가친추
     카카오톡 채팅 상담 카카오톡 채팅 상담카톡
    
     라인상담
     라인으로 공유

     페북공유

   ◎위챗 : speedseoul


  
     PAYPAL
     
     PRICE
     

pixel.gif

    before pay call 0088 from app


https://stackoverflow.com/questions/15463199/how-to-set-custom-favicon-in-express



I recently started working in Node.js and in the app.js file there is this line:

app.use(express.favicon());

Now, how do I set up my own custom favicon.ico?

    up vote188down voteaccepted

    In Express 4

    Install the favicon middleware and then do:

    var favicon = require('serve-favicon');
    
    app.use(favicon(__dirname + '/public/images/favicon.ico'));

    Or better, using the path module:

    app.use(favicon(path.join(__dirname,'public','images','favicon.ico')));

    (note that this solution will work in express 3 apps as well)

    In Express 3

    According to the API, .favicon accepts a location parameter:

    app.use(express.favicon("public/images/favicon.ico")); 

    Most of the time, you might want this (as vsync suggested):

    app.use(express.favicon(__dirname + '/public/images/favicon.ico'));

    Or better yet, use the path module (as Druska suggested):

    app.use(express.favicon(path.join(__dirname, 'public','images','favicon.ico'))); 

      No extra middlewares required. Just use:

      app.use('/favicon.ico', express.static('images/favicon.ico'));

      smiley favicon to prevent error:

       //const fs = require('fs'); 
       //const favicon = fs.readFileSync(__dirname+'/public/favicon.ico'); // read file
       const favicon = new Buffer('AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA/4QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEREQAAAAAAEAAAEAAAAAEAAAABAAAAEAAAAAAQAAAQAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD8HwAA++8AAPf3AADv+wAA7/sAAP//AAD//wAA+98AAP//AAD//wAA//8AAP//AAD//wAA', 'base64'); 
       app.get("/favicon.ico", function(req, res) {
        res.statusCode = 200;
        res.setHeader('Content-Length', favicon.length);
        res.setHeader('Content-Type', 'image/x-icon');
        res.setHeader("Cache-Control", "public, max-age=2592000");                // expiers after a month
        res.setHeader("Expires", new Date(Date.now() + 2592000000).toUTCString());
        res.end(favicon);
       });

      to change icon in code above

      make an icon maybe here: http://www.favicon.cc/ or here :http://favicon-generator.org

      convert it to base64 maybe here: http://base64converter.com/

      then replace the icon base 64 value

      general information how to create a personalized fav icon

      icons are made using photoshop or inkscape, maybe inkscape then photoshop for vibrance and color correction (in image->adjustments menu).

      for quick icon goto http://www.clker.com/ and pick some Vector Clip Arts, and download as svg. then bring it to inkscape (https://inkscape.org/) and change colors or delete parts, maybe add something from another vector clipart image, then to export select the parts to export and click file>export, pick size like 16x16 for favicon or 32x32. for further edit 128x128 or 256x256. ico package can have several icon sizes inside. it can have along with 16x16 pixel favicon a high quality icons for link for the website.

      then maybe enhance the image in photoshop. like vibrance, bevel effect, round mask, anything.

      then upload this image to one of the websites that generate favicons. there are also programs for windows for editing icons like https://sourceforge.net/projects/variicons/ .

      to add the favicon to website. just put the favicon.ico as a file in the root folder of the domain. for example in node.js in public folder that contains the static files. it doesn't have to be anything special like code above just a simple file.

        app.use(express.favicon(__dirname + '/public/images/favicon.ico')); 

        I had it working locally without the __dirname + but couldn't get it working on my deployed server.

          If you are using Express > 4.0, you could go for serve-favicon

            No need for custom middleware?! In express:

             //you probably have something like this already    
            app.use("/public", express.static('public')); 

            Then put your favicon in public and add the following line in your html's head:

            <link rel="icon" href="/public/favicon.ico">

            If you have you static path set, then just use the <link rel="icon" href="/images/favicon.ico" type="image/x-icon"> in your views. No need for anything else. Please make sure that you have your images folder inside the public folder.

            Install modules serve-favicon and path from npm, update index.js accordingly.

            //import packages
            var favicon = require('serve-favicon'), path = require("path");
            //use favicon icon path to access in application.
            app.use(favicon(path.join(__dirname+'/favicon.ico')));

            The code listed below works:

            var favicon = require('serve-favicon');
            
            app.use(favicon(__dirname + '/public/images/favicon.ico'));

            Just make sure to refresh your browser or clear your cache.

            조회 수 6729
            조회 수 7411
            조회 수 7266
            Node.js - mysql 연결
            admin
            2017.12.24
            조회 수 8508
            조회 수 20170
            조회 수 8774
            조회 수 6509
            조회 수 6588
            조회 수 6304
            조회 수 6768
            mongodb 설치
            admin
            2018.01.15
            조회 수 6192
            조회 수 6181
            조회 수 6550
            조회 수 6097
            조회 수 8758
            NODE.JS REST API
            admin
            2018.04.14
            조회 수 6161
            조회 수 6590
            조회 수 6707
            조회 수 5913
            조회 수 6565
            조회 수 6668
            조회 수 11459
            postman google
            admin
            2018.04.29
            조회 수 5952
            조회 수 6455
            조회 수 5971
            조회 수 6319
            조회 수 11246
            Node js 보안 Express
            admin
            2018.05.07
            조회 수 8191
            조회 수 5764
            Node.JS vhost 사용 설명
            admin
            2019.05.31
            조회 수 4572
            npm init 초기화
            admin
            2019.11.17
            조회 수 9248
            조회 수 4542