Jak wdrożyć favicon na Heroku?

11

Mam następujący Hello worldkod dla mojej aplikacji Heroku. Również w folderze głównym mojego projektu mam plik favicon.ico.

import os
from flask import Flask
app = Flask(__name__)

html = '''
<!doctype html>
<html>
  <head>
    <link rel="shortcut icon" href="/webmasters//favicon.ico">
    <title>Hello world!</title>
  </head>
  <body>
    <p>Hello world!</p>
  </body>
</html>
'''

@app.route('/')
def index():
    return html

if __name__ == '__main__':
    port = int(os.environ.get('PORT', 5000))
    app.run(host='0.0.0.0', port=port)

Gdy przeglądam moją aplikację, nie widzę favicon. Ponadto, gdy sprawdzam, pojawia heroku logssię następujący 404wiersz:

2012-02-14T05:23:29+00:00 app[web.1]: <ip.ad.dr.es> - - [14/Feb/2012 05:23:29] "GET /favicon.ico HTTP/1.1" 404 -

favicon heroku

— Zestaw
źródło

6

Właśnie go znalazłem tutaj: http://flask.pocoo.org/docs/patterns/favicon/

Różniłem się od tego trochę i oto co zrobiłem:

W moim drzewie przechowuję ikonę jako static/images/favicon.ico

W HTML mam następujący wiersz w <head>:

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

W mojej aplikacji Flask mam następujący moduł obsługi adresów URL /favicon.ico
```
@app.route('/favicon.ico')
def favicon():
    return send_from_directory(os.path.join(app.root_path, 'static', 'images'),
                               'favicon.ico', mimetype='image/png')
```
Dlaczego image/png? Ponieważ jeśli użyję image/vnd.microsoft.icon, a następnie przejdę do http://myapp.heroku.com/favicon.ico, pojawi się okno dialogowe pobierania. image/pngwyświetla tylko favicon na stronie (przynajmniej w Chrome).

— Zestaw
źródło

2

Umieszczam obraz favicon.ico w moim public/folderze w aplikacji railsowej. Następnie wdrożyłem do heroku i musiałem wyczyścić pamięć podręczną przeglądarki, zanim pojawiła się nowa.

— TanookiMario
źródło

1

Oto czego używam:

<link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico">

Uważam, że powinien istnieć „skrót” dla Internet Explorera (chociaż IE zwykle sprawdza favicon niezależnie od tego).

Wygląda jednak na to, że ikona znajduje się w niewłaściwym miejscu. Powinieneś być w stanie uzyskać do niego dostęp za pośrednictwem yoursite.com/favicon.ico. Możesz także sprawdzić, przeglądając źródło strony w Google Chrome i /favicon.icobędzie to podkreślony link - kliknij, aby otworzyć wskazaną lokalizację.

AKTUALIZACJA: Czy masz .htaccessplik? Z tego, co powiedziałeś, wygląda na to, że musisz zrobić wyjątek dla istniejących plików, aby ominąć aplikację. Jeśli używasz Apache, możesz użyć czegoś takiego:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule your_rule_here [L]

Powinien istnieć odpowiednik dla używanej platformy.

— DisgruntledGoat
źródło

Czy to jest na Flask? Myślę, że Flask szuka skryptu programu obsługi dla każdego wysłanego do niego adresu URL. Nadal dostaję 404.

— Zestaw

@Kit Przepraszamy, szczerze mówiąc, nie wiem nic o Heroku ani Flask. Po prostu założyłem, że aplikacja działa dobrze, ale wygenerowała niepoprawny kod HTML.

— DisgruntledGoat