Simpele statische 5-pagina "website" werkt gewoon niet

[DSGebruiker]

Hallo,
Ik heb bij ONE.COM een simpele website (geen "php" voor zover ik weet, enkel 5 "htlm" bestanden en een hoop *.css en *.js bestanden) en ik krijg dit voor geen meter "draaiende" op m'n Syno 918+
(ik test eerst intern door effe een dns-record aan te maken dat naar de NAS verwijst op hostname, werkt prima. Enkel de HTTPS nog niet maar dat fix ik later wel)

Heb installatie van Webstation + PHP7.4 (alhoewel ik denk niet niet eens nodig te hebben) + Apache 2.4 gedaan en daarna een virtual-host aangemaakt.

Bestanden onder de /web/www.mijnwebsite.be gezet en dan ook de paden correct gezet in de virtual host, alsook correct backend gekozen (standaard nginx maar dus Apache gekozen)

HET PROBLEEM : De "site" index.html kan ik wel bereiken, maar de rendering/markup is compleet kapot ?

Ik had het toch even iets eenvoudiger voorgesteld eigenlijk, temeer omdat ik niets van DB-backend of php-bestanden gebruikt.

Ook wel bizar te zien dat er in de code van vb index.html toch wel redelijk wel "brol" staat met verwijzingen naar Twitter ?!! die ik zelf helemaal niet gemaakt hebt. Natuurlijk werd de site met de ONE.COM "Website Builder" CMS gemaakt dus tja...

In m'n Chrome "Developer Tools" window zie ik enorm veel HTTP-500 errors en ook verwijzingen naar vb "google-fonts.php" maar dus ook naar een hoop *.js bestanden die in de folder staat.



Zijn er hier web-bouwers die wat tips kunnen geven? Dit moet toch een relatief eenvoudig probleem zijn?
Of heeft het toch iets met HTTPS te maken? (virtual server staat gewoon op 80/443 in de settings en uiteraard krijg ik melding "site not secure" etc)

[jr212]

En linkje zou helpen
Om te starten moet je geen dns record maar dns instellingen wijzigen. Maken een a of aaaa record bij one.com
als host geef je een naam in vb xxx.jouwsite.nl waarbij xxx dan te kiezen is.
doorverwijzen naar jouw WAN ip.adres.
In jouw router stuur je alles van poort 443 en 80 door naas het locale ip van de nas

In de vhost (heb je eigenlijk niet nodig) kies je voor naamgebaseerd en geef je de volledige naam van de a of aaaa record door.

Je map heb je al gekozen vergeet http backend niet inte stellen en php versie te kiezen (vermoedelijk niet nodig als je uitsluitend html bestanden gebruikt)


Jan

[DSGebruiker]

Hallo,

Extern hoeft die (voorlopig) niet bereikbaar te zijn nu. Dat regel ik wel als alles werkt.Dat is geen enkel probleem.

-----------------
In de vhost (heb je eigenlijk niet nodig) kies je voor naamgebaseerd en geef je de volledige naam van de a of aaaa record door.
Je map heb je al gekozen vergeet http backend niet inte stellen en php versie te kiezen (vermoedelijk niet nodig als je uitsluitend html bestanden gebruikt)
----------------

Bovenstaande simpele acties zijn gedaan. Het is niet dat het niet werkt, enkel de "layout" is volledig om zeep en vele dingen ontbreken.
In de screenshot zie je links "het resultaat" met enkele links (die zelfs niet werken)
Vooral die HTTP Error-500 die je in de dev-console ziet vraag ik me af of ik dingen ontbreek buiten "php 7.4 + webstation + apache 2.4'
Heb niks van Node.JS draaien, maar dat hoeft toch niet voor *.js uit te voeren (da's clientside)

De werkende versie kan je gewoon bij ONE.COM bezoeken op http://www.uwthuiskapster.be dewelke al lange tijd prima werkt daar.

Gezien de steeds stijgende prijzen was ik aan het overwegen deze files gewoon vanaf m'n NAS te serven die toch 24/7 actief staat. En als die down gaat is dat ook geen ramp. Deze website is verre van "business kritisch" zeg maar.

[jr212]

Met wat is deze pagina gemaakt?
Ik zou denken dat er verschillende mappen niet gekopieerd zijn.

Je hebt trouwens 67 fouten in de validator. https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.uwthuiskapster.be

[Birdy]

Is dat wel betrouwbaar ? Als ik KPN check dan zie ik ook veel fouten.

[jr212]

Dan moet kpn ook dringend eens hun site aanpassen 😃
De validatie is van het w3 consortium. Ze zullen zelf wel weten wat juist is.

[DSGebruiker]

Wow, da's best wat.
Ik heb die gewoon gemaakt met de "Webbuilder" tool van ONE.COM. Wat drag en drop, wat prentjes, tabelletje etc.
Geen enkel stukje "manueel" gedaan of in code liggen duiken.

[DSGebruiker]

Met de ONE.COM "Web-builder" software (online)
Normaal heb ik alle mappen/bestanden wel, ik heb de directory-structuur via de "file-manager" gezipped en in 1 stuk gedownload.
Maar ik zag vb in de index.html wel dat er verwijzingen stonden naar folder die ik dan weer niet zag met de file-manager. Die structuur heb ik op m'n NAS effe nagemaakt en dat zit wel goed.

Vb in de index.html zie ik zaken als href="/____impro/1/onewebmedia/blablabla.jpg terwijl deze folder helemaal niet zichtbaar is op de "filemanager", daar heb je enkel de "onewebmedia" subfolder rechtstreeks onder de toplevel/root.

Ik ga es kijken in de access-log van de Apache op de NAS wat die HTTP Error 500 zijn die massaal zichtbaar zijn in de dev-console.

[DSGebruiker]

In de htacess.log stonden héél veel meldingen zoals hieronder, komende van een .htaccess bestand in 1 van de folders.
Heb deze uitgezet (# ervoor) en ik heb de indruk dat het precies nu beter gaat....

Invalid command 'ExpiresActive', perhaps misspelled or defined by a module not included in the server configuration

Heb de site intern nu draaien als www2.xxxxxxxxx en dat werk nu dus wel na het uitcommenten in items de .htaccess file in een mediafolder.
Op 1 pagina staat een contact-form (via mail) dat natuurlijk lokaal niet gaat werken, daar ga ik iets alternatiefs voor voorzien.

Zal nu bij Let's Encrypt nog een certificaat proberen te regelen. (want er is er al 1 uitgegeven aan one.com voor dit domain)
Al dan niet via Certbot en met dns-validations (want ik controleer het domain en kan records aanmaken natuurlijk)

[jr212]

Je kan mail evengoed gebruiken via nas als via one. Vele anderen, ik inclusief, doen het ook😃

Dit gaat wel dit forum te ver. Ik stel phphulp.nl voor. Wees wel zo fair om te verwijzen naar deze vraag.

[jervanheg]

ik herken de situatie (ook bij one.com, die alsmaar duurder worden -  voor een niet-al-te-kritische site)
Ik heb simpelweg alle files vanop one.com gekopieerd; met zeer weinig hoop dat het zou werken (er lopen namelijk toch enkele bijzondere scripts)... maar, tot mijn verbazing loopt het probleemloos (met uitzondering van het mail-formulier, dat maar niet wil lukken).
Succes!

[DSGebruiker]

Ondertussen werkt alles (in niet https) lokaal gewoon, nadat ik wat in het .htaccess heb aangepast dewelke nog eens in een subfolder stond waar media in stond.
Ik heb nog wel wat andere zaken bij ONE.COM staan (2 domains met de daarbij horende mail) dus helemaal ben ik daar niet weg. Enkel spijtig dat vb de DNS daar ook geen API heeft zodat het met Lets Encrypt makkelijk zou zijn certs te genereren. Als ik vb DNS-challenge wil doen omdat ik een wildcard wil genereren voor m'n domain moet ik TXT-record toevoegen etc. Zou leuk zijn als het automagisch zou kunnen...

[André PE1PQX]

Bekijk ook de manier waarop de bestanden vanaf de host gekopieerd zijn, er zullen ook verborgen bestanden tussen kunnen zitten zoals .htaccess en dergelijke.

Verder is die W3C in mijn ogen een papieren tijger, iedere browser heeft zijn eigen interpretatie over hoe e.e.a. weer gegeven dient te worden.

Voor de HTML coders: Je kunt in het begin van ieder HTML bestand enkele meta tags neerzetten die deels de werking bepalen van die html bestand.
Één er van is "

Code: [Selecteer]

<base href="basis-url" /> waarbij 'basis-url' de root van de website is.
alle aangeroepen bestanden (.js, .css en alles meer) worden vanaf deze basis url opgezocht.

Zie ook https://www.tutorialspoint.com/html/html_base_tag.htm voor meer info hierover.
Het kan dus zijn dat de aangeroepen bestanden gewoon niet gevonden worden.

[Babylonia]

Bekijk ook de manier waarop de bestanden vanaf de host gekopieerd zijn,

Ik heb die website   https://www.uwthuiskapster.be   even gedownload met HTTrack Website Copier

https://www.httrack.com/page/2/en/index.html        (Het 64 bit "ZIP" bestandje waarbij geen installatie nodig is)

Project "kapper" gemaakt,  download en wat verder in de aangemaakte directory de bewuste website lokaal op mijn PC geopend.
Alles wordt hier precies hetzelfde getoond, als de echte website.
Alleen de link naar achterliggende plaatjes werkt niet correct. (Er worden geen plaatjes getoond).
Maar dat lijkt me nog het minste probleem om dat te corrigeren.

Mijn lieve hemel, wat een hoop toeters en bellen / code en "moeilijke" bestand directory's die zijn opgemaakt.
Voor een paar simpele web-pagina's met enkele fotootjes en graphics.
IMO zou je beter een HTML editor kunnen gebruiken en die pagina's handmatig in elkaar zetten?

De origineel aangemaakte pagina's misschien als leidraad?
Kijk wat je daarbij allemaal aan code in zo'n HTML editor kunt weggooien en vereenvoudigen.