archive-nl.com » NL » L » LUCIUSWEBSYSTEMS.NL

Total: 63

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Headless Drupal | Een contact formulier in Node.js | Lucius BV: Drupal People
    moeten we dus gaan afvangen in onze Node js Express JS installatie Dat doen we op volgende manier in in de main app file van de Node js installatie 1 Importeer de nodemailer npm module Voor een toelichting over npm modules check deze part 1 Je wilt graag de ingevoerde gegevens ergens naar toe mailen hiervoor hebben we de populaire nodemailer npm module gebruikt Deze module maakt het je makkelijk om via smtp emails te versturen Installeer dus die module en importeer hem in je project mbv var nodemailer require nodemailer app post app post contact function req res Met behulp van deze code kan je post data afvangen die naar dit specifieke pad wordt gestuurd in ons geval dus contact 2 Honeypot voor beveiliging tegen spambots We hadden dit formulier live geplaatst zonder deze code Big mistake uiteraard want binnen enkele dagen werden we overladen met spam Deze honeypot lost dit vooralsnog op de toepassing ervan Zoals je kunt zien in het front end formulier zijn er 3 zichtbare velden Maar onder water is er een 4e bedrijfsnaam die middels css wordt verstopt voor menselijke bezoekers echte gebruikers zullen deze dus niet zien en dus nooit invullen spambots wel Zodra bedrijfsnaam dus ingevuld is weten we dat het een spambot is en kappen we direct de hele operatie 3 Check of alles ingevoerd is Het formulier is HTML5 en checkt inline al of velden ingevoerd zijn nog voordat hij verzonden wordt Maar er zijn browsers die dit niet ondersteunen vandaar dat deze handmatige check Zodra een veld leeg is dan wordt de gebruiker terug gestuurd naar het formulier en gevraagd of hij alles wilt invoeren 4 Check voor valide e mail adres Hier hebben we voor het gemak een extra npm module voor gebruikt email validator Wanneer je een

    Original URL path: http://www.luciuswebsystems.nl/blog/headless-drupal-een-contact-formulier-nodejs (2016-01-26)
    Open archived version from archive


  • 11 coole Drupal modules | September 2015 | Lucius BV: Drupal People
    alle posts van jouw Facebook page zien binnen je Drupal website of social intranet https www drupal org project facebook pull 6 Browsersync Handige module voor Drupal testers hij zorgt ervoor dat twee verschillende browsers tegelijk scrollen binnen jouw Drupal website Bijvoorbeeld Safari en Firefox Vergelijken en testen van Drupal pagina s in verschillende browsers is vele malen makkelijker op deze manier Node js server benodigd Voor meer gedetailleerde info zie hier http www browsersync io https www drupal org project browsersync 7 Moderation Dropbutton Een backport van een Drupal 8 functie wat inhoudt dat een functie uit Drupal 8 wordt verwerkt in Drupal 7 In dit geval is het de Save button onder aan elke node In Drupal 7 is deze eenvoudig en alleen Save In Drupal 8 zitten daar meer moderatie functies onder zoals Save and publish en Save as unpublished https www drupal org project moderation dropbutton 8 Mandrill Verstuur je relatief grote hoeveelheden e mails vanaf je Drupal website Dan kan het handig zijn om dit via een externe gespecialiseerde dienst te doen zoals deze Mandrill onderdeel van Mailchimp De module integreert de e mail service Mandrill die onder andere volgende features aanbiedt Beter versturen zodat je e mails minder snel in spam boxen belanden Dashboards met statistieken welke e mail wordt geopend gebounced geklikt etc Asynchroon versturen Versturen mbv templates https www drupal org project mandrill 9 Self Documenting REST API Als je de RESTful API in Drupal 8 gebruikt dan kan deze module jouw web service automatisch documenteren Wanneer externe ontwikkelaars gaan werken met jouw RESTful API dan kunnen ze makkelijk de structuur inzien middels deze automatische documentatie Omdat het gegenereerd wordt scheelt dit een hoop tijd Want je API is zo goed als zijn documentatie niemand zal jouw API gebruiken als er geen

    Original URL path: http://www.luciuswebsystems.nl/blog/11-coole-drupal-modules-september-2015 (2016-01-26)
    Open archived version from archive

  • Update Drupal social intranet OpenLucius | Timetracking, budgets en rapportages. | Lucius BV: Drupal People
    met timetracking budgets en rapportages Je kunt time loggen op Todo s realtime of handmatig Ook kan je budgets instellen voor Todo s en Todo lijsten En daar bovenop kan je alles bekijken in fancy rapportages Overzicht features Start en stop timer realtime Synchroon op alle apparaten als je ingeklokt bent via een desktop computer dan zie je dat terug op je mobiele apparaat Handmatig tijd toevoegen Budget instellen voor een Todo lijst Budget instellen voor een Todo Rapportage budget voortgang van een Todo lijst Rapportage globale overzichten met breakdown mogelijkheden en filters datum gebruikers status todo Rapportage budget voortgang van een Todo Rapportage tijd gelogd per todo Handleiding Zie end user manual voor meer details Gebruik je onze Cloud versie Dan is jouw OpenLucius automatisch bijgewerkt met deze nieuwe functies Host je de open source versie zelf Download de timetracker hier op drupal org Bron foto Over de auteur Joris Snoek Project lead Drupal addict Werk met Lucius We horen graag meer over uw project en hoe onze Drupal experts kunnen helpen class lead form bottom submit Zij gingen u voor Footer content Contact Rokin 52 1012 KV Amsterdam 020 261 14 99 Pascalstraat 8a 1704 RD Heerhugowaard 072

    Original URL path: http://www.luciuswebsystems.nl/blog/update-drupal-social-intranet-openlucius-timetracking-budgets-en-rapportages (2016-01-26)
    Open archived version from archive

  • Update OpenLucius 01-10-2015 | Een open source Drupal social intranet | Lucius BV: Drupal People
    vinkjes zoals in vorige versies Reactie op een door jou geliked item Likes op een door jou geplaatst items Reactie op een door jou geplaatst item 2 Directe berichten Voor één op één berichten tussen twee personen zijn er nu Directe berichten mogelijk Hierin kunnen mensen op een chat achtige manier korte berichtjes uitwisselen 3 Like buttons Op alle items kunnen mensen nu liken soortgelijke functie als Facebook kent 4 Persoonlijke Todo s Je kunt nu Todo s toevoegen die voor niemand anders zichtbaar zijn Deze zie alleen jij op jouw Todo kalender je ziet ze ook terug in de globale Kalender 5 Mobiele optimalisaties Er zijn ruim 30 puntjes geoptimaliseerd voor mobiel de meest opvallend hierin zijn het linker en rechter menu Hoofdmenu Mobiel zal het hoofdmenu zichtbaar worden als je op de drie streepjes links bovenin klikt Zijbalk rechts Mobiel zal de rechter zijbalk zichtbaar zijn na een klik op de pijl geheel rechtsbovenin 6 Cover images Thumbnails Cover images en logo s zijn nu mogelijk op drie onderdelen Homepage Groep Profiel 7 Status updates Op de homepage is nu een Status updates tab waarin korte berichten met foto s kan plaatsen ook direct reageren is mogelijk Dit is geheel mobiel bruikbaar ook met de camera van je telefoon kan je dus snel Status updates plaatsen 8 Groepsactiviteit bundeling De items Groepsactiviteits tab op de homepage kunnen nu gebundeld worden waardoor reacties hier niet meer te zien zijn maar alleen de toegevoegde items Bericht Todo Event Todo lijst of Tekst doc In het rood staat er bij hoeveel nieuwe ongelezen reacties dat item heeft 9 Handtekening Je kunt nu een handtekening instellen in jouw profiel Die handtekening kan je vervolgens automatisch onder alle items plaatsen Scheelt een hoop herhaaldelijk typewerk 10 Todo s toevoegen vanaf Alles Je kunt

    Original URL path: http://www.luciuswebsystems.nl/blog/update-openlucius-01-10-2015-een-open-source-drupal-social-intranet (2016-01-26)
    Open archived version from archive

  • Drupal module moment: field encryption | Lucius BV: Drupal People
    of Ashley Madison De module is beta2 maar lijkt stabiel te draaien Installatie en configuratie 1 Installatie Download en installeer volgende modules https www drupal org project field encrypt http drupal org project encrypt http drupal org project ctools 2 Configureer de encryptie Je kunt gebruik maken van de default Drupal encryptie welke meekomt met de module Maar om de boel beter te beveiligen voegen we een nieuwe type encryptie toe AES encryptie Ga naar admin config system encrypt en klik op Add configuration Geef een naam bijvoorbeeld AES Test Bij tab Encryption method settings kies voor Mcrypt AES 256 Key provider settings Deze key wordt gebruik om gegevens te versleutelen en ontsleutelen plaats deze dus zo veilig mogelijk Check ook dit artikel voor de opties Om de beveiliging verder te optimaliseren kies hier niet voor de standaard Drupal Private Key maar voor Drupal encrypt drupal variable key variable Om deze optie te kunnen activeren zul je eerst betreffende variabele de key moeten registreren Bij voorkeur dus in settings php zoals tevens wordt aangegeven in de rode tekst Ik plaats de key geheel onderin de settings php conf encrypt drupal variable key u1xnyr5zFzGj92do6gZHL72IQjmF1Omqepmba7FwJNI Nu kan ik de optie aanzetten Maak AES standaard Als laatste wil ik deze nieuwe encryptie configuratie graag als standaard gebruiken Ga hiervoor terug naar admin config system encrypt en klik op make default 3 Beveiliging instellen per veld Wanneer je nu een veld van een Drupal content type configureert kan je kiezen om het field te versleutelen Bijvoorbeeld het Drupal core field Body van content type Article admin structure types manage page fields body Gerelateerd modules https www drupal org project webform encrypt https www drupal org project encryptfapi https www drupal org project encrypted files https www drupal org project aes https www drupal org

    Original URL path: http://www.luciuswebsystems.nl/blog/drupal-module-moment-field-encryption (2016-01-26)
    Open archived version from archive

  • Headless Drupal & Node.js | Part 3/3: Express JS en integratie Drupal API | Lucius BV: Drupal People
    Routes in Express JS Routes zorgen ervoor dat je dynamisch content kunt uitserveren gebaseerd op URL Express JS is goed in het facilteren van benodigde routes zie het als Drupal s hook menu Ik voeg als volgt een tweede route toe Als ik dan in mijn browser naar about us ga Routes met variabele Het is ook mogelijk om informatie via routes naar de applicatie te sturen De informatie wordt geplaatst in een parameters variabele binnen het request object Die variabelen worden gemapt naar en zijn beschikbaar in de request paramaters array Dit kan je als volgt doen var name req params name Plaatst alles wat achter about staat in een variable name Dit wordt gedaan via de request parameters array req params van Express JS die plaatst een object name in de array en stuurt dat naar de local variable name Vervolgens print ik name binnen h1 tags waardoor je dynamische output op basis van URL genereert Je kunt meerdere variables opnemen Dit resulteert in Als laatste wil ik graag de 404 routeren dat kan bijvoorbeeld op deze manier 2 Routes en dynamische templates met EJS in Express JS Tot nu toe hebben we res send gebruikt maar een betere manier is om dit via templates uit te serveren Zoals hierboven beschreven gebruikt Express Jade als standaard Wij gebruiken EJS Binnen EJS kan je standaard HTML gebruiken en daarin tags opnemen die de dynamische content genereren Installatie EJS Enter in je terminal npm install ejs save Je zou nu in package json de dependency moeten zien Nu EJS geïnstalleerd is kan je hem activeren in de applicatie met app set view engine ejs Vervolgens maken we een map views aan waar we een standaard html document default ejs in plaatsen Nu kunnen we dit template aanroepen middels res render Toegepast op de homepage Express JS weet dat hij in de folder views moet kijken voor de template file dat is de standaard Je kunt je eigen folder definieren met app set views dirname YOURFOLDER dirname is een global die ook op andere plaatsen kunt gebruiken Data meesturen naar het EJS template Je kunt een extra object meesturen naar je template dat doe je als volgt Deze kan je in het EJS template als volgt printen Waardoor je in je browser dit te zien krijgt Je kunt ook Javascript gebruiken in de EJS templates gebruik dan jouw kick arse Javascript in plaats van jouw printbare variabele Als laatste wellicht goed om te weten templates worden ook wel views genoemd data wordt ook wel the model genoemd Als je the modal samen gaat voegen met een view krijg je dynamische websites Routes en templates in Express JS structureren Wanneer je veel routes definieert dan is het handig die in een aparte file te plaatsen buiten de main app file Zo houd je alles beter georganiseerd dit is relatief eenvoudig te doen Maak een nieuwe map aan routes Plaats daar een nieuwe file in index js Importeer de express module en definieer

    Original URL path: http://www.luciuswebsystems.nl/blog/headless-drupal-nodejs-part-33-express-js-en-integratie-drupal-api (2016-01-26)
    Open archived version from archive

  • Headless Drupal & Node.js | Part 2/3: Node.js introductie | Lucius BV: Drupal People
    js Je kunt niet gebruik maken van traditionele servers bv Apache een goede hoster zal dus moeilijker te vinden zijn Advanced Javascripts kennis is nodig De Node js core is compact je zult extra modules en maatwerk nodig hebben voor gewenste functies Wat je hoe het beste kunt gebruiken zul je moeten inleren Node js is in eerste instantie niet ontworpen voor het bouwen van websites we hebben dus extra libraries nodig In dit geval hebben we gekozen voor Express JS Relatief veel development installs nodig Node js zelf Express JS extra modules Git Wanneer je weinig ervaring hebt op een nieuw platform ken je de valkuilen niet En elk platform ook Node js heeft zijn valkuilen Intro in implementatie Node js 1 Lokaal installeren van Node js Check allereerst of het al geïnstalleerd staat enter node version in je terminal Als je dan een versie te zien krijgt dan staat het al geïnstalleerd Zo niet ga naar https nodejs org download en installeer het 2 Hello Node Normaal gezien zijn deze hello world oefeningen nogal lame maar voor Node js geeft deze oefening meteen een goede introductie in de architectuur en toegepaste Javascripting 2 1 Maak een folder aan bijvoorbeeld op je desktop testnode 2 2 Voeg een file toe in die folder en noem die bijvoorbeeld hellotest js 2 3 Importeer modules Zoals aangegeven de Node js core is minimalistisch van opzet Dus om uberhaubt íets te doen zal je allereerst modules moeten importeren Dit kunnen core modules zijn of externe modules zie ook npm verderop Allereerst hebben we de http module nodig Net als elke andere javascript library heb je hierin een aantal methods en properties die je na installatie kunt gebruiken Je importeert deze als volgt voeg volgende regel toe in bestand hellotest js var http require http 2 4 Create een server die response geeft Vervolgens kan je de createServer method gebruiken om een server aan te maken Deze plaats je ook in een variabele als volgt var http require http import module var myServer http createServer function request response response writeHead 200 Content Type text html response write Hello Test Node response end create server myServer listen 2000 We kunnen in createServer een custom function plaatsen die we zelf definiëren en uitwerken maar we gebruiken hierin een anonymous function een functie zonder naam Deze techniek wordt ook wel een callback genoemd Wanneer die functie zijn taken heeft gedaan dan zal hij de resultaten terug geven aan createServer Het werken met callbacks is een Javascript concept die veelgebruikt wordt in node js Er zijn twee parameters request response De server verwacht een request en zal een reponse met data geven aan de client een head status code type file en de body de html Als laatste zullen we de server moeten laten luisteren naar een bepaalde poort in dit geval poort 2000 3 Uitvoeren en testen Om de applicatie te testen open een terminal en browse naar de folder testnode Enter vervolgens node hellotest js

    Original URL path: http://www.luciuswebsystems.nl/blog/headless-drupal-nodejs-part-23-nodejs-introductie (2016-01-26)
    Open archived version from archive

  • Headless Drupal & Node.js | Part 1/3: Drupal 8 RESTful API | Lucius BV: Drupal People
    8 core bevat een RESTful API waarmee je relatief snel de GETs kunt implementeren Wanneer je ook te maken krijgt met POST PUT en DELETE dan zul je waarschijnlijk aavullende modules moeten schrijven om volledig aan je gewenste eisen te voldoen Download Drupal 8 en kies tijdens installatie voor een minimal installatie We hebben namelijk alleen de API en enkele extra modules nodig verder het liefst zo weinig mogelijk overhead Nadat de Drupal 8 installatie gedaan is activeer als eerste het Drupal administratie theme Seven admin appearance zodat we een grafisch backend krijgen Installeer vervolgens de module Toolbar admin modules voor betere navigatie door het Drupal backend We hebben ook de modules Field UI en Image nodig zodat we het content type kunnen configureren En de module Views UI om de RESTful Web Service te definiëren En als laatste ons bread and butter de RESTful Web Services module Overbodige blocks Nog een kleine clean up er staan nog 2 overbodige blocks bovenaan je pagina nu Tools Administration Deze blokken kan je weghalen onder admin structure block 1 2 Opzetten content type blog Ik gebruik dit blog als voorbeeld We zullen dus een content type Blog nodig hebben met de velden Title Body Image Ik ga er voor het gemak even van uit dat je weet hoe je een Drupal 8 content type en fields kan definiëren Voor ons blog hebben we alleen een Image field nodig gezien overige benodigde fields en data al door de Drupal core worden geleverd Het resultaat 1 3 Het configureren van de Drupal 8 Web Service Nu het content type is gedefinieerd kunnen we de benodigde Web Service aanmaken Allereerst maak een nieuwe view aan admin structure views add We willen graag een REST export dus vink die aan 2 Verder geef ik hem de naam Blogs JSON export 1 en de url blogsexportall 2 Wanneer ik op Save and edit klik wordt de view geïnitialiseerd 1 4 Configureer de Drupal 8 REST export view Kies bij Show voor Fields in plaats van Entity 1 Dit zijn vervolgens alle fields die we nodig hebben Een toelichting per field Content Title Gebruik formatter plain tekst en vink link to content uit Content Authored on Met als custom format Y m d TH i s 08 00 Dit is namelijk meteen het juiste format voor schema org meta informatie die we gaan gebruiken in het frontend Content Blog image Wordt gebruikt voor de grote afbeelding bovenaan het blog Image style none en Link image to nothing Content Authored on 2e Wordt gebruikt voor de datum van een blog item Gebruik hier custom date format d Y M Content Body teaser Wordt gebruikt voor de intro teksten op de blog overzichtspagina Gebruik hier de trimmed versie Content Body Wordt gebruikt voor de volledige tekst op blog detail pagina Gebruik hier alle standaard instellingen Content Authored by Wordt gebruikt voor de naam van de blogger Kan alle standaard instellingen behouden Relationship met Author Als laatste hebben we nog enkele

    Original URL path: http://www.luciuswebsystems.nl/blog/headless-drupal-nodejs-part-13-drupal-8-restful-api (2016-01-26)
    Open archived version from archive



  •