Last weekend I decided to revisit Unity Framework. This is my second attempt to understand game programming. Few years back, I did installed the framework, and played around with the sample games. But it was a failure. I was overwhelmed by the editor and concepts. I tried to follow the tutorials, but didn’t stick. So I threw my towel.

To avoid repeating my previous failure, I decided to take a different strategy. Fortunately, my workplace provided us with access to O’Reilly library. With high hope, I picked up this book:

I should be able to finish this book by the weekend, or so I thought. By the second chapter, I was already bored from the lack of action. I feel that I need something more direct, hands-on approach in order to keep me going. I don’t want surrender for the second time. Luckily, I found this course on Linkedin Learning:

The course is slated for 2 hours 22 minutes. But it took me the whole day to complete it. You know what, it was really worth it. It really helped me to open my eyes, demystify the concepts and slowly introduce me to Unity Editor. I was never overwhelmed and thoroughly enjoyed the lessons.

I know the course is quite dated. The course is using Unity 5 (was released in 2015), while what I have in my laptop is Unity 2020. But kudos to Unity, there is not much visible differences between the two versions. Despite a 5-year gap, the controls in Unity Editor haven’t changed drastically.

Once completed the course, they gave me this certificate:

If the terms animation, collision detection, prefabs are foreign to you, and you want to learn Unity Framework, I highly recommend the course above. For now, enjoy the fruit of my weekend of animating sprites using C# scripts:

Hi Friends! Yesterday I found out that the Brotli compression is not enabled. I saw this information on this blog’s W3 Total Cache plugin. Since I’m not familiar with it, I decided to research about it.

What Is Brotli?

Straight from its Github page:

Brotli is a generic-purpose lossless compression algorithm that compresses data using a combination of a modern variant of the LZ77 algorithm, Huffman coding and 2nd order context modeling, with a compression ratio comparable to the best currently available general-purpose compression methods. It is similar in speed with deflate but offers more dense compression.

The specification of the Brotli Compressed Data Format is defined in RFC 7932.

To be honest, I don’t understand most of the above sentence. I only know lossless compression (contrast it against lossy compression, e.g. JPEG). Anyway, that’s another research in another day.

Brotli vs Gunzip

I have configured this blog to use gunzip. Is there further benefit of using Brotli? Let’s read Nick’s conclusion:

For 5 paragraphs of lorem ipsum, Brotli beats gzip by 5%. If I run the same experiment with the front page of reddit.com from 10/01/2015, Brotli beats gzip by 22%! Note that both measurements were using the compressors out of the box without any tweaking of configuration values.

This Blog’s Configuration

This blog’s OS:

$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description:    Ubuntu 18.04.6 LTS
Release:        18.04
Codename:       bionic

PHP version:

$ php --version
PHP 7.4.24 (cli) (built: Sep 23 2021 21:35:51) ( NTS )
Copyright (c) The PHP Group
Zend Engine v3.4.0, Copyright (c) Zend Technologies
    with Zend OPcache v7.4.24, Copyright (c), by Zend Technologies

NGINX version:

$ nginx -v
nginx version: nginx/1.17.3

Next steps is where we install and configure all the required components in order to enable Brotli compression.

Install Brotli

Installation command:

sudo apt-get install brotli

Command to verify brotli installation:

$ brotli --version
brotli 1.0.4

Now brotli is installed in the system. Let’s continue by working on PHP installation.

Install Brotli Extension for PHP

First we need to install PHP-dev (so we can run phpize):

sudo apt-get install php7.4-dev

Then run the following commands to get the extension’s source code, build and install:

cd /tmp
git clone –recursive –depth=1 https://github.com/kjdev/php-ext-brotli.git
cd php-ext-brotli
phpize
./configure
make
make install

Edit php.ini, add the following (find the location of the commented extension. e.g: ;extension=xxxx.so):

extension=brotli.so

Reload PHP:

sudo service php7.4-fpm reload
sudo service php7.4-fpm restart

Install Brotli extension for NGINX

Run the following command:

sudo apt-add-repository -y ppa:hda-me/nginx-stable
sudo apt-get update
sudo apt-get install brotli nginx nginx-module-brotli

Edit nginx.conf to load the modules:

        ## ngx_brotli filter module - used to compress responses on-the-fly.
        load_module modules/ngx_http_brotli_filter_module.so;
        ## ngx_brotli static module - used to serve pre-compressed files.
        ## Both ngx_brotli modules could be used separately, but part of nginx-module-brotli package
        load_module modules/ngx_http_brotli_static_module.so;

Further brotli configuration will be handled by W3 Total Cache. Restart NGINX:

sudo service nginx restart

Enable Brotli in W3 Total Cache

Go to plugin settings, Browser Cache:

We need to enable it in three locations: General, CSS & JS, and HTML & XML. Once we applied the settings, verify the .conf generated in /etc/nginx/available-sites:

# BEGIN W3TC Browser Cache
brotli on;
brotli_types text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/richtext text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access video/webm application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint image/svg+xml application/x-shockwave-flash image/tiff application/x-font-ttf audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel;
gzip on;
gzip_types text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/richtext text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access video/webm application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint image/svg+xml application/x-shockwave-flash image/tiff application/x-font-ttf audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel;
location ~ (robots\.txt|[a-z0-9_\-]*sitemap[a-z0-9_\-]*\.(xml|xsl|html)(\.gz)?) {
    try_files $uri $uri/ /index.php?$args;
}

Finally, verify the result in browser:

That’s all friends! I hope it helps.

This post will be impossible without information from the following sources:

1. https://github.com/kjdev/php-ext-brotli
2. https://nixcp.com/brotli-compression-nginx/
3. https://computingforgeeks.com/how-to-enable-gzip-brotli-compression-for-nginx-on-linux/

I never professionally dealing with WCF in my working life. All my previous projects were not using WCF. By using, I mean providing services for other systems to consume. If any, they were only consuming web services from other systems. So WCF is one of many areas in .NET-world which I am yet to explore deeply.

But why WCF, and why now? I myself consider this decision to pick up WCF now is quite silly. First, that WCF is no longer actively develop by Microsoft. Second, Microsoft is already working on the replacement (WCF Core). But since it’s not yet production-ready, Microsoft is currently recommending gRPC for production.

But in Singapore, many businesses (especially Government-linked) are fully Microsoft-shop and heavily using WCF. That is my conclusion after seeing many job postings ask for WCF skills. So this is my effort to improve my professional skill, and widen my possible career-net 😀

In order to be able to host WCF projects in my laptop (Windows 10 upgraded to Windows 11), I need to enable IIS. I did stumbled here and there in my progress, so I write it down here for my own future reference. And hopefully, it will also help others. So here’s what I’ve learned.

How To Enable IIS

1. Press Window button
2. Type turn Windows features on or off
3. Select and expand “Internet Information Services”
   
4. Select and expand “World Wide Web Service”
   
5. Select and expand “Application Development Feature”. Select the .NET version to work with.
   
6. Expand “.NET Framework 4.8 Advanced Services”
   
7. Select and expand “WCF Services”
   

Now we need to verify that IIS is able to serve .svc files (Web Service Descriptor, shown below).

<%@ ServiceHost Language="C#" Debug="true" 
    Service="Service" 
    CodeBehind="~/App_Code/Service.cs" %>

1. Press Window + R keys
2. Type inetmgr, then press Enter
3. Click “Handler Mappings”
   
4. Verify that *.svc handlers are listed.
   

That’s all friends. I hope it helps. Cheers!