/posts/ Recent content in Posts on Piotr Kosmowski Hugo -- gohugo.io pl-pl Sun, 01 Jan 2023 08:30:00 -0700 /posts/2017-06-18-private-vps-with-rpi3/ Mon, 18 Jun 2018 18:00:00 +0000 /posts/2017-06-18-private-vps-with-rpi3/ Prerequisite # Raspberry PI 3 Public IP (optionally) Install and configure RPI # Download Raspian Litle from: https://www.raspberrypi.org/downloads/raspbian/ and unzip it Copy image to the card: https://www.raspberrypi.org/documentation/installation/installing-images/linux.md dd bs=4M if=2017-04-10-raspbian-jessie-lite.img of=/dev/mmcblk0 sync Enable SSH on a headless RPI sudo mkdir /media/sd && sudo mount /dev/mmcblk0p1 /media/sd - mount bootable partition of the SD card * sudo touch /media/sd/ssh - create ssh file on the SD card which enables SSH on boot Insert SD card in the RPI, turn it on and connect to the LAN ssh pi@192. /posts/2016-09-17-ng2-uikit-spa-app/ Sat, 17 Sep 2016 18:00:00 +0000 /posts/2016-09-17-ng2-uikit-spa-app/ Prerequisite # GIT NodeJS and NPM global NPM libraries: sudo npm install -g webpack webpack-dev-server typescript Init Angular 2 project with seed # Clone repo from https://github.com/angular/angular2-seed: git clone git@github.com:angular/angular2-seed.git ng2uikit-app Install dependencies: cd ng2uikit-app npm install Run app: npm start Go to http://localhost:3000 Result: uikit styles # Replacehome.html content: <div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-1"> <div class="uk-vertical-align uk-text-center" style="background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEzMHB4IiBoZWlnaHQ9IjQ1MHB4IiB2aWV3Qm94PSIwIDAgMTEzMCA0NTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExMzAgNDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IGZpbGw9IiNGNUY1RjUiIHdpZHRoPSIxMTMwIiBoZWlnaHQ9IjQ1MCIvPg0KPC9zdmc+DQo=') 50% 0 no-repeat; height: 450px;"> <div class="uk-vertical-align-middle uk-width-1-2"> <h1 class="uk-heading-large">Sample Heading</h1> <p class="uk-text-large">Cras justo odio, dapibus ac facilisis in, egestas eget quam. /posts/2015-03-03-end-to-end-tests-with-intern/ Tue, 03 Mar 2015 22:16:00 +0000 /posts/2015-03-03-end-to-end-tests-with-intern/ Introduction # In the previous post Testing Node applications with Intern framework I demostrated how to set up testing environment for unit tests with Intern and Grunt. Today I will show how to test REST endpoints with end to end tests in a speed of unit tests. #Set up infrastructure Create Node project # Create NodeJS project: mkdir intern-end-to-end-tests cd intern-end-to-end-tests Create init package.json: { "name": "intern-end-to-end-tests", "version": "1.0.0", "description": "" } Implementing REST endpoint using ExpressJS # Install ExpressJS: # npm install express --save-dev Implement application endpoints # We will create application code in src directory: /posts/2015-03-01-unit-tests-with-intern/ Sun, 01 Mar 2015 22:16:00 +0000 /posts/2015-03-01-unit-tests-with-intern/ Introduction # In JS world, regressions may appear at every change without any warning, so tests are equally important as production code. The same rule applies to every non static typed languages, but let’s stay on JS. Intern is a complete framework for testing JavaScript Web sites and applications. I will use it to demostrate how to test NodeJS applications using intern framework. First I configure testing infrastructure so we could start writing business logic and testing it. /posts/2014-03-22-super-dev-mode-recompile-with-shortcut/ Sat, 22 Mar 2014 22:16:00 +0000 /posts/2014-03-22-super-dev-mode-recompile-with-shortcut/ Instead of using bookmark to recompile GWT module in Super Dev Mode you can use shortcuts. Step by step: Install Shortcut Manager Add new shortcut: Shortcut key: ctrl+r Url pattern. For example: http://localhost:8080/App* Copy content of your bookmark and decode it from url form using for example (dencoder)[http://meyerweb.com/eric/tools/dencoder/] and copy content that is surrounded with javascript:{ and } Alternatively you can use this configuration and adopt it to your project: window. /posts/2014-02-27-stage-maven-archetypes-to-central-repository/ Thu, 27 Feb 2014 22:16:00 +0000 /posts/2014-02-27-stage-maven-archetypes-to-central-repository/ In some future posts I will share how to configure environment for publishing archetypes to the Central Repositories. Basically most of the knowledge is present in the official documentation here: https://docs.sonatype.org/display/Repository/Sonatype+OSS+Maven+Repository+Usage+Guide. In this post I will show how to stage your archetypes on already configured environment. The steps are ass follow: Commit and push all changes to the repository: git add --all git commit -m "Your message" git push origin master On Windows cofigure and run ssh-agent: When using Git with SSH you could encourage some issues on Windows platform. /posts/2014-02-14-extjs-project-with-netbeans/ Fri, 14 Feb 2014 22:16:00 +0000 /posts/2014-02-14-extjs-project-with-netbeans/ Usually when it comes to develop Single Page Application (SPA) we choose GWT. For simple apps we use native components, GWT-Bootstrap or custom components created with DOM utils. For Enterprise applications we don’t risk and go with GXT. GXT is well done components library by Sencha for GWT that looks and behaves like their flag product – ExtJS. In this article we will leave Java world and for a while we will check how to create SPA applications in JavaScript with ExtJS. /posts/2013-06-12-synchronous-injection-of-styles-to-ui-binder/ Wed, 12 Jun 2013 22:16:00 +0000 /posts/2013-06-12-synchronous-injection-of-styles-to-ui-binder/ Often when using UI Binder in your GWT project you would like to stylize your app with CSS. There are two ways of doing this a) by adding CSS attribute directly in DOM element or b) by using Client Bundle. #Add CSS attribute Please check reference guide: https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCss To add class attribute to any GWT element you need to use DOM static helper method. For example: Button b = new Button(); DOM. /posts/2012-02-07-deploy-artifacts-to-the-repository/ Tue, 07 Feb 2012 22:16:00 +0000 /posts/2012-02-07-deploy-artifacts-to-the-repository/ W jednym z poprzednich wpisów pokazaliśmy jak zdeployować stworzoną zależność po skompilowaniu projektu. Dzisiejszy wpis poświęcony jest umieszczaniu zależności w repozytorium przy pomocy linii komend. Pomimo najszczerszych chęci wykonanie tego zadania zupełnie z linii komend jest niemożliwe. Należy stworzyć pom.xml o następującej treści: <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.example</groupId> <artifactId>webdav-deploy-pom</artifactId> <packaging>pom</packaging> <version>1</version> <name>Deploy</name> <build> <extensions> <extension> <groupId>org.apache.maven.wagon</groupId> <artifactId>wagon-webdav</artifactId> <version>1.0-beta-2</version> </extension> </extensions> </build> </project> Będzie on dodawał obsługę pluginu służącego do wysyłania zależności na zdalny zasób. /posts/2012-02-05-gxt-templates-for-netbeans/ Sun, 05 Feb 2012 22:16:00 +0000 /posts/2012-02-05-gxt-templates-for-netbeans/ Podczas pracy z różnymi bibliotekami bywa, że pewne czynności są powtarzane nader często. Popularne biblioteki posiadają rozszerzenia, bądź natywne wsparcie ze strony IDE jak np. kreatory. Niestety nie wszystkie biblioteki posiadają tak ogromne wsparcie jak choćby Spring czy Hibernate, co nie oznacza że są gorsze. Programista jako użytkownik danej biblioteki pomimo braku wsparcia może jednak sam opracować pewne wzorce, które powtarzają się w trakcie pracy i je zautomatyzować poprzez makra czy też szablony. /posts/2012-02-04-update-web-xml-for-netbeans-workflow/ Sat, 04 Feb 2012 22:16:00 +0000 /posts/2012-02-04-update-web-xml-for-netbeans-workflow/ Tworząc nowy projekt czy to za pomocą kreatora dołączonego do IDE czy za pomocą archetypu Maven zdarza się, że utworzona wersja deskryptora wdrożenia jest dość nieaktualna. Pracując z Netbeans chcąc dodać nowy servlet jeżeli deskryptor będzie w wersji 2.3 bądź starszej, zostaniemy poinformowani komunikatem, że nie jest to możliwe: W tym celu należy w pliku web.xml skasować dotychczasowy schemat walidacji DTD: <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java. /posts/2012-02-02-fast-track-to-hibernate/ Thu, 02 Feb 2012 22:16:00 +0000 /posts/2012-02-02-fast-track-to-hibernate/ W dzisiejszym poście zaprezentujemy jak stworzyć projekt, który może stanowić wejście dla przyszłych projektów wykorzystujących Hibernate oraz Mavena. Do zamockowania bazy danych posłużymy się wbudowaną (embeded) bazą danych – Derby. ##Nowy projekt Nalezy utworzyć nowy projekt za pomoca polecenia: mvn -DarchetypeGroupId=org.apache.maven.archetypes -DarchetypeArtifactId=maven-archetype-quickstart -DarchetypeVersion=1.1 -DarchetypeRepository=http://repo1.maven.org/maven2 -DgroupId=pl.xperios -DartifactId=HibernateMavenStarter -Dversion=1.0-SNAPSHOT -Dpackage=pl.xperios.HibernateMavenStarter -Dbasedir=C:\\Projects\\Starters -Darchetype.interactive=false –batch-mode archetype:generate ##Konfiguracja zależności Po stworzeniu struktury projektu należy dodać zależności Hibernate. Ponieważ nie występują w repozytorium centralnym najpierw należy dodać odpowiednie repozytoria do pliku pom. /posts/2011-12-15-introduction-to-jetty/ Thu, 15 Dec 2011 22:16:00 +0000 /posts/2011-12-15-introduction-to-jetty/ W trakcie tworzenia aplikacji internetowych przychodzi moment kiedy należy go umieścić na jakimś serwerze. Do dyspozycji mamy naprawdę szeroką pulę począwszy od lekkiego Tomcata po serwery aplikacji takie jak GlassFish czy JBoss. Dzisiaj zaprezentujemy malutki i zgrabniutki kontener serwletów Jetty. Jego główną zaletą nad pozostałymi jest banalna konfiguracja oraz szybkość uruchamiania. Konfiguracja całości w projekcie budowanym za pomocą Mavena sprowadza się do dodania następującego plugina w pliku pom.xml: <plugin> <groupId>org.mortbay.jetty</groupId> <artifactId>maven-jetty-plugin</artifactId> <configuration> <scanIntervalSeconds>10</scanIntervalSeconds> <contextPath>/</contextPath> </configuration> </plugin> Uruchomienie serwera odbywa się za pomocą: jetty:run bądź jetty:run-exploded. /posts/2011-10-24-hot-deploy-to-remote-tomcat/ Mon, 24 Oct 2011 22:16:00 +0000 /posts/2011-10-24-hot-deploy-to-remote-tomcat/ W pewnym punkcie pracy z projektem J2EE, (projekt webowy) dochodzimy do punktu, w którym przychodzi potrzeba umieszczenia go na serwerze czy to kontenerze aplikacji. Po umieszczeniu na serwerze można przetestować jego działanie ale również uruchomić np testy integracyjne. Ponieważ takich serwerów może istnieć wiele (lokalny, zdalny, klient, …) poszczególne warianty można umieścić np. oddzielnych profilach. Zdefiniujmy profil, który będzie wykorzystywał plugin cargo, który bedzie łączył się ze zdalnym serwerem tomcat 7. /posts/2011-10-23-releasing-archived-maven-archetypes/ Sun, 23 Oct 2011 22:16:00 +0000 /posts/2011-10-23-releasing-archived-maven-archetypes/ Jednym z elementów cyklu życia projektu jest wydanie jego wersji. W zależności co tak na prawdę tworzymy efektem końcowym jest aplikacja gotowa do uruchomienia przez klienta, bądź biblioteka wykorzystywana w innych projektach. Oto czym się głównie charakteryzują: aplikacja – posiada strukturę dostosowaną do projektu (jednakowa nazwa artefaktu np.: aplikacja.jar, zależności umieszczone w folderze lib, zasoby porozmieszczane w oddzielnych folderach np.: Pomoc, Img, Log, Raporty itp.), dokumentacja użytkownika, przykładowe pliki konfiguracyjne, dołączone jedynie binaria biblioteka – ustandaryzowana struktura wydania (dobra konwencja), dołączenie binariów, bardzo często nie dołącza się zależności, przykłady, dokumentacja techniczna, strona site-ów wraz z wynikami testów, javadoc itp. /posts/2011-10-22-maven-site/ Sat, 22 Oct 2011 22:16:00 +0000 /posts/2011-10-22-maven-site/ Jak wiadomo kolejnym etapem po, a jeszcze lepiej w trakcie realizacji projektu należy przedstawić klientowi dokumentację zarówno użytkownika jak i techniczną. Abstrahując zupełnie od dokumentacji użytkownika dokumentacja techniczna powinna zawierać przynajmniej takie podstawowe elementy jak: javadoc, FAQ, opis użycia, pokrycie kotu testami, wyniki testów, i wiele innych zależących od wymogów klientów, góry czy własnych wymagań. Oprócz części opisowej, którą prowadzić programista musi samodzielnie, w większości powyższych przypadków może wyręczyć nas maven. /posts/2011-10-21-own-maven-repository-on-google-code/ Fri, 21 Oct 2011 22:16:00 +0000 /posts/2011-10-21-own-maven-repository-on-google-code/ Często tworząc nowy projekt (z reguły opensource) w naszym przypadku wykorzystujemy jako repozytorium popularny Github, Bitbucket lub code.google.com. Aby podnieść walor biznesowy i jakość świadczonych usług normalnym jest częste wydawanie nowej wersji naszej aplikacji klientom / społeczności. Proces ten czasmi jest dosyć tendencyjny i uciążliwy. Powtarzające się procesy oczywiście dociekliwy programista jest w stanie sobie zautomatyzować w bardzo zwinny sposób. Dzisiaj pokażemy jak posiadając projekt na code.google.com stworzyć z niego własne repozytorium wykorzystując do tego mavena w wersji 3. /posts/2011-05-21-c3p0-proper-closing-application/ Sat, 21 May 2011 22:16:00 +0000 /posts/2011-05-21-c3p0-proper-closing-application/ W przypadku, gdy aplikacja do przechowywania danych wykorzystuje relacyjną bazę danych bardzo często się zdarza, że korzysta z takich narzędzi wspomagających jak Hibernate czy MyBatis (określenie “narzędzie” jest tu celowe, ponieważ najczęściej o tej warstwie mówi się skrótowo ORM, przy czym MyBatis ORM-em nie jest). Biblioteki te (jak i również inne) mogą wykorzystywać zewnętrzne mechanizmy transakcji, czy zarządzania źródłami danych i tu zmierzam do C3P0. C3p0 jest biblioteką, która wnosi warstwę obsługi wielu połączeń z bazą danych. /posts/2010-12-16-hiberante-with-guice/ Thu, 16 Dec 2010 22:16:00 +0000 /posts/2010-12-16-hiberante-with-guice/ Hibernate – framework do realizacji warstwy dostępu do danych (ang. persistance layer). Zapewnia on przede wszystkim translację danych pomiędzy relacyjną bazą danych, a światem obiektowym (ang. O/R mapping). Opiera się na wykorzystaniu opisu struktury danych za pomocą języka XML, dzięki czemu można “rzutować” obiekty, stosowane w obiektowych językach programowania, takich jak Java bezpośrednio na istniejące tabele bazy danych. Dodatkowo Hibernate zwiększa wydajność operacji na bazie danych dzięki buforowaniu i minimalizacji liczby przesyłanych zapytań. /posts/2010-12-14-gwt-basic-components/ Tue, 14 Dec 2010 22:16:00 +0000 /posts/2010-12-14-gwt-basic-components/ Google Web Toolkit (GWT) jest szkieletem do tworzenia aplikacji AJAX w oparciu o język Java. Pozwala on na tworzenie kodu bez ręcznego kodowania i łączenia elementów języka Java oraz JavaScript. Po napisaniu kodu aplikacji następuje kompilacja części klienckiej do JavaScriptu, CSS oraz HTML. Część serwerowa zostaje skompilowana przez standardowy kompilator Javy. Framework w standardzie zapewnia poprawne wyświetlanie komponentów w przeglądarkach: Firefox, Opera, IE, Safari, Google Chrome. (Wikipedia.pl) W skrócie GWT jest frameworkiem, który pozwala na tworzenie aplikacji typu RIA w całości w języku Java. /posts/2010-12-15-gwt-and-guice/ Fri, 15 Oct 2010 22:16:00 +0000 /posts/2010-12-15-gwt-and-guice/ Guice jest frameworkiem dostarczającym tzn. wstrzykiwania zależności w naszej części serwerowej aplikacji. Gdybyśmy rozważali aplikację typu desktop poniższa konfiguracja w zupełności by wystarczyła: package testingguice; import com.google.inject.AbstractModule; import com.google.inject.Guice; import com.google.inject.Injector; public class Main { public static void main(String[] args) { Injector injector = Guice.createInjector(new MyModule()); PersonDao personDao = injector.getInstance(PersonDao.class); for (Person person : personDao.getAll()) { System.out.println("Person: "+person); } } } Klasa modułu w rozumieniu IoC: public class MyModule extends AbstractModule { @Override protected void configure() { bind(PersonDao.