Starck Lin

Laravel with Gmail

Coding — Tags: Laravel, PHP — Posted by Starck on June 6, 2013

修改 app/config/mail.php:

host 為 smtp.gmail.com
port 為 465
encryption 為 ssl

<?php

return array(

    'driver' => 'smtp',
    'host' => 'smtp.gmail.com',
    'port' => 465,
    'encryption' => 'ssl',

);

<?php

return array(

'driver' => 'smtp',

'host' => 'smtp.gmail.com',

'port' => 465,

'encryption' => 'ssl',

);

Test:

Route::get('/MailTest', function()
{
    $data['name'] = 'Starck Lin';
    Mail::send('emails.welcome', $data, function($message)
    {
        $message->to('xxx@xxx.com')->subject('Welcome!!!');
    });
});

Route::get('/MailTest', function()

{

$data['name'] = 'Starck Lin';

Mail::send('emails.welcome', $data, function($message)

{

$message->to('[email protected]')->subject('Welcome!!!');

});

Comments (1)

Upgrade Ubuntu

Log — Tags: Ubuntu — Posted by Starck on May 26, 2013

install the update-manager-core package if it is not already installed:

$ sudo apt-get install update-manager-core
Edit /etc/update-manager/release-upgrades and set Prompt=normal;
Launch the upgrade tool with the command:

$ sudo do-release-upgrade -d

List installed packages:

$ sudo dpkg --get-selections

Comments (0)

使用不同版本的 Foundation

Log — Tags: Foundation, Ruby — Posted by Starck on May 24, 2013

切換 ruby

rvm use <version>

rvm list

切換與建立 gemset

你可以使用不同的 gem 設定

rvm gemset create <name>

rvm gemset use <name>

Using Foundation 4

rvm gemset create foundation4
rvm gemset use foundation4
gem install zurb-foundation
gem install compass

rvm gemset create foundation4

rvm gemset use foundation4

gem install zurb-foundation

gem install compass

Using Foundation 3

rvm gemset create foundation3
rvm gemset use foundation3
gem install zurb-foundation --version '< 4'
gem install compass

rvm gemset create foundation3

rvm gemset use foundation3

gem install zurb-foundation --version '< 4'

gem install compass

Comments (0)

Single Web Page Design

Design — Tags: javascript, jQuery — Posted by Starck on May 17, 2013

jquery
bootstrap javascript
modernizr
plugins.js
- FancyBox
- jQuery.ScrollTo
- array.reverse
SMINT

app.js

(function($){
  $(function(){

    // fancybox
    if($(window).width() >= 768){

      $('a.thumb[href$=.png], a.thumb[href$=.jpg], a.thumb[href$=.gif]').fancybox({
          'titleShow': false
        , 'transitionIn': 'elastic'
        , 'transitionOut': 'elastic'
      });

    // scrolling
    var nav = $('#topbar') // nav element
      , navY = nav.offset().top // default position
      , navHeight = nav.height() * 2 // nav height for calculating offsets
      , navLinks = nav.find('a[href^="#"]') // on-page links in nav
      , pageHeight = $('body').height()
      , sections = $('article[role=main]').find('section').reverse() // reversed set of nav sections
      , scrollPos = $(window).scrollTop(); // where are we on the page?
        $(window).scroll(function(){
          scrollPos = $(this).scrollTop();
          // get the active nav item
          navLinks.removeClass('active');
          if(scrollPos &lt; 30){
            $('a[href=#top]').addClass('active');
            $('body').removeClass('scrolled');
          }else{
            $('body').addClass('scrolled');
            sections.each(function(){
              if(scrollPos + navHeight >= $(this).offset().top){
                navLinks.filter('a[href=#' + $(this).attr('id') + ']').addClass('active');
                return false;
              }
            });
          }
        });

        // scrollTo on nav click
        navLinks.click(function(e){
          e.preventDefault();
          var destination = $( $(this).attr('href') ).offset().top,
            distance;
          // have we taken the nav out of flow? offset by navHeight if so
          if(destination > navY){
            destination -= navHeight;
          }
          // distance to scroll as a percent of total height of page
          distance = Math.abs((scrollPos - destination) / pageHeight);
          // sqrt the distance to compress the difference a bit
          // otherwise, short distances will appear to scroll too fast, long ones too slowly
          // goal is to feel as 'proportional' as possible without actual linearity
          // this is based on a 1s scroll time for the whole page, adjust as needed
          $(window).scrollTo(destination, Math.sqrt(distance) * 1000, {
            easing: 'swing'
            });
        });

        //set active state on domready
        $(window).scroll()
          // update anything that could be affected by image heights
          .load(function(){
            navY = nav.offset().top;
            pageHeight = $('body').height();
          })
          .mousemove(function(evt){
            if(evt.clientY &lt; 30){
              $('body').addClass('trigger-menu');
            }else{
              $('body').removeClass('trigger-menu');
            }
          });
    } // window constraint

  });
})(jQuery);

(function($){

$(function(){

// fancybox

if($(window).width() >= 768){

$('a.thumb[href$=.png], a.thumb[href$=.jpg], a.thumb[href$=.gif]').fancybox({

'titleShow': false

, 'transitionIn': 'elastic'

, 'transitionOut': 'elastic'

});

// scrolling

var nav = $('#topbar') // nav element

, navY = nav.offset().top // default position

, navHeight = nav.height() * 2 // nav height for calculating offsets

, navLinks = nav.find('a[href^="#"]') // on-page links in nav

, pageHeight = $('body').height()

, sections = $('article[role=main]').find('section').reverse() // reversed set of nav sections

, scrollPos = $(window).scrollTop(); // where are we on the page?

$(window).scroll(function(){

scrollPos = $(this).scrollTop();

// get the active nav item

navLinks.removeClass('active');

if(scrollPos < 30){

$('a[href=#top]').addClass('active');

$('body').removeClass('scrolled');

}else{

$('body').addClass('scrolled');

sections.each(function(){

if(scrollPos + navHeight >= $(this).offset().top){

navLinks.filter('a[href=#' + $(this).attr('id') + ']').addClass('active');

return false;

}

});

}

});

// scrollTo on nav click

navLinks.click(function(e){

e.preventDefault();

var destination = $( $(this).attr('href') ).offset().top,

distance;

// have we taken the nav out of flow? offset by navHeight if so

if(destination > navY){

destination -= navHeight;

}

// distance to scroll as a percent of total height of page

distance = Math.abs((scrollPos - destination) / pageHeight);

// sqrt the distance to compress the difference a bit

// otherwise, short distances will appear to scroll too fast, long ones too slowly

// goal is to feel as 'proportional' as possible without actual linearity

// this is based on a 1s scroll time for the whole page, adjust as needed

$(window).scrollTo(destination, Math.sqrt(distance) * 1000, {

easing: 'swing'

});

//set active state on domready

$(window).scroll()

// update anything that could be affected by image heights

.load(function(){

navY = nav.offset().top;

pageHeight = $('body').height();

})

.mousemove(function(evt){

if(evt.clientY < 30){

$('body').addClass('trigger-menu');

}else{

$('body').removeClass('trigger-menu');

}

});

} // window constraint

});

})(jQuery);

Comments (0)

Media Query for different Device or Screen

Coding — Tags: CSS, Media Query — Posted by Starck on May 17, 2013

from Media Query Builder

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}

/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
}

/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}

/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
}

/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */
}

/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}

/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    /* insert styles here */
}

/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    /* insert styles here */
}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    /* insert styles here */
}

/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    /* insert styles here */
}

/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
    /* insert styles here */
}

/* (320x480) iPhone (Original, 3G, 3GS) */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

/* insert styles here */

}

/* (320x480) Smartphone, Portrait */

@media only screen and (device-width: 320px) and (orientation: portrait) {

/* insert styles here */

}

/* (320x480) Smartphone, Landscape */

@media only screen and (device-width: 480px) and (orientation: landscape) {

/* insert styles here */

}

/* (480x800) Android */

@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {

/* insert styles here */

}

/* (640x960) iPhone 4 & 4S */

@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {

/* insert styles here */

}

/* (720x1280) Galaxy Nexus, WXGA */

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {

/* insert styles here */

}

/* (720x1280) Galaxy Nexus, Landscape */

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {

/* insert styles here */

}

/* (1024x768) iPad 1 & 2, XGA */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/* insert styles here */

}

/* (768x1024) iPad 1 & 2, Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

/* insert styles here */

}

/* (1024x768) iPad 1 & 2, Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

/* insert styles here */

}

/* (2048x1536) iPad 3 */

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {

/* insert styles here */

}

/* (1280x720) Galaxy Note 2, WXGA */

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {

/* insert styles here */

}

/* (1366x768) WXGA Display */

@media screen and (max-width: 1366px) {

/* insert styles here */

}

/* (1280x1024) SXGA Display */

@media screen and (max-width: 1280px) {

/* insert styles here */

}

/* (1440x900) WXGA+ Display */

@media screen and (max-width: 1440px) {

/* insert styles here */

}

/* (1680x1050) WSXGA+ Display */

@media screen and (max-width: 1680px) {

/* insert styles here */

}

/* (1920x1080) Full HD Display */

@media screen and (max-width: 1920px) {

/* insert styles here */

}

/* (1600x900) HD+ Display */

@media screen and (max-width: 1600px) {

/* insert styles here */

}

Comments (0)

Viewing Chrome Cache

Coding — Tags: Chrome, javascript — Posted by Starck on May 14, 2013

In Chrome chrome://cache/
Click on whichever file you want to view
Settings > Tools > JavaScript Console
Paste code below:

(function() {
    var preTags = document.getElementsByTagName('pre');
    var preWithHeaderInfo = preTags[0];
    var preWithContent = preTags[2];

    var lines = preWithContent.textContent.split('\n');
    var text = '';
    for (var i = 0; i < lines.length; i++) {
        var line = lines[i];
        var firstIndex = 11; // first index of the chars to match
        var indexJump = 4;
        var totalCharsPerLine = 16;
        index = firstIndex;
        for (var j = 0; j < totalCharsPerLine; j++) {
            var hexValAsStr = line.substr(index, 2);
            if (hexValAsStr == '  ') {
                // no more chars
                break;
            }

            var asciiVal = parseInt(hexValAsStr, 16);
            text += String.fromCharCode(asciiVal);

            index += indexJump;
        }
    }

    var headerText = preWithHeaderInfo.textContent;
    var elToInsertBefore = document.body.childNodes[0];
    var insertedDiv = document.createElement("div");
    document.body.insertBefore(insertedDiv, elToInsertBefore);

    // find the filename
    var nodes = [document.body];
    var filepath = '';
    while (true) {
        var node = nodes.pop();
        if (node.hasChildNodes()) {
            var children = node.childNodes;
            for (var i = children.length - 1; i >= 0; i--) {
                nodes.push(children[i]);
            }
        }

        if (node.nodeType === Node.TEXT_NODE && /\S/.test(node.nodeValue)) {
            // 1st depth-first text node (with non-whitespace chars) found
            filepath = node.nodeValue;
            break;
        }
    }
    
    outputResults(insertedDiv, convertToBase64(text), filepath, headerText);

    insertedDiv.appendChild(document.createElement('hr'));

    function outputResults(parentElement, fileContents, fileUrl, headerText) {
        // last updated 1/27/12
        var rgx = /.+\/([^\/]+)/;
        var filename = rgx.exec(fileUrl)[1];

        // get the content type
        rgx = /content-type: (.+)/i;
        var match = rgx.exec(headerText);
        var contentTypeFound = match != null;
        var contentType = "text/plain";
        if (contentTypeFound) {
            contentType = match[1];
        }

        var dataUri = "data:" + contentType + ";base64," + fileContents;

        // check for gzipped file
        var gZipRgx = /content-encoding: gzip/i;
        if (gZipRgx.test(headerText)) {
            filename += '.gz';
        }
        
        // check for image
        var imageRgx = /image/i;
        var isImage = imageRgx.test(contentType);
            
        // create link
        var aTag = document.createElement('a');
        aTag.textContent = "Left-click to download the cached file";
        aTag.setAttribute('href', dataUri);
        aTag.setAttribute('download', filename);
        parentElement.appendChild(aTag);
        parentElement.appendChild(document.createElement('br'));
    
        // create image
        if (isImage) {
            var imgTag = document.createElement('img');
            imgTag.setAttribute("src", dataUri);
            parentElement.appendChild(imgTag);
            parentElement.appendChild(document.createElement('br'));
        }
    
        // create warning
        if (!contentTypeFound) {
            var pTag = document.createElement('p');
            pTag.textContent = "WARNING: the type of file was not found in the headers... defaulting to text file.";
            parentElement.appendChild(pTag);
        }
    }

    function getBase64Char(base64Value) {
        if (base64Value < 0) {
            throw "Invalid number: " + base64Value;
        } else if (base64Value <= 25) {
            // A-Z
            return String.fromCharCode(base64Value + "A".charCodeAt(0));
        } else if (base64Value <= 51) {
            // a-z
            base64Value -= 26; // a
            return String.fromCharCode(base64Value + "a".charCodeAt(0));
        } else if (base64Value <= 61) {
            // 0-9
            base64Value -= 52; // 0
            return String.fromCharCode(base64Value + "0".charCodeAt(0));
        } else if (base64Value <= 62) {
            return '+';
        } else if (base64Value <= 63) {
            return '/';
        } else {
            throw "Invalid number: " + base64Value;
        }
    }

    function convertToBase64(input) {
        // http://en.wikipedia.org/wiki/Base64#Example
        var remainingBits;
        var result = "";
        var additionalCharsNeeded = 0;

        var charIndex = -1;
        var charAsciiValue;
        var advanceToNextChar = function() {
            charIndex++;
            charAsciiValue = input.charCodeAt(charIndex);
            return charIndex < input.length;
        };

        while (true) {
            var base64Char;

            // handle 1st char
            if (!advanceToNextChar()) break;
            base64Char = charAsciiValue >>> 2;
            remainingBits = charAsciiValue & 3; // 0000 0011
            result += getBase64Char(base64Char); // 1st char
            additionalCharsNeeded = 3;

            // handle 2nd char
            if (!advanceToNextChar()) break;
            base64Char = (remainingBits << 4) | (charAsciiValue >>> 4);
            remainingBits = charAsciiValue & 15; // 0000 1111
            result += getBase64Char(base64Char); // 2nd char
            additionalCharsNeeded = 2;

            // handle 3rd char
            if (!advanceToNextChar()) break;
            base64Char = (remainingBits << 2) | (charAsciiValue >>> 6);
            result += getBase64Char(base64Char); // 3rd char
            remainingBits = charAsciiValue & 63; // 0011 1111
            result += getBase64Char(remainingBits); // 4th char
            additionalCharsNeeded = 0;
        }

        // there may be an additional 2-3 chars that need to be added
        if (additionalCharsNeeded == 2) {
            remainingBits = remainingBits << 2; // 4 extra bits
            result += getBase64Char(remainingBits) + "=";
        } else if (additionalCharsNeeded == 3) {
            remainingBits = remainingBits << 4; // 2 extra bits
            result += getBase64Char(remainingBits) + "==";
        } else if (additionalCharsNeeded != 0) {
            throw "Unhandled number of additional chars needed: " + additionalCharsNeeded;
        }

        return result;
    }
})()

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

(function() {

var preTags = document.getElementsByTagName('pre');

var preWithHeaderInfo = preTags[0];

var preWithContent = preTags[2];

var lines = preWithContent.textContent.split('\n');

var text = '';

for (var i = 0; i < lines.length; i++) {

var line = lines[i];

var firstIndex = 11; // first index of the chars to match

var indexJump = 4;

var totalCharsPerLine = 16;

index = firstIndex;

for (var j = 0; j < totalCharsPerLine; j++) {

var hexValAsStr = line.substr(index, 2);

if (hexValAsStr == ' ') {

// no more chars

break;

}

var asciiVal = parseInt(hexValAsStr, 16);

text += String.fromCharCode(asciiVal);

index += indexJump;

}

var headerText = preWithHeaderInfo.textContent;

var elToInsertBefore = document.body.childNodes[0];

var insertedDiv = document.createElement("div");

document.body.insertBefore(insertedDiv, elToInsertBefore);

// find the filename

var nodes = [document.body];

var filepath = '';

while (true) {

var node = nodes.pop();

if (node.hasChildNodes()) {

var children = node.childNodes;

for (var i = children.length - 1; i >= 0; i--) {

nodes.push(children[i]);

}

if (node.nodeType === Node.TEXT_NODE && /\S/.test(node.nodeValue)) {

// 1st depth-first text node (with non-whitespace chars) found

filepath = node.nodeValue;

break;

}

outputResults(insertedDiv, convertToBase64(text), filepath, headerText);

insertedDiv.appendChild(document.createElement('hr'));

function outputResults(parentElement, fileContents, fileUrl, headerText) {

// last updated 1/27/12

var rgx = /.+\/([^\/]+)/;

var filename = rgx.exec(fileUrl)[1];

// get the content type

rgx = /content-type: (.+)/i;

var match = rgx.exec(headerText);

var contentTypeFound = match != null;

var contentType = "text/plain";

if (contentTypeFound) {

contentType = match[1];

}

var dataUri = "data:" + contentType + ";base64," + fileContents;

// check for gzipped file

var gZipRgx = /content-encoding: gzip/i;

if (gZipRgx.test(headerText)) {

filename += '.gz';

}

// check for image

var imageRgx = /image/i;

var isImage = imageRgx.test(contentType);

// create link

var aTag = document.createElement('a');

aTag.textContent = "Left-click to download the cached file";

aTag.setAttribute('href', dataUri);

aTag.setAttribute('download', filename);

parentElement.appendChild(aTag);

parentElement.appendChild(document.createElement('br'));

// create image

if (isImage) {

var imgTag = document.createElement('img');

imgTag.setAttribute("src", dataUri);

parentElement.appendChild(imgTag);

parentElement.appendChild(document.createElement('br'));

}

// create warning

if (!contentTypeFound) {

var pTag = document.createElement('p');

pTag.textContent = "WARNING: the type of file was not found in the headers... defaulting to text file.";

parentElement.appendChild(pTag);

}

function getBase64Char(base64Value) {

if (base64Value < 0) {

throw "Invalid number: " + base64Value;

} else if (base64Value <= 25) {

// A-Z

return String.fromCharCode(base64Value + "A".charCodeAt(0));

} else if (base64Value <= 51) {

// a-z

base64Value -= 26; // a

return String.fromCharCode(base64Value + "a".charCodeAt(0));

} else if (base64Value <= 61) {

// 0-9

base64Value -= 52; // 0

return String.fromCharCode(base64Value + "0".charCodeAt(0));

} else if (base64Value <= 62) {

return '+';

} else if (base64Value <= 63) {

return '/';

} else {

throw "Invalid number: " + base64Value;

}

function convertToBase64(input) {

// http://en.wikipedia.org/wiki/Base64#Example

var remainingBits;

var result = "";

var additionalCharsNeeded = 0;

var charIndex = -1;

var charAsciiValue;

var advanceToNextChar = function() {

charIndex++;

charAsciiValue = input.charCodeAt(charIndex);

return charIndex < input.length;

};

while (true) {

var base64Char;

// handle 1st char

if (!advanceToNextChar()) break;

base64Char = charAsciiValue >>> 2;

remainingBits = charAsciiValue & 3; // 0000 0011

result += getBase64Char(base64Char); // 1st char

additionalCharsNeeded = 3;

// handle 2nd char

if (!advanceToNextChar()) break;

base64Char = (remainingBits << 4) | (charAsciiValue >>> 4);

remainingBits = charAsciiValue & 15; // 0000 1111

result += getBase64Char(base64Char); // 2nd char

additionalCharsNeeded = 2;

// handle 3rd char

if (!advanceToNextChar()) break;

base64Char = (remainingBits << 2) | (charAsciiValue >>> 6);

result += getBase64Char(base64Char); // 3rd char

remainingBits = charAsciiValue & 63; // 0011 1111

result += getBase64Char(remainingBits); // 4th char

additionalCharsNeeded = 0;

}

// there may be an additional 2-3 chars that need to be added

if (additionalCharsNeeded == 2) {

remainingBits = remainingBits << 2; // 4 extra bits

result += getBase64Char(remainingBits) + "=";

} else if (additionalCharsNeeded == 3) {

remainingBits = remainingBits << 4; // 2 extra bits

result += getBase64Char(remainingBits) + "==";

} else if (additionalCharsNeeded != 0) {

throw "Unhandled number of additional chars needed: " + additionalCharsNeeded;

}

return result;

}

})()

Comments (0)

The Beauty of Data Visualization

Design — Tags: Data Visualization, Thinking — Posted by Starck on April 18, 2013

數據分析不是去尋找某個答案, 而是讓我們透過數據去想像, 將數字融入內容當中, 成為故事的一部分。

Comments (0)

V8 Javascript Engine for PHP on Mac

Log — Tags: github, javascript, PHP — Posted by Starck on April 8, 2013

This is a PHP extension embeds the Google V8 Javascript Engine.

V8js extension on Github

Installation

brew install v8
git clone https://github.com/preillyme/v8js
cd v8js
phpize
# MacOS
# ./configure CXXFLAGS="-Wno-c++11-narrowing"
./configure
make; sudo make install

brew install v8

git clone https://github.com/preillyme/v8js

cd v8js

phpize

# MacOS

# ./configure CXXFLAGS="-Wno-c++11-narrowing"

./configure

make; sudo make install

Usage

check samples and tests folder

Problems

如果你經由 PECL 安裝 v8js:

sudo pecl install v8js

你可能會遇到一些編譯上的錯誤, 造成這個問題的原因是因為在 PECL 上的版本 0.1.3 使用了一個已經被最新版 V8 engine 所廢除的函式, 如果想要使用這個版本的話必須要使用 V8 3.15.11 的版本, 降版的方式如下:

brew install v8-3.15.11

如果之後想要切換回新版:

# 查看目前安裝哪些版本
brew info v8
# 切換版本
brew switch 3.17.10

# 查看目前安裝哪些版本

brew info v8

# 切換版本

brew switch 3.17.10

–

Comments (0)

Git Deployment Solution

Coding, Log — Tags: deployment, git, strategy, Thinking, workflow — Posted by Starck on April 2, 2013

Why we need a Git Deployment Solution ?

In our past website develop workflow, we may often update files to production server by FTP, but it maybe causes some problems due to human factors, and it can’t be controlled and tracked for file version. As we increasingly need to maintain our projects by Git, if we are able to update server files while we do Git push, it sounds like a good idea, right? so we dont need to check which files want to upload any more. even we can push our project to development server and production server according to our needs.

在以往網站建置的工作流程中, 我們可能常常是用 FTP 的方式來更新 production server 的檔案. 這之中, 常會發生一些人為因素的失誤造成混亂, 而且也沒有一個紀錄來追蹤檔案的版本情況. 現在的工作愈來愈需要 Git 來維護專案, 而如果我們在每次 Git push 的時候, 也更動 server 的檔案, 似乎是個不錯的 idea? (我們不再需要用 FTP 自已判斷要上傳哪些有被異動過的檔案了!) 甚至我們可以先在本機測完, Git push 到 development server, 沒問題後, 再正式發佈到 production server 上線.

聽起來好像不錯? 那該怎麼作?

需要的工具

Git
一台已經設好 SSH-Server 的主機 ex: production.com

設定流程

假設我們現在是這個情況:

伺服器的 domain name 叫 production.com
伺服器網站的根目錄設在 /var/www/production.com

本機端 (local)

mkdir "your project folder"
cd "your project folder"
# 建立 git 檔案庫
git init
# create release branch
git branch master
git checkout master
git remote add prod-server [email protected]:/var/www/production.com

伺服器端 (production server)

cd /var/www/production.com
git init
git config receive.denyCurrentBranch ignore
git branch master
git checkout master

我們需要用到 Git post-receive hook 來實現當收到 push 資料之後更新到最後版本:

vim .git/hooks/post-receive

將以下 script 內容加上去

#!/bin/sh
cd ..
env -i git reset --hard
env -i git submodule update

#!/bin/sh

cd ..

env -i git reset --hard

env -i git submodule update

別忘了讓 post-receive 是可被執行的:

chmod +x .git/hooks/post-receive

實作流程

本機端 (local)

我們先建立一個 README.md, 然後用 Git push 看看是否伺服器上也會同步:

touch README.md
git add .
git commit -m 'first commit'
git push prod-server master

touch README.md

git add .

git commit -m 'first commit'

git push prod-server master

Git 會用 SSH 的方式連線, 所以請先確認是否能用該 user 連線登入 production server.

–

如果想要之後只打 git push 就佈署到主機, 請加上 -u 參數 git push -u prod-server master

伺服器端 (production server)

ls
-rw-rw-r-- 1 starck starck 32 2013-04-01 19:49 README.md

1 2	ls -rw-rw-r-- 1 starck starck 32 2013-04-01 19:49 README.md

確認 README.md 存在, 成功!

現在, 我們現在有一個比 FTP 上傳更聰明的佈署方式了.

–

2013-04-03 update: 今天在找資料的時候發現 Stack Overflow 有人在討論這個方式.

Stack Overflow: Deploying a Project using Git Push

Comments (0)

« Previous Page — Next Page »