Cloudflare demo-sivu

Pieni responsiivinen sivupohja (HTML + CSS + JS), jonka voit julkaista suoraan Cloudflare Pagesiin tai palvella tunnelin takaa. Mukana tumma tila, PWA, ja “tunneli toimii” -simulaatio.

Testaa “tunneli” Ohjeet

⚡ Nopea

Vain staattiset tiedostot — toimii erinomaisesti Cloudflare Pagesissa.

đź”’ HTTPS

Cloudflare hoitaa TLS-sertin automaattisesti julkiselle alidomainille.

📱 PWA

Lisää kotinäytölle; toimii offline-tilassa perussisältöjen osalta.

Tunnelin “terveystarkastus” (simuloitu)

Tämä ei oikeasti soita Home Assistantiin — se hakee paikallisen JSON-tiedoston ja näyttää tilan. Ajatus on sama kuin “ulkoinen osoite → proxy → sisäinen palvelu”.

Nykyinen isäntä:
Yhteys:
–
Odottaa...
Anna oma alidomain (esim. ha.oma-domain.fi) 

    

  


  

    
Julkaisu Cloudflare Pagesiin

    
    
      
  1. Luo ilmainen Cloudflare-tili, lisää domain (tai käytä jo olemassa olevaa).
    2. 
      
  2. Avaa Pages → Create a project → Upload assets → vedä ja pudota tämän kansion sisältö.
    3. 
      
  3. Valitse juurihakemistoksi tämä cloudflare-demo/ (index.html juuren alla).
    4. 
      
  4. Julkaisun jälkeen voit ohjata esim. ha.oma-domain.fi → Pages-projektiin (Pages tarjoaa ohjatun “Custom domain” -toiminnon).
    5. 
    


    
Vaihtoehto: palvele tunnelin takaa

    
Voit myös ajaa pienen http-palvelimen paikallisesti (esim. python -m http.server) ja reitittää alidomainin Cloudflare Tunnelilla siihen osoitteeseen.