한국어

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.

            번호
            제목
            글쓴이
            61 Node.JS vhost 사용 설명
            admin
            2019-05-31 43
            60 How to build scalable node js and express website rest api
            admin
            2019-05-31 41
            59 Hosting multiple websites using NodeJS and Express 멀티 도메인 호스팅
            admin
            2019-05-31 40
            58 Node.js SSL / TLS 인증서 갱신 실제 적용 방법 초간단 설명 재발급
            admin
            2019-05-26 49
            57 node js 와 Jade 를 이용한 Database 를 홈페이지에 출력
            admin
            2018-06-23 1707
            56 node.js로 서버를 구축하고 mysql을 데이터 베이스로 회원가입과 로그인 기능을 구현
            admin
            2018-06-23 3010
            55 [Node.js] JWT(JSON Web Token)로 로그인 REST API 만들기 총 정리
            admin
            2018-06-14 2262
            54 webstorm The smartest JavaScript IDE
            admin
            2018-06-02 1717
            53 Node js 보안 Express
            admin
            2018-05-07 3133
            52 안드로이드 배우기: REST API 사용하기
            admin
            2018-05-06 2909
            51 Getting Started with REST: Consuming simple REST APIs in Android
            admin
            2018-05-06 1903
            50 Android - JSON Parser JSONArray,JSONObject,JSONStringer JSONTokenizer
            admin
            2018-05-02 1887
            49 GET & POST Requests in Node.js Using Express-4
            admin
            2018-04-30 1834
            48 Writing middleware for use in Express apps
            admin
            2018-04-29 1738
            47 Use ExpressJS to Get URL and POST Parameters
            admin
            2018-04-29 1930
            46 body-parser Learn about the anatomy of an HTTP transaction in Node.js
            admin
            2018-04-29 1906
            45 How to handle the POST request body in Node.js without using a framework
            admin
            2018-04-29 1990
            44 How can I read the data received in application/x-www-form-urlencoded format on Node server?
            admin
            2018-04-29 1832
            43 postman google
            admin
            2018-04-29 1810
            How to set custom favicon in Express?
            admin
            2018-04-29 1756
            41 serve-favicon install and how to
            admin
            2018-04-29 1882
            40 'Express' is not recognized command (windows) 기초
            admin
            2018-04-28 1844
            39 AWS 람다로 서버 없이 간단한 REST API 만들기
            admin
            2018-04-15 3312
            38 Android Login Registration System with PHP and MySQL (Updated) – Reset Password #3
            admin
            2018-04-14 2250
            37 Android Login Registration System with PHP and MySQL (Updated) – Client #2
            admin
            2018-04-14 1824
            36 Android Login Registration System with PHP and MySQL (Updated) – Server #1
            admin
            2018-04-14 2044
            35 Working with JSON in MySQL perfect
            admin
            2018-04-14 1750
            34 MySQL Data Access API Development Using Express.JS, Node.JS
            admin
            2018-04-14 1839
            33 How to connect to a MySQL database with Node.js
            admin
            2018-04-14 1876
            32 Consuming a JSON REST API in Android
            admin
            2018-04-14 1876
            31 NODE.JS REST API
            admin
            2018-04-14 1804
            30 NODE.JS DATABASE MYSQL TUTORIAL
            admin
            2018-04-14 3135
            29 How can I send a post request with JSON from Android to a Node.js server?
            admin
            2018-04-14 1836
            28 How do I send data to a Node.js server from an Android app?
            admin
            2018-04-14 1876
            27 Android User Registration and Login with Node.js and MongoDB – Server #1
            admin
            2018-04-14 1983
            26 Node.js Parse JSON Little information to use JSON Data
            admin
            2018-04-14 1870
            25 Build a REST API for Your Mobile Apps using Node.js
            admin
            2018-04-14 1805
            24 Android Asynchronous Http Client A Callback-Based Http Client Library for Android
            admin
            2018-04-14 2083
            23 RESTful Api using node.js,Express and Mysql
            admin
            2018-04-14 1880
            22 노드에서 MySQL을 사용하는 방법 MySQL with Node.js and the mysql JavaScript Client
            admin
            2018-04-14 3062
            21 Check that you have node and npm installed
            admin
            2018-01-16 2078
            20 mongodb 설치
            admin
            2018-01-15 2098
            19 node js 설치 install 리눅스 데비안
            admin
            2018-01-15 2129
            18 nodejs windows 윈도우 노드 제이에스 설치 다운로드
            admin
            2018-01-15 2104
            17 Node.js paypal PayPal-node-SDK 사용해보자 상세한설명 연습 사례
            admin
            2018-01-15 2168
            16 Simple, unobtrusive authentication for Node.js passport facebook twitter gmail etc
            admin
            2018-01-07 2111
            15 Your first Node.js HTTP server [ this chapter ]
            admin
            2018-01-07 2266
            14 NodeJS - Setup a Simple HTTP Server Local Web Server
            admin
            2018-01-07 2181
            13 NodeJS를 이용한 API 서버만들기 3 자세한 설명 잘됨 매우 좋음 기초 노드
            admin
            2017-12-24 2207
            12 JSON. Using the JSONObject in android and java.
            admin
            2017-12-24 2109
            11 Android PHP MySQL 데이터베이스에서 데이터를 JSON 형식으로 가져오기
            admin
            2017-12-24 7693
            10 Android에서 REST 요청 후 JSON 응답 받기
            admin
            2017-12-24 2830
            9 Node.js를 이용하여 MySQL 데이터 가져오기
            admin
            2017-12-24 4993
            8 Node.js - mysql 연결
            admin
            2017-12-24 2585
            7 RESTful Api using node.js,Express and Mysql
            admin
            2017-12-24 2102
            6 Using MySQL with Node.js & the mysql JavaScript Client 매우 설명 잘됨 공부 좋음
            admin
            2017-12-24 2139
            5 Android Login Registration System with Node.js and MongoDB – Server #1
            admin
            2017-12-24 2476
            4 How to Setup Node.js and MongoDB in Ubuntu and Windows
            admin
            2017-12-24 2245
            3 Build a REST API for Your Mobile Apps using Node.js
            admin
            2017-12-24 2137
            2 MySQL version 5.7.8 introduces a JSON data type
            admin
            2017-12-24 2149
            1 Best Practices|| 128- Connect Android to MYSQL use Node.JS
            admin
            2017-12-24 2200