23 september 2017
Dutch CMS
Handleidingen

Met Dutch CMS 2.0

Nog makkelijker een mooie website !
Gemoderniseerd template design
Achtergrondafbeeldingen invoegen
Uitgebreid Contactformulier !
En meer.....

 
 
 
 
 
Technische Handleidingen CMS lokaal installeren 22 maart 2009

Deze pagina bevat informatie over het lokaal installeren van een WAMP pakket dus Apache, PHP, MySQL, phpMyAdmin voor bijvoorbeeld het testen van een CMS systeem of andere PHP scripts. Tevens informatie over het zelf aanmaken van een database lokaal en als extraatje nog informatie over het los installeren van phpMyAdmin op een server waar de gebruikersnaam, wachtwoord en database al is aangemaakt voor je maar er geen service pagina is van die provider met phpMyAdmin. Het laatste is een uitzonderlijke situatie maar het zal je maar gebeuren.

Introductie 

Je kunt Dutch CMS (of een andere CMS) ook lokaal installeren dus op je eigen PC voor testdoeleinden. Het is echter aan te raden Dutch CMS gelijk online te installeren bij je hostingprovider met de juiste instellingen. Vervolgens bouw je je website op door hem tijdelijk via Beheer > Algemene Instellingen op "offline" te zetten. Hij is dan alleen benaderbaar voor jouw ip adres en andere bezoekers krijgen een nette offline melding. Wat je ook kunt doen is Dutch CMS eerst op een subdomein installeren zodat het CMS kan draaien naast je bestaande website. Als je klaar bent met alles overzetten van je bestaande website naar het CMS kun je de site van het subdomein naar het hoofddomein verplaatsen (wel de installatie bestanden dan nalopen).

Als je ervaring hebt met het draaien van een lokale webserver op je eigen PC of je wilt het een keer proberen om een lokale webserver te draaien voor het testen van PHP applicaties en je wilt Dutch CMS niet gelijk online installeren, gebruik dan deze handleiding.

Kant en klare pakketten

Om te beginnen moet je de webserver Apache met de scripttaal PHP en de databaseserver MySQL op je pc installeren + de beheertool phpMyAdmin. Hiervoor zijn speciale software pakketen gemaakt die dit allemaal met een paar klikken voor je installeren. Doe je dit in combinatie met Windows dan heet dit een WAMP-pakket. Doe je dit in combinatie met Linux dan heet dit een LAMP-pakket. De meest bekende pakketen zijn Wampserver (voor Windows), Xampp (voor zowel Linux als Windows) en USB Webserver (Windows). De laatste kan ondanks zijn naam ook gewoon op de PC gestart worden dus niet vanaf een USB stick. Voor meer informatie kijk op: Wiki - WAMP. Zie ook de screenshots op de Thema site over Webdesign, PHP en HTML.

Beperkte support voor lokale installatie
Dutch CMS biedt via het forum BEPERKTE support voor LOKALE installatie via een webserver. Zorg en controleer altijd eerst of je webserver goed geinstalleerd is en goed draait na installatie. Raadpleeg bij problemen eerst de documentatie op de website van betreffende leverancier. Bij geen ervaring met het draaien van een webserver op je eigen pc of laptop, speel er dan eerst een beetje mee en probeer te begrijpen en door te krijgen wat nu eigenlijk een webserver is en wat php is en wat je met beide kan. Enige basiskennis van hoe een website werkt en wat bv. een index bestand is of wat bv. HTML of CSS is, is ook wel gewenst. Raadpleeg bv. wiki of google is het een en ander. Eventuele support begint dus pas bij het eventueel niet lukken van het installeren van Dutch CMS en dus niet bij het aan de praat krijgen van de webserver zelf.

Hieronder de handleiding van Dutch CMS via Wampserver. Daaronder de handleiding voor lokale installatie via USB Webserver. Je kan zelf kiezen welk pakket je gebruikt.

(Dutch) CMS installeren op Wampserver

In deze handleiding wordt gebruik gemaakt van de Wampserver dus geinstalleerd op Windows en toegespitst op de installatie van Dutch CMS met voorbeeld gekozen gebruikersnamen en wachtwoorden, maar je kan deze handleiding ook gebruiken als leiddraad voor de lokale installatie van een ander CMS.

1. Installatie van Wampserver
Download de Wampserver van de Wampserver website.
Installeer de Wampserver. Gebruik alle standaard instellingen en dus ook localhost. Veranderd dus niks.

2. Gebruiker en bijbehorende database aanmaken

  • Na de installatie zie je rechtsonder in de taakbalk een Wampserver icoontje verschijnen. Klik daarop met de linkermuisknop waarna er een menu verschijnt met allerlei opties.
  • Klik bijna bovenaan op phpMyAdmin.
  • Klik op het home symbooltje linksboven.
  • Klik vervolgens op Rechten.
  • Klik op "Voeg een nieuwe gebruiker toe".
  • Vul in bij Gebruikersnaam: dutchcms
  • Kies bij Machine in het selectie menu: "Een willekeurige machine". Na selectie komt er rechts localhost te staan.
  • Vul in als wachtwoord: test en herhaal dit wachtwoord daaronder.
  • Zet een vinkje bij optie 2: "Maak een database met dezelfde naam en geef alle rechten hierop".
  • Zet een vinkje bij alle hokjes onder Data en Structuur.
  • Klik rechtsonder op Start.

Zowel de gebruiker als de database worden aangemaakt. De nieuwe gebruiker krijgt toegangsrechten tot de database dutchcms. Aan de linkerkant zie je de nieuwe database dutchcms verschijnen.

  • Klik aan de linkerant op de nieuwe database dutchcms.
  • Klik vervolgens op Handelingen.
  • Kies rechtonder bij Collatie voor utf8_unicode_ci.
  • Klik op Start.
  • Klik weer op het home symbooltje linksboven.
  • Klik op Rechten.
  • Bij root zie je een ip adres staan. Noteer dat adres voor later.
  • Download Dutch CMS.
  • Pak de bestanden uit met je favoriete zip programma.
  • Ga naar de map sql.
  • Open het sql bestand in een teksteditor zoals kladblok of eentje met syntax highlichting zoals PSPad (zie aanbevolen software).
  • Vervang via bewerken > vervangen of in PSPad > Search > Replace het woord prefix met het woord test.
  • Sla de wijzigingen op.
  • Ga terug naar het scherm van phpMyAdmin.
  • Klik links op de database dutchcms.
  • Klik op Importeer.
  • Klik op Bladeren en blader naar het sql bestand.
  • Zorg dat bij "karakterset voor het bestand" utf8 staat.
  • Klik rechtsonder op Start.

Alle tabellen worden geimporteerd.

3. (Dutch) CMS in www

  • Klik weer op het Wampserver symbooltje rechtsonder in de taakbalk van Windows.
  • Klik op www map.
  • Hernoem index.php daar naar indexwamp.php
  • Ga naar de ge-unzipte map van Dutch CMS en kopieer de INHOUD van de map ftp-website in de map www.

4. connectdb.php instellen

Ga naar de dutchcms map ftp-bovenwebsite en knip het bestand connectdb.php .

Ga 1 directory hoger dan de www map dus c:/wamp en plak daar het bestand connectdb.php.

Open het bestand connectdb.php met je texteditor en vul in:

$hostname = 'localhost';
$username = 'dutchcms';
$password = 'test';
$database = 'dutchcms';
Iets verder naar onderen bij prefix:
$prefix = "test";

  • Vul de rest van dit bestand in volgens de installatie handleiding.
  • Vul bij $beheerdersips het ip adres wat je hierboven hebt moeten noteren uit phpMyAdmin.
  • Mocht je het bestand later overnemen op het internet verander dan ook de beheerdersmap en de beheerders gebruikersnaam en wachtwoord. Vul dan uiteraard ook alle andere hierboven genoemde variabelen in zoals ze horen te zijn en verander ook je prefix in een betere.
  • Sla de wijzigingen op.

5. cmskern.php instellen

  • Ga naar het bestand cmskern.php in c:/wamp/www/phpscripts en open dit in je teksteditor.
  • Vul bij $domeinaam in localhost 
  • Vul bij $relatiepad in C:/wamp/
  • Sla de wijzigingen op

Klaar voor gebruik

Ga met je browser naar: http://localhost/ om naar de voltooide installatie van Dutch CMS te gaan. Als je alle stappen in deze handleiding tot op de letter hebt gevolgt zou je, (zeg ik met enige voorzichtigheid vanwege inmenging van Windows en verschillende Windows versies en het feit dat deze instructies al een tijd geleden geschreven zijn waardoor het kan zijn dat de installatie misschien tegenwoordig iets anders verloopt), geen php of sql errors moeten krijgen maar een nette melding dat Dutch CMS met succes geinstalleerd is. Krijg je wel error meldingen controleer dan de volgende zaken:
Is alles goed gegaan bij het aanmaken van de dutchcms database en de dutchcms gebruiker ? Heeft de gebruiker rechten op de dutchcms database ?
Heb je de prefix goed vervangen op alle plaatsen in het sql bestand ?
Heb je diezelfde prefix ook goed ingevuld in connectdb.php ?
Is de hostname in connectdb.php hetzelfde als die aangegeven in phpMyAdmin bij Rechten ?
Zijn username, password en database hetzelfde als die je opgegeven hebt in phpMyAdmin ?
Bij de melding pagina kan niet weergegeven worden moet je je webserver even herstarten. Dit doe je door weer op het Wampserver symbooltje te klikken en vervolgens op "Herstart Alle Services". Vervolgens de pagina verversen. 

Let op: controleer altijd of je Wampserver draait en goed werkt VOORDAT je aan de installatie van Dutch CMS begint!

Beknopte handleiding installatie Dutch CMS op USB Webserver 8

Je kunt Dutch CMS ook installeren op de USB Webserver in plaats van op Wampserver.

  • Download USB Webserver.
  • Pak de bestanden uit en plaats ze op c of d bv C:/UsbWebserver.
  • Lees de handleiding van USB Webserver.
  • Wijzig geen instellingen maar laat alles zoals het is.
  • Ga naar http://localhost:8080/phpmyadmin/ en login met root en wachtwoord usbw.
  • Zet MySQL verbindingscollatie op utf8_unicode_ci.
  • Vul bij nieuwe database aanmaken in dutchcms en kies weer voor utf8_unicode_ci.
  • Klik op Aanmaken.
  • Na aanmaken ga je automatisch naar je nieuwe database. Zo niet selecteer die dan aan de linkerkant.
  • Open het Dutch CMS sql bestand in de map sql en verander prefix overal met zoeken en vervangen in een zelfgekozen prefix en sla de wijziginen op.
  • Klik in phpMyAdmin op Import/Importeer. Blader naar bovengenoemd sql bestand en importeer het in de nieuwe gemaakte dutchcms database.
  • Lees de Dutch CMS installatie handleiding.
  • Plaats de Dutch CMS bestanden UIT de map ftp-website IN de map Root van UsbWebserver. Let op. NIET in een submap !!!
  • Knip het bestand connectdb.php uit de Dutch CMS map ftp-bovenwebsite en plak dit in de map UsbWebserver dus naast de andere UsbWebserver mappen.
  • Open het bestand en vul in:
    $hostname = 'localhost';
    $username = 'root';
    $password = 'usbw';
    $database = 'dutchcms';
  • Vul de overige gegevens in volgens de installatie handleiding.
  • Het ipadres wat je moet invullen bij beheerdersip is waarschijnlijk 127.0.0.1 maar kijk dit voor de zekerheid na via http://localhost:8080/phpinfo.php bij Apache Environment bij SERVER_ADDR.
  • Vul het bestand cmskern.php in (staat dan in Root/phpscripts.
  • Vul bij domeinnaam in: localhost:8080
  • Vul bij relatiefpad in: C:/UsbWebserver/ als je je aan de standaard instellingen hebt gehouden zoals hierboven beschreven. Vervang C door D als je de server op D hebt staan.
  • Klaar voor gebruik.
  • Ga naar http://localhost:8080/ en als het goed is zie je de melding dat Dutch CMS met succes is geinstalleerd.

Let op ! Dutch CMS kan NIET in een submap worden geinstalleerd. De CMS bestanden moeten in de root directory staan !

Tip: Website lokaal opbouwen

Je kunt nu dus lokaal op je pc Dutch CMS testen maar als je wilt ook al aanpassen qua uiterlijk via de CSS bestanden. Ook kun je al gegevens invoeren in je database. Je kunt later de inhoud van de www map kopieren naar de webserver van de provider op het internet en de database kun je lokaal exporteren, de prefix aanpassen en via phpMyAdmin op de webserver van je provider weer importeren. Lees dan wel de installatie handleiding alsnog goed door zodat je alles goed en veilig hebt ingesteld voor het draaien van Dutch CMS op het internet want dat is toch anders dan lokaal.

Onderstaande tips staan los van de installatie van Dutch CMS en zijn voor de meeste mensen niet van belang.

Tip: Root wachtwoord instellen phpMyAdmin

In phpMyAdmin krijg je na de installatie van Wampserver de melding dat root geen wachtwoord heeft. Je kunt dit veranderen door in phpMyAdmin op het home symbooltje te klikken en vervolgens op Rechten. Daar zie je 2 keer root staan. Klik op het symbooltje wat daarnaast staat wat als toelichting "Wijzig rechten" heeft. Blader naar beneden naar Wijzig wachtwoord en vul een wachtwoord in en herhaal dit en klik rechts op Start. Herhaal dit voor de tweede root. Je zult hierna merken dat je geen toegang meer hebt tot phpMyAdmin.
Ga naar de map C:/wamp/apps/phpmyadmin[versienummer] en open het bestand config.inc.php en blader naar:

$cfg['Servers'][$i]['password'] = '';
$cfg['Servers'][$i]['AllowNoPasswordRoot'] = True;

Vul tussen ' ' je nieuwe root wachtwoord in en verander True in False.
Herstart je webserver en vernieuw je phpMyAdmin pagina en je hebt weer toegang tot phpMyAdmin.

Tip: phpMyAdmin zelf installeren

Heeft je provider om de een of andere gekke rede geen gezamelijk service pagina met phpMyAdmin dan kun je phpMyAdmin downloaden van de phpMyAdmin website, uitpakken en die map plaatsen in een bepaalde directory bij je provider. Dat moet dan wel een map zijn waar je via je webadres bij kunt komen. Zoek in je phpMyAdmin map naar het bestand config.sample.inc.php. Hernoem dit bestand naar config.inc.php. Open vervolgens het bestand config.inc.php en pas de volgende regels aan:

$cfg['blowfish_secret'] = ''; /* YOU MUST FILL IN THIS FOR COOKIE AUTH! */

Veranderen in:

$cfg['blowfish_secret'] = 'hiereenwillekeurigereekscijferenlettersplaatsen'; /* YOU MUST FILL IN THIS FOR COOKIE AUTH! */

Vervolgens de regel

$cfg['Servers'][$i]['host'] = 'localhost';

Bij localhost moet de naam van de locale database server. Meestal hoef je dit niet te wijzigen en blijft het dus localhost.

/* User for advanced features */
// $cfg['Servers'][$i]['controluser'] = 'pma';
// $cfg['Servers'][$i]['controlpass'] = 'pmapass';

Veranderen in:

verander pma in de username/gebruikersnaam die je gekregen hebt voor je database

verander pmapass in het daarbij behorende wachtwoord die je gekregen hebt voor je database

/* User for advanced features */
$cfg['Servers'][$i]['controluser'] = 'gebruikersnaam';
$cfg['Servers'][$i]['controlpass'] = 'wachtwoord';

Voeg de volgende regel toe:

Bij wachtwoord hetzelfde wachtwoord als hierboven invullen.

$cfg['Servers'][$i]['password'] = 'wachtwoord';
$cfg['Servers'][$i]['AllowNoPasswordRoot'] = False;

Sla de wijzigingen op en vervang via FTP het oude bestand met het nieuwe.

Als je nu naar je phpMyadmin map gaat op je website:

http://jewebsiteadres/phpMyAdmin krijg je netjes een inlogscherm waar je je gebruikersnaam en wachtwoord opgeeft. En als het goed is zie je dan daarna netjes je database staan in phpMyAdmin.

Beveilig het zaakje

Als dit werkt verander dan de naam van de map phpMyAdmin in een andere geheime naam. Indien mogelijk plaats alles in een https map ipv http op je server als je die hebt bij je provider. Je adres wordt dan:

https://jewebsiteadres/geheimemap

Beveilig vervolgens het zaakje nog met .htaccess bestanden met ip of wachtwoordbeveiliging of beide als je die mogelijkheid tot het gebruik van .htaccess bestanden tot je beschikking hebt bij je provider. Zo kun je je hele secure map beveiligen dat bv alleen jouw ip toegang heeft. Hoe dat moet je bij de Veel Gestelde Vragen op de themasite over Webdesign, PHP en HTML ook op dit internetadres.

Powered by Dutch CMS v2.0 XHTML Strict

Bezoek ook de Webdesign website van Dutch CMS