Project

General

Profile

Docker » History » Revision 22

Revision 21 (Carsten Rose, 28.03.2023 13:47) → Revision 22/111 (Carsten Rose, 28.03.2023 14:04)

h1. Docker 

 h2. Installation 

 <pre> 
 [root@webwork20] 

 $ cd /var/docker/ 
 $ mkdir <user> 
 $ cd /var/docker/<user> 

 # Checkout git repo:  
 $ git clone https://systemvcs.math.uzh.ch/it/typo3-docker.git 

 # rename the typo3-docker folder! <instance> 
 $ mv typo3-docker <instance> 

 $ cd /var/docker/<user>/<instance> 

 # execute bootstrap.py 
 $ python3 bootstrap.py 
 </pre> 

 h2. Post Docker  

 * Save personal You see a list with your links and ports. Best in @kpweb: webwork20/<user>@ Ports. 
 * Open mentioned T3/BE: After setup, navigate to https://webwork20:xxxx/typo3/install.php 

 
 !typo3_1.png! 

 
 * Type in your typo3 backend user and password, etc.; click continue 
 !typo3_2.png! 

 
 * Choose "take me straight to the backend" 

 
 * Login > 
 * Go to extension and add fluid styled content: 

 !clipboard-202303281403-ewftg.png! 

 
 !typo3_3.png 

 
 * Install latest qfq (https://qfq.io/download/?dir=releases) and uzh_cd (https://www.math.uzh.ch/repo/?dir=uzhcd/v9) 
 * Create first page: 
 !typo3_4.png! 
 !typo3_5.png! 
 !typo3_6.png! 
 * Under access, set page visible to true 
 * Add template to home (via plus): 
 !typo3_7_t1.png! 
 !typo3_7_t2.png! 
 !typo3_7_t3.png! 

 * Add page content > QFQ to home 

 !qfq_1.png! 

 <pre> 
 10.sql = SELECT "Hello world from QFQ, ", NOW() 
 </pre> 

 * Try view page on home for a first test: 
 !qfq2.png! 

 * As instructed, create a new page "Form" with pagecontent [QFQ] Form under Home and load the formEditor: 
 <pre> 
 file=_formEditor 
 </pre> 

 * Reload the page 
 !qfq3.png! 

 * Activate typo3 edit highlighting 
 !t3editor.png! 

 * Done with typo3! 

 .h2 Configuring phpstorm 

 * You need the url of the page AND the xdebug port from the installation. If you do not remember them, see config.json in your docker folder. 
 * Open PHP Storm, go to File > Settings > PHP > Debug 
 !xdebug1.png! 
 * List all of the xdebug ports of your docker containers, comma separated. REMOVE 9000, else phpstorm will still stop webwork16. 
 * Add Server: 
 !xdebug2.png! 
 ** Please give a detailed name, eg. webwork20 dev, there will be multiple deployments on the same server! 
 ** Use the port for the website, not the xdebug port! 
 ** You can already map the path of extension > /var/www/html/typo3conf/ext/qfq/ 
 ** You may not see the typo3 sources: 
 !xdebug3.png! 
 ** If you see it, map typo3_src_10.4.34 to /var/www/typo3_src (see screenshot) 
 ** If not, add additional sources to your phpstorm project, then do above: 
 !xdebug4.png! 
 *** Got to File > Settings > Directories and Add new Root Directory 
 *** Add /scratch/software/typo3 
 *** Mark typo3_src_10.4.34 as Source Folder (also extension in the qfq folder, if you haven't) 
 * Finally add a new xdebug setting: 
 !xdebug5.png! 
 !xdebug6.png! 
 ** Here you can select the server you added before 
 ** Remove webwork16 if you didn't remove port 9000, to not stop webwork16 by accident. 
 * Deployment path: 
 ** Run > Deployment > Configuration 
 !xdebug7.png! 
 !xdebug8.png! 

 h2. Issues 

 ttps://project.math.uzh.ch/issues/15745