We know building a robust and powerful blog engine (such as WordPress) is not a trivial task, however, with these steps, you will be able to understand the concepts behind building applications with Carbon LDP and Angular.
Create the project skeleton using Angular CLI
Install the Angular CLI
1
sudo npm install-g@angular/cli
Create the new Angular app
1
ng newcarbonldp-angular-blog
Answer the Angular CLI questions (we will use SCSS as pre-processor)
1
2
?Would you like toadd Angular routing?(y/N)y
?Which stylesheet format would you like touse?SCSS
Once the scaffolding is done, run following command and this is how your fresh Angular app should look:
1
2
3
4
# This will run a local server in port 4200 by default, so please visit http:localhost:4200 to see your app
cd carbonldp-angular-blog
ng serve
If you take a look at the project structure, these are the file will appear:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.
├──README.md
├──angular.json
├──e2e
│ ├──protractor.conf.js
│ ├──src
│ └──tsconfig.e2e.json
├──package-lock.json
├──package.json
├──src
│ ├──app
│ ├──assets
│ ├──browserslist
│ ├──environments
│ ├──favicon.ico
│ ├──index.html
│ ├──karma.conf.js
│ ├──main.ts
│ ├──polyfills.ts
│ ├──styles.scss
│ ├──test.ts
│ ├──tsconfig.app.json
│ ├──tsconfig.spec.json
│ └──tslint.json
├──tsconfig.json
└──tslint.json
src/index.html is the app entry point (where everything starts), src/app/main.ts is the “main” file from Angular, src/app is where all our code will usually be.
Add Angular Material
Installation
Since our main goal in this series is to focus on learning how Carbon LDP and Angular can work together, we will be using a set of proven components by Angular Material.
Let’s install our dependencies by following the official Angular Material documentation:
Go to your web browser, you should see your “primary” button with a blue background.
Adding Material Design icons
One of the easiest ways to add support for icons is by using a font, for doing that, open src/index.html and add a <link /> tag with the reference to the font family with Material Icons, this is how our src/index.html file will be after adding the icons.
One of the most common configurations we want to apply in Liferay is to serve two or more websites with the same Liferay instance. However, configuring Liferay in the right way to serve our websites and generate the links properly is not an easy and immediate task.
This guide contains a set of steps you can follow in order to configure two websites in the same Liferay instance. We are supposing you have a regular Liferay configuration with this points:
Tomcat is serving Liferay in the port 8080
Apache is getting the HTTPS client’s requests (port 443)
Step 1. Configure Virtual Hosts in Apache
A virtual host configuration for domain-one.com (Apache)
This is an example of a virtual host configuration file compatible with Apache. This configuration needs the mod_proxy and mod_ssl enabled.
A virtual host configuration for domain-one.com (Apache)
# This allows or prevents Apache httpd from functioning as a forward proxy server. (Setting ProxyRequests to Off does not disable use of the ProxyPass directive.)
# In a typical reverse proxy or gateway configuration, this option should be set to Off.
ProxyRequests Off
# We configure our mod_proxy module (including the reverse proxy)
# This line is VERY important, since it will allow us to pass the Host: line from the incoming request to the proxied host,
# instead of the hostname specified in the ProxyPass line
ProxyPreserveHost On
ProxyTimeout300
# This directive allows remote servers to be mapped into the space of the local server. The local server does not act as a proxy in the conventional sense but appears to be a mirror of the remote server.
# The local server is often called a reverse proxy or gateway.
ProxyPass/http://192.168.1.203:8080/
# This directive lets Apache httpd adjust the URL in the Location, Content-Location and URI headers on HTTP redirect responses.
# This is essential when Apache httpd is used as a reverse proxy (or gateway) to avoid bypassing the reverse proxy because of HTTP redirects on the backend servers
# which stay behind the reverse proxy.
ProxyPassReverse/http://192.168.1.203:8080/
</VirtualHost>
</IfModule>
Step 2. Configure Proxy Connector in Tomcat
Following is a fragment of the server.xml file available in a path similar to /path/to/liferay/tomcat/conf/server.xml
The important part in previous file is the <Connector />. Please, be aware we ARE NOT setting the proxyName which could be configured to one valid domain like: domain-one.com.
Caution. Following configuration is NOT going to work since we are setting the proxyName which will modify the Host request header.
When trying to open a virtual machine for the very first time, after installing VMWare Fusion in a fresh installation of OS X, I am receiving the error “Could not open /dev/vmmon: No such file or directory”.
The solution
This is usually due to the security restrictions about identified developers of Mac OS X applications, to solve it just go to System Preferences > Security & Privacy and verify if VMWare is allowed to run and there is no mentioning of a blocked application.
That’s it! From now on VMWare should run smoothly.
This post describes how to configure the JAVA_HOME environment variable required by many enterprise tools, frameworks and CMS. For instance, Liferay, Tomcat, etc. will use this variable to work properly.
Notice the second line, that is our JDK installation directory, so the directory we need to use is this one: /Library/Java/JavaVirtualMachines/jdk1.8.0_171.jdk/Contents/Home/
The path may vary depending on the exact version of Java you have installed
Step 3. Add the JAVA_HOME to the Bash configuration file
Let’s open the file (if don’t exist, just create it):
Shell
1
nano~/.bash_profile
Add the JAVA_HOME variable at the end of ~/.bash_profile
Save the file ~/.bash_profile(in nano just press Control + O followed by Control + X to close the file). Finally, let’s review or configuration by typing:
Shell
1
echo$JAVA_HOME
This command, should now print the correct JAVA_HOME:
This configuration is useful when you decided to change your default shell in OS X, for example in our case we have Fish shell and it will not have the JAVA_HOME set out-of-the-box.
How can we test if we have configured this environment variable? Easy, just type:
Shell
1
echo$JAVA_HOME
If the output is empty, then we don’t have the variable in place.
Step 1. Find and open your configuration file
If you are using Fish shell, chances are you are also using Oh My Fish which provides infrastructure to allow you to install packages to extend and modify the look and feel of your shell. Let’s open the configuration file then:
Shell
1
nano~/.config/fish/conf.d/omf.fish
The “~/” is a shortcut for accessing the home directory of your user.
Step 2. Locate your Java directory where the Java Development Kit was installed
If you don’t know where the Java Development Kit (JDK) was installed, just run:
Notice the second line, that is our JDK installation directory, so the directory we need to use is this one: /Library/Java/JavaVirtualMachines/jdk1.8.0_171.jdk/Contents/Home/
The path may vary depending on the exact version of Java you have installed
Step 3. Add the JAVA_HOME to the Oh My Fish configuration file
Let’s open the file:
Shell
1
nano~/.config/fish/conf.d/omf.fish
Add the JAVA_HOME variable at the end of ~/.config/fish/conf.d/omf.fish
Save the file ~/.config/fish/conf.d/omf.fish (in nano just press Control + O followed by Control + X to close the file). Finally, let’s review or configuration by typing:
Shell
1
echo$JAVA_HOME
This command, should now print the correct JAVA_HOME:
After installing MySQL and in order to provide configuration to it, we usually want to locate the famous my.cnf configuration file; if you are running a GNU/Linux distribution like Ubuntu, then you can use the following command to know where is the absolute path of this file:
Shell
1
find/-name my.cnf
The output of this command should be something like this:
Shell
1
2
3
/etc/alternatives/my.cnf
/etc/mysql/my.cnf
/var/lib/dpkg/alternatives/my.cnf
The important path here is /etc/mysql/my.cnf and if you open this file with an editor like nano:
Shell
1
nano/etc/mysql/my.cnf
It is normal this file doesn’t have all the configuration, instead if could point to other directories or files, for example this is a configuration file from a fresh Ubuntu install:
Shell
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#
# The MySQL database server configuration file.
#
# You can copy this to one of:
# - "/etc/mysql/my.cnf" to set global options,
# - "~/.my.cnf" to set user-specific options.
#
# One can use all long options that the program supports.
# Run program with --help to get a list of available options and with
# --print-defaults to see which it would actually understand and use.
Under certain circumstances it is relevant to know the timezone in which your date is being stored in a Relational Database System, for example MySQL. One of the easiest ways to know is just by running following command:
Step 1. Login to MySQL
Shell
1
mysql-uroot-p
Step 2. Run a “select” query to get the timezone
1
mysql>SELECT@@global.time_zone;
The output of the previous command should be something like this:
Shell
1
2
3
4
5
6
+--------------------+
|@@global.time_zone|
+--------------------+
|SYSTEM|
+--------------------+
1row inset(0.00sec)
As you can see we are getting a SYSTEM value which means that our MySQL instance is using the timezone set in the configuration file: my.cnf.
Alex is an experienced technology professional. Currently, he belongs to Base22; a family with a lot of awesome people!
He loves Computer Sciences and consider himself passionate about research and its application to any aspect of life.
He is also:
Alex Arriaga 
Uncategorized
