Wei Shih Hsun Profile

Wednesday, March 2, 2016

Create a dropdown Date using JavaScript

1. Include jquery, moment.js and combodate.js on your page


<script src="js/jquery.js"></script> 
<script src="js/moment.min.js"></script> 
<script src="js/combodate.js"></script>

2. Markup input elements to be used for date and time values


<input name="playerDate" value="15-05-1984" data-format="DD-MM-YYYY" data-template="D MMM YYYY">  

3.Markup Javascript

 <script type="text/javascript">
  // Date 
  $(function(){
   $('#playerDate').combodate();  });
</script>

Download source code:

https://github.com/gcoolmaneric/jquery-php-html5/tree/master/dropdownDate

Upload images using JQuery and PHP for different device

Do you want to create a form that could allow you to upload images on different device ?
You can use jquery and php to make it done.

Add the following codes to html page.

<body>
     <form id="upload" method="post" action="upload.php" enctype="multipart/form-data">
            <div id="drop">
                Drop Here

                <a>Browse</a>
                <input type="file" name="upl" multiple />
            </div>

            <ul>
                
            </ul>

        </form>

        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="assets/js/jquery.knob.js"></script>

        
        <script src="assets/js/jquery.ui.widget.js"></script>
        <script src="assets/js/jquery.iframe-transport.js"></script>
        <script src="assets/js/jquery.fileupload.js"></script>

        
        <script src="assets/js/script.js"></script>
</body>

PHP Code

upload.php
<?php

// A list of permitted file extensions
$allowed = array('png', 'jpg', 'gif','zip');

if(isset($_FILES['upl']) && $_FILES['upl']['error'] == 0){

    $extension = pathinfo($_FILES['upl']['name'], PATHINFO_EXTENSION);

    if(!in_array(strtolower($extension), $allowed)){
       echo '{"status":"error"}';
       exit;
    }

    if(move_uploaded_file($_FILES['upl']['tmp_name'], 'uploads/'.$_FILES['upl']['name'])){
       echo '{"status":"success"}';
       exit;
    }
}

echo '{"status":"error"}';
exit;

?>

Download source codes:
https://github.com/gcoolmaneric/jquery-php-html5/tree/master/uploadImage

Change the maximum upload file size

You need to set the value of upload_max_filesize and post_max_size in your php.ini :

 vim /etc/php5/apache2/php.ini

; Maximum allowed size for uploaded files.
upload_max_filesize = 20M

; Must be greater than or equal to upload_max_filesize
post_max_size = 20M

Tuesday, March 1, 2016

How to clear browser cache with S3 on AWS ?

If you use S3 CDN on AWS to speed up website`s performance, your updated files will not take effect immediately. The cause of this problem is the browser usually tries to save and read downloaded files like SWF at local cache.

How do you tell the browser to clear its cache while updating files ?
You can add the following header to solve this problem.

Add Cache Clear header manually with S3 UI

1. Upload files to S3

2. Select your uploaded files and Add "Cache-Control" header to enforce the browser not to cache any files and to read the latest ones.

header : Cache-Control
value: max-age=0, no-cache, no-store, must-revalidate

3. Push a button to make your uploaded files public

Upload files to S3 and add Cache Clear header automatically

1. Install aws and s3cmd
// Install aws
apt-get install aws
// Download and install s3cmd
http://s3tools.org/repositories

// Install
tar xvfz s3cmd-1.0.0-rc1.tar.gz
cd s3cmd-1.0.0-rc1/
python setup.py install

// Set up s3cmd
./s3cmd --configure

2.Deployment

Copy the following commands in your script file. Then you can execute this task automatically while updating files.

// Upload Files to s3
aws s3 sync /var/www/html/yourproject/client s3://yourbucket/client --cache-control max-age=0 --acl public-read

// Add Cache Clear header
s3cmd --recursive modify --add-header="Cache-Control:max-age=0, no-cache, no-store, must-revalidate" s3://yourbucket/client

// Make files Public
s3cmd setacl s3://yourbucket/client --acl-public --recursive

Monday, February 29, 2016

Development Tool for Quick-Cocos2dx-Community Lua

I have tried many IDE tools for programming Lua. Cocos IDE v1.2 only supports Quick-cocos2d v3.3 and Sublime is nothing but an editor. I want to find an IDE that could make break point for debugging and easy to use. ZeroBraneStudio is the most easiest IDE i recommend you use.

// Download ZeroBraneStudio - https://studio.zerobrane.com/

1.Extract zip ZeroBraneStudio-1.30-38

2.Execute zbstudio.exe

3.Import source codes into zbstudio

4. Add ZeroBrane Studio [ZeroBrane]/lualibs/mobdebug/mobdebug.lua）to src/

5. Add the following line of code to coinflip/scripts/main.lua

require("mobdebug").start()

6. At ZeroBrane Studio, select Project->Start Debugger Server

7.Set up break point

8.Open main.lua by player3

9.Debug

How to buld Quick-Cocos2dx-Community for Android and iPhone ?

Build APK for Android

1.Install

    JDK

        http://www.oracle.com/technetwork/java/javase/downloads/index.html

    Android SDK

        http://developer.android.com/sdk/installing/index.html?pkg=tools

    Android NDK 9d

        http://dl.google.com/android/ndk/android-ndk-r9-windows-x86_64.zip

    Apache Ant

        http://ant.apache.org/bindownload.cgi

2.Configure environment

// Change settings for JAVA_HOME, ANT_ROOT,

// NDK_ROOT, ANDROID_NDK_ROOT

// ANDROID_SDK_ROOT, ANDROID_HOME

$ vim ~/.profile

export JAVA_HOME="$(/usr/libexec/java_home)"

# Add environment variable ANT_ROOT for cocos2d-x

export ANT_ROOT=/usr/local/apache-ant/bin

# Add environment variable NDK_ROOT for cocos2d-x

export NDK_ROOT=/Users/Tester/Desktop/cocos2dx/android/android-ndk-r9d

export PATH=$NDK_ROOT:$PATH

export ANDROID_NDK_ROOT=/Users/Tester/Desktop/cocos2dx/android/android-ndk-r9d

export PATH=$ANDROID_NDK_ROOT:$PATH

# Add environment variable ANDROID_SDK_ROOT for cocos2d-x

export ANDROID_SDK_ROOT=/Users/Tester/Desktop/cocos2dx/android/android-sdk-macosx

export ANDROID_HOME=/Users/Tester/Desktop/cocos2dx/android/android-sdk-macosx

export PATH=$ANDROID_HOME:$PATH

PATH=/usr/local/bin:$PATH:~/bin:~/bin/python:$ANDROID_SDK_ROOT/tools:$ANDROID_SDK_ROOT/platform-tools:$ANT_ROOT:

# Quick cocos2dx

export QUICK_V3_ROOT=`cat ~/.QUICK_V3_ROOT`

3. Create a project named “dev” by player

// Goto Android folder of dev

cd dev/frameworks/runtime-src/proj.android

// clean files

./clean.sh

// Compile Quick-Cocos2dx-Community Engine Lib and output libcocos2dlua.so

./ build_native.sh

// Update Android Settings

./android update project -p . -t 1

// Set up properties pointing to Quick-Cocos2d-Community folder

// Relative Path

vim project.properties

android.library.reference.1=../../../../../cocos2dx/Quick-Cocos2dx-Community/cocos/platform/android/java

4. Update Android settings in Quick-cocos2dx-Community folder

cd cocos2dx/Quick-Cocos2dx-Community/cocos/platform/android/java

./android update project -p . -t 1

5. Build apk and debug

// Goto Android folder of dev

cd dev/frameworks/runtime-src/proj.android

// Build

// Dev mode

ant debug

// Release

ant release

// Clean settings

ant clean

// Deploy Apk to Android device

apk is saved in proj.android/bin/dev-debug.apk

cd proj.android/bin/

adb install dev-debug.apk

Build IPA for iPhone

// Goto iPhone project folder

cd dev/frameworks/runtime-src/proj.ios_mac/

// Open xcode project and build ipa

cd dev/frameworks/runtime-src/proj.ios_mac/

Sunday, February 28, 2016

How to setup PHP development for Couchbase ?

// Install PHP Lib for couchbase

gie clone git@github.com:couchbase/php-ext-couchbase.git

// Install couchbase.so

http://packages.couchbase.com/ubuntu/couchbase.key

wget -O http://packages.couchbase.com/ubuntu/couchbase.key

sudo apt-key add

echo "deb http://packages.couchbase.com/ubuntu trusty trusty/main" >> /etc/apt/sources.list.d/couchbase

apt-get update

sudo apt-get install libcouchbase2-core libcouchbase2-libevent libcouchbase2-devel

pecl install couchbase-1.2.5

// Setup couchbase.so

cd /etc/php5/apache2/conf.d

ln -s ../../mods-available/couchbase.ini 30-couchbase.ini

cd /etc/php5/cli/conf.d

ln -s ../../mods-available/couchbase.ini 30-couchbase.ini

// Check command

php -i | grep ini

Install, Uninstall, Backup, and Restore Couchbase.

Install Couchbase

# sudo dpkg -i couchbase-server-enterprise_3.0.2-ubuntu12.04_amd64.deb

Uninstall Couchbase

# sudo dpkg -r couchbase-server

Backup Couchbase

# ./cbbackup http://IP Address:8091 /home/backup-dump

Restore Couchbase

#./cbrestore /home/backup-dump http://username:password@IP Address:8091 --bucket-source=default

reference : http://docs.couchbase.com/couchbase-manual-2.5/cb-install/

Friday, February 26, 2016

How to sync time with NTP on Ubuntu ?

sudo apt-get install ntp

vim /etc/ntp.conf
server ntp.nict.jp
server ntp1.jst.mfeed.ad.jp
server ntp2.jst.mfeed.ad.jp
server ntp3.jst.mfeed.ad.jp

service ntp restart
ntpdate ntp.nict.jp

sudo dpkg-reconfigure tzdata

Monday, February 8, 2016

How to rsync local folder to remote folder ?

Rsync local folder to remote folder

Command

rsync -avz --delete -e 'ssh -i key' localfolder username@remote ip:remote folder

Ex:
rsync -avz --delete -e 'ssh -i server.pem' test ubuntu@192.168.0.1:/var/www/html/test/

Sunday, February 7, 2016

Install Apache, PHP, and Memcached on CentOS

Install Apache

# yum install update

Setup Apache

# vim /etc/httpd/conf/httpd.conf

<Directory "/var/www/html">
AllowOverride all
#
# Controls who can get stuff from this server.
#
Order allow,deny
Allow from all

</Directory>

Install PHP

# yum install php

# yum install php-gd php-ldap php-odbc php-pear php-xml php-xmlrpc php-mbstring php-snmp php-soap curl curl-devel

curl-d

Check PHP

# vim /var/www/html/info.php

<?php
phpinfo();
?>

// Test Link

http://Server`s IP/info.php

Install Memcached

#yum install memcached

Start Memcached

# chkconfig --level 235 memcached on

# /etc/init.d/memcaached start

# /etc/init.d/memcached sratus

Install Memcached Perl Library

Install perl library for Memcached.

# yum install perl-Cache-Memcached

Install Memcached Python Library

Install python library for Memcached.

# yum install python-memcached

Restart Apache

Restart the Apache service to reflect changes.

# /etc/init.d/httpd restart
OR
# service httpd restart

Check Memcache

# vim /var/www/html/memtest.php

<?php
$memcache = new Memcache;
$memcache->connect('localhost', 11211) or die ("Could not connect");
$version = $memcache->getVersion();
echo "Server's version: ".$version."<br/>\n";
$tmp_object = new stdClass;
$tmp_object->str_attr = 'test';
$tmp_object->int_attr = 123;
$memcache->set('key', $tmp_object, false, 10) or die ("Failed to save data at the server");
echo "Store data in the cache (data will expire in 10 seconds)<br/>\n";
$get_result = $memcache->get('key');
echo "Data from the cache:<br/>\n";
var_dump($get_result);
?>

// Test Link
http://Server`s IP/memtest.php

Restrat Apache

# /etc/init.d/httpd restart

Thursday, February 4, 2016

How to optimize Apache, setup Memcached and PHP on Ubuntu ?

Install and setup Apache

// Install Apache2

sudo apt-get install apache2

// Edit Config

vim /etc/apache2/apache2.conf

<IfModule mpm_prefork_module>

StartServers 10

MinSpareServers 10

MaxSpareServers 10

ServerLimit 256

MaxClients 256

MaxRequestsPerChild 10000

</IfModule>

// check module

apachectl -V | grep -i mpm

// disable event

a2dismod mpm_prefork

// Enable Prefork

a2enmod mpm_prefork

// Restart Apache

service apache restart

Install Memcahced

// Install memcached

sudo apt-get update

sudo apt-get install php5 php5-memcache

sudo apt-get install memcached

sudo apt-get install php-pear

sudo apt-get install build-essential

sudo pecl install memcache

// restart memcached

sudo service memcached restart

You should add "extension=memcache.so" to php.ini and restart Apache

// Check Memcache

ps aux | grep memcache

Install PHP

sudo apt-get install php5 php5-mysql

sudo apt-get install --purge mysql-client mysql-common

// Remove MYSQL

sudo apt-get remove --purge mysql-server mysql-client mysql-common

sudo apt-get autoremove

sudo apt-get autoclean

Solutions to common problems

Problem1:

The mcrypt extension is missing. Please check your PHP configuration.

Solution:

sudo apt-get install php5-mcrypt

sudo apt-get install mcrypt

Problem2:

Need CURL PHP extension to connect facebook

Solution:

sudo apt-get install curl libcurl3 libcurl3-dev php5-curl

Problem3:

Echo PHP Not Support at HTML

Solution:

vim /etc/php5/apache2/php.ini

short_open_tag = On

service apache2 stop

service apache2 start

chown -R www-data /var/www/html/
chmod -R u+w /var/www/html/

Personal Project

Wednesday, March 2, 2016

Add the following codes to html page.

PHP Code

Change the maximum upload file size

Tuesday, March 1, 2016

Add Cache Clear header manually with S3 UI

Upload files to S3 and add Cache Clear header automatically

1. Install aws and s3cmd// Install aws apt-get install aws// Download and install s3cmdhttp://s3tools.org/repositories// Install tar xvfz s3cmd-1.0.0-rc1.tar.gzcd s3cmd-1.0.0-rc1/python setup.py install// Set up s3cmd./s3cmd --configure

Monday, February 29, 2016

Build APK for Android

1.Install

2.Configure environment

3. Create a project named “dev” by player

4. Update Android settings in Quick-cocos2dx-Community folder

5. Build apk and debug

Build IPA for iPhone

Sunday, February 28, 2016

// Install PHP Lib for couchbase

gie clone git@github.com:couchbase/php-ext-couchbase.git

// Install couchbase.so

// Setup couchbase.so

cd /etc/php5/apache2/conf.d ln -s ../../mods-available/couchbase.ini 30-couchbase.ini cd /etc/php5/cli/conf.d ln -s ../../mods-available/couchbase.ini 30-couchbase.ini

// Check command

php -i | grep ini

Install Couchbase

# sudo dpkg -i couchbase-server-enterprise_3.0.2-ubuntu12.04_amd64.deb

Uninstall Couchbase

# sudo dpkg -r couchbase-server

Backup Couchbase

# ./cbbackup http://IP Address:8091 /home/backup-dump

Restore Couchbase

#./cbrestore /home/backup-dump http://username:password@IP Address:8091 --bucket-source=default

reference : http://docs.couchbase.com/couchbase-manual-2.5/cb-install/

Friday, February 26, 2016

Monday, February 8, 2016

Rsync local folder to remote folder

Command

Sunday, February 7, 2016

Install Apache

# yum install update

Setup Apache

# vim /etc/httpd/conf/httpd.conf

Install PHP

# yum install php-gd php-ldap php-odbc php-pear php-xml php-xmlrpc php-mbstring php-snmp php-soap curl curl-devel curl-d

Check PHP

// Test Link http://Server`s IP/info.php

Install Memcached

#yum install memcached

Start Memcached

Install Memcached Perl Library

Install Memcached Python Library

Restart Apache

Check Memcache

Restrat Apache

Thursday, February 4, 2016

Install and setup Apache // Install Apache2 sudo apt-get install apache2 // Edit Config vim /etc/apache2/apache2.conf

Install and setup Apache

Install Memcahced

Install Memcahced

Install Memcahced

Install PHP

Install PHP

Install PHP

Solutions to common problems

Solutions to common problems

Solutions to common problems

1. Install aws and s3cmd
// Install aws
apt-get install aws
// Download and install s3cmd
http://s3tools.org/repositories

// Install
tar xvfz s3cmd-1.0.0-rc1.tar.gz
cd s3cmd-1.0.0-rc1/
python setup.py install

// Set up s3cmd
./s3cmd --configure

cd /etc/php5/apache2/conf.d

ln -s ../../mods-available/couchbase.ini 30-couchbase.ini

cd /etc/php5/cli/conf.d

ln -s ../../mods-available/couchbase.ini 30-couchbase.ini

# yum install php-gd php-ldap php-odbc php-pear php-xml php-xmlrpc php-mbstring php-snmp php-soap curl curl-devel
curl-d

// Test Link

http://Server`s IP/info.php

Install and setup Apache

// Install Apache2

sudo apt-get install apache2

// Edit Config

vim /etc/apache2/apache2.conf