帶著筆記學程式 http://studio.zeuik.com 筆記中就只有程式與所想 Thu, 23 Feb 2012 11:31:08 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 FreeBSD Git 安裝筆記 (2) http://feedproxy.google.com/~r/seekstudio/wp/~3/h9O4tKaaLT8/ http://studio.zeuik.com/?p=1120#comments Thu, 23 Feb 2012 11:31:08 +0000 Zeuxis http://studio.zeuik.com/?p=1120 這篇主要是修正之前那篇 FreeBSD install Git and GitWeb 記錄的問題
解決了某些輸入密碼和 git shell 不能用的情況

  1.  # 切到 git 用戶測試
  2.  su git
  3.  
  4.  # 可能會輸出以下錯誤
  5.  fatal: Interactive git shell is not enabled.
  6.  hint: ~/git-shell-commands should exist and have read and execute access.
  7.  
  8.  # 解決方法是複製 git-shell-commands 目錄到 git 用戶目錄
  9.  cd /home/git
  10.  cp -Rf /usr/local/share/git-core/contrib/git-shell-commands .
  11.  
  12.  # 再來改變權限
  13.  chown -R git: git-shell-commands/
  14.  chmod +x git-shell-commands/help
  15.  chmod +x git-shell-commands/list
  16.  
  17.  # 找出 git-shell 位置
  18.  which git-shell
  19.  
  20.  # 之後修改 git 用戶的 shell 到剛才找出的位置
  21.  chsh -s /usr/local/bin/git-shell git
  22.  
  23.  # 注意
  24.  - 最後確保 /home/git/.ssh/authorized_keys 內的 key 是正確
  25.  - 再測試在自機測試 clone 遠端的 repo,應該就不需要密碼了
  26.  - 例如遠端目錄的樣子是: /home/git/work/core.git
  27.  
  28.  git clone git@example.com:work/core.git
]]> http://studio.zeuik.com/?feed=rss2&p=1120 0 http://studio.zeuik.com/?p=1120 JavaScript Prototype (原型鏈) 小記 http://feedproxy.google.com/~r/seekstudio/wp/~3/C9EcIphEnpI/ http://studio.zeuik.com/?p=1118#comments Wed, 22 Feb 2012 05:12:19 +0000 Zeuxis http://studio.zeuik.com/?p=1118 事緣剛上線後不久..
就和網友討論到JavaScript的Prototype(原型鏈),
在討論中大家都寫了一小點的代碼來討論一些事情,
所以記錄一下相關的實現方法,
兩個版本都參考了jQuery的實現,感覺奇技淫巧

這是朋友在解決問後提供的版本

  1.  < !doctype html>
  2.  <html lang="zh-tw">
  3.  <head></head>
  4.  <body>
  5.  <p>Attr: [<em id="attr" title="huge, gigantic">large</em>].</p>
  6.  </body>
  7.  <script>
  8.  (function(){
  9.  
  10.      window.$=function(c,o){
  11.          console.log(this.init?'>> Init':'>> New Class');
  12.          return this.init?this.init(c,o):new $(c,o);
  13.      };
  14.  
  15.      $.fn=$.prototype={
  16.          init:function(c){
  17.              console.log('init');
  18.              this[0]=document.getElementById(/^[^< ]*(<(.|\s)+>)[^>]*$|^#(\w+)$/.exec(c)[3]);
  19.              return this;
  20.          },
  21.          html:function(c){
  22.              console.log('html');
  23.              return this[0].innerHTML;
  24.          }
  25.      };
  26.  })();
  27.  
  28.  alert($('#attr').html());
  29.  alert($('#attr').html());
  30.  </script>
  31.  </html>

之後是我修改和重寫後的faker版本

  1.  < !doctype html>
  2.  <html lang="zh-tw">
  3.  <head>
  4.  </head>
  5.  <body>
  6.  <p>Attr: [<em id="attr" title="huge, gigantic">large</em>].</p>
  7.  <p>Attr: [<em id="attr2" title="huge, gigantic">large2</em>].</p>
  8.  </body>
  9.  <script>
  10.  var faker = (function(){
  11.      var faker = function(id) {
  12.          console.log('New Class');
  13.          return new faker.fn.init(id);
  14.      };
  15.  
  16.      faker.fn = faker.prototype ={
  17.          init: function(id) {
  18.              console.log('init');
  19.              this.fakerObject = window.document.getElementById(id);
  20.              return this;
  21.          },
  22.         
  23.          html:function() {
  24.              console.log('html');
  25.              return this.fakerObject.innerHTML;
  26.          }
  27.      };
  28.     
  29.      faker.fn.init.prototype = faker.fn;
  30.  
  31.      return window.faker = window.$ = faker;
  32.  })();
  33.  
  34.  console.log("第一次"); alert(faker('attr').html());
  35.  console.log("第二次"); alert(faker('attr2').html());
  36.  </script>
  37.  </html>
]]> http://studio.zeuik.com/?feed=rss2&p=1118 0 http://studio.zeuik.com/?p=1118 CloudFoundry 中部署 Node.js+MongoDB http://feedproxy.google.com/~r/seekstudio/wp/~3/Aal7udEhYO8/ http://studio.zeuik.com/?p=1114#comments Thu, 09 Feb 2012 14:11:41 +0000 Zeuxis http://studio.zeuik.com/?p=1114 大約記錄一下部署到 CloudFoundry 的情況

  1.  # 建立一個獨立的環境來安裝需要的 VMC 指令
  2.  rvm gemset create cloudfoundry
  3.  rvm gemset use cloudfoundry
  4.  gem install vmc --no-rdoc --no-ri
  5.  
  6.  # 安裝完成後可以查看可用指令
  7.  vmc --help
  8.  
  9.  # 先設定 API 位置之後登入
  10.  vmc target api.cloudfoundry.com
  11.  vmc login
  12.  
  13.  # 登入時會出現以下介面
  14.  Email: [輸入註冊時的電郵]
  15.  Password: [輸入註冊時的位置]
  16.  Successfully logged into [http://api.cloudfoundry.com]
  17.  
  18.  # 之後進入到自己的專案位置
  19.  # 同時通過 NPM 安裝依賴套件
  20.  cd ~/Project/Path
  21.  npm install
  22.  
  23.  # 第一次新建的應用通過以下指令部署
  24.  vmc push
  25.  
  26.  # 第一次時會有以下問題出現
  27.  Would you like to deploy from the current directory? [yN]: y
  28.  Application Name: [ProjectName] (應用名字)
  29.  Application Deployed URL: '[ProjectName] (應用名字).cloudfoundry.com'?
  30.  Detected a Node.js Application, is this correct? [yN]: y
  31.  Memory Reservation [Default:64M] (64M, 128M, 256M, 512M, 1G or 2G)
  32.  Creating Application: OK
  33.  Would you like to bind any services to '[ProjectName] (應用名字)'? [yN]: y
  34.  The following system services are available
  35.  1: mongodb
  36.  2: mysql
  37.  3: postgresql
  38.  4: rabbitmq
  39.  5: redis
  40.  Please select one you wish to provision: 1
  41.  Specify the name of the service [mongodb-隨機數]:
  42.  Creating Service: OK
  43.  Binding Service [mongodb-隨機數]: OK
  44.  Uploading Application:
  45.    Checking for available resources: OK
  46.    Processing resources: OK
  47.    Packing application: OK
  48.    Uploading (2K): OK   
  49.  Push Status: OK
  50.  Staging Application: OK
  51.  Starting Application: OK
  52.  
  53.  # 當部署完成後可以通過以下網址查看
  54.  http://[ProjectName].cloudfoundry.com
  55.  
  56.  # 當需要更新整個應用時,進入相應目錄後用以下指令
  57.  vmc update [ProjectName]
  58.  
  59.  # 當需要查看相關應用文件時(應用的檔案,日誌記錄)
  60.  vmc files [ProjectName]
  61.  
  62.  # 上面的指令就會列出關於這個專案的目錄
  63.  - app (整個應用存放於此)
  64.  - logs (應用的日誌記錄)
  65.  
  66.  # 輸入以下指令就可以進入對應目錄查看有什麼檔案
  67.  vmc files [ProjectName] logs
  68.  - stdout.log
  69.  - stderr.log
  70.  
  71.  # 執行以下指令則會列出這檔案的內容
  72.  vmc files [ProjectName] logs/stdout.log
  73.  
  74.  # 當部署應用屬於 Node.js 時需要注意以下幾點
  75.  1. 應用的 port, host 需要由 ENV 中取得
  76.  2. 目前測試時 require("abc.json") 會發生錯 (可能版本不同)
  77.  
  78.  關於第一點可以通過以下方法修改 (以 expressjs 為例)
  79.  
  80.  var port = (process.env.VMC_APP_PORT || 3000);
  81.  var host = (process.env.VCAP_APP_HOST || 'localhost');
  82.  
  83.  app.listen(port, host);
  84.  
  85.  否則可能會出現以下情況
  86.  Application state is undetermined, not enough information available.
  87.  
  88.  如果還是解決不了可以再看上面的方法查看 stderr.log 了解
  89.  
  90.  # 再者當部署的資料庫是 Node.js 時需要注意連結部份
  91.  if(process.env.VCAP_SERVICES){
  92.      var env = JSON.parse(process.env.VCAP_SERVICES);
  93.      var dsnObject = env['mongodb-1.8'][0]['credentials'];
  94.      var mongoDSN = "mongodb://" + dsnObject.username + ":" + dsnObject.password + "@" + dsnObject.hostname + ":" + dsnObject.port + "/" + dsnObject.db;
  95.  }else{
  96.      var mongoDSN = "mongodb://localhost/database";
  97.  }
]]> http://studio.zeuik.com/?feed=rss2&p=1114 0 http://studio.zeuik.com/?p=1114 ExpressJS View 中共用/分享/全域變數 http://feedproxy.google.com/~r/seekstudio/wp/~3/GFoiLhJ0lKs/ http://studio.zeuik.com/?p=1112#comments Fri, 03 Feb 2012 11:10:20 +0000 Zeuxis http://studio.zeuik.com/?p=1112 在 app.js 的設定中設置 view options 這個值的內容,如:

  1.  app.configure(function(){
  2.      app.set('view options', {
  3.          siteTitle: config.siteTitle
  4.      })
  5.  });

而原來的頁面代碼就會長得像這樣:

  1.  app.get('/', function(req, res) {
  2.      res.render('index/index');
  3.  });

之後就可以直接在模版中使用 siteTitle 這變數

  1.  !!!
  2.  html
  3.      head
  4.          title= siteTitle

除了設置 view options 的內容外,
也可以通過注冊 helper 這類方法實現

  1.  app.helpers({
  2.      config: config
  3.  });
  1.  !!!
  2.  html
  3.      head
  4.          title= config.site_name
]]> http://studio.zeuik.com/?feed=rss2&p=1112 0 http://studio.zeuik.com/?p=1112 node-dev 套件無法顯示 growl 提示訊息 http://feedproxy.google.com/~r/seekstudio/wp/~3/1_Vr2EovG14/ http://studio.zeuik.com/?p=1110#comments Fri, 03 Feb 2012 10:55:01 +0000 Zeuxis http://studio.zeuik.com/?p=1110 之前在開發時,會使用 forever 套件來作為簡化重啟部驟
有時候發生了錯誤,還待到終端機看情況,不太方便
後來發現 node-dev 後就比較方便了,因為他結合了 growl 的提示
但使用前必須先裝上 growlnotify 指令,記錄一下

  1.  # 查看是否已有 growlnotify
  2.  which growlnotify
  3.  
  4.  # 如果沒有題示路徑則安裝
  5.  1. 去往 http://growl.info/ 網站
  6.  2. 到 Download 頁面 http://growl.info/downloads
  7.  3. 下載名為 GrowlNotify 1.3 的檔案並安裝
  8.  4. 之後再測試上面的 which 指令就可以了
]]> http://studio.zeuik.com/?feed=rss2&p=1110 0 http://studio.zeuik.com/?p=1110 Sublime Text 2 代碼高亮 Jade, Stylus http://feedproxy.google.com/~r/seekstudio/wp/~3/GDOIPH_7v44/ http://studio.zeuik.com/?p=1109#comments Thu, 02 Feb 2012 12:13:57 +0000 Zeuxis http://studio.zeuik.com/?p=1109
  1.  # 切到 Sublime Text 2 Packages
  2.  cd "~/Library/Application Support/Sublime Text 2/Packages"
  3.  
  4.  # 安裝 Jade Package
  5.  git clone https://github.com/miksago/jade-tmbundle.git Jade
  6.  
  7.  # 安裝 Stylus Package
  8.  mkdir Stylus && cd Stylus
  9.  git clone https://github.com/LearnBoost/stylus.git tmp
  10.  mv tmp/editors/Stylus.tmbundle/* .
  11.  rm -Rf tmp
  12.  
  13.  # 最後重啟 Sublime Text 再設定 Syntax 就可以了
  14.  # 可以根據上一篇文章
]]> http://studio.zeuik.com/?feed=rss2&p=1109 0 http://studio.zeuik.com/?p=1109 Sublime Text 2 預設副檔名高亮代碼 http://feedproxy.google.com/~r/seekstudio/wp/~3/aQG1uBYvnRM/ http://studio.zeuik.com/?p=1108#comments Thu, 02 Feb 2012 11:59:43 +0000 Zeuxis http://studio.zeuik.com/?p=1108 之前在加入 CoffeeScript 支持時,
可以通過修改 Package/User 下的 .sublime-settings 來實現預設支持

  1.  {
  2.      "extensions": ["coffeescript"]
  3.  }

在 Build: 2139 後可以直接在 UI 界面設置

  1.  1. Open Sublime Text 2
  2.  2. Open a file which file extension want to set.
  3.  3. Goto View > Syntax > Open all with current extension as...
  4.  4. Make language syntax checked

最後關閉並重新開啟 Sublime Text 2 就可以

]]> http://studio.zeuik.com/?feed=rss2&p=1108 0 http://studio.zeuik.com/?p=1108 解決 iTerm2 不打開預設 Windows http://feedproxy.google.com/~r/seekstudio/wp/~3/n4jfaDwqQ-k/ http://studio.zeuik.com/?p=1107#comments Tue, 31 Jan 2012 10:49:00 +0000 Zeuxis http://studio.zeuik.com/?p=1107 事緣更新 iTerm2 後,在頻煩便用時,
每次都要多按 Command+N 來打開 Window 真不爽,
發現原來很多人也有同樣問題,所以記錄一下目前解決方法,

自機版本: Build 1.0.0.20120123

  1.  1. 執行 iTerm2
  2.  2. Command+N 打開 Window
  3.  3. Menu 上選擇 Window > Save Window Arrangement (Shift+Command+S)
  4.  4. 之後再到 Preferences > General > Startup > Open default window arrangement (設為選取)
  5.  5. 之後重開後就會自動打開剛才的 window 了
  6.  
  7.  * 如第4點不能選請先重開 iTerm2 再試
]]> http://studio.zeuik.com/?feed=rss2&p=1107 0 http://studio.zeuik.com/?p=1107 由樹的節點取得他的路徑 http://feedproxy.google.com/~r/seekstudio/wp/~3/U586TiEFsLU/ http://studio.zeuik.com/?p=1105#comments Tue, 17 Jan 2012 06:31:19 +0000 Zeuxis http://studio.zeuik.com/?p=1105 因為案子的需要..
所以在 stackoverflow 找到了以下這個方法
可以直接整合進之前的 Tree Class 中..
記錄一下

  1.  <?php
  2.  function get_node_path($from_array, $lookup) {
  3.      if (array_key_exists($lookup, $from_array) === true) {
  4.          return array($lookup);
  5.      }else{
  6.          foreach ($from_array as $key => $sub_array) {
  7.              if (is_array($sub_array) === true) {
  8.                  $ret = get_node_path($sub_array, $lookup);
  9.  
  10.                  if ($ret) {
  11.                      $ret[] = $key;
  12.                      return $ret;
  13.                  }
  14.              }
  15.          }
  16.      }
  17.  
  18.      return null;
  19.  }
  20.  ?>
]]> http://studio.zeuik.com/?feed=rss2&p=1105 0 http://studio.zeuik.com/?p=1105 處理 PayPal 的 IPN 返回 http://feedproxy.google.com/~r/seekstudio/wp/~3/0Z0t9A0A8Qg/ http://studio.zeuik.com/?p=1103#comments Tue, 03 Jan 2012 07:14:13 +0000 Zeuxis http://studio.zeuik.com/?p=1103 這程式早在十月份時已經完成.
是寫給當時應一位朋友用於學習和請教的.
原來還沒記錄在這裡..代碼節錄如下:

  1.  <?php
  2.  // 載入必要的檔案,如 init.php / config.php 之類的 ....
  3.  
  4.  $paypal_url = $config['payment']['paypal_url'];
  5.  
  6.  // Parse url
  7.  $parsed_paypal_url = parse_url($paypal_url);
  8.  
  9.  // Build post string
  10.  $post_data = http_build_query($_POST)."&cmd=_notify-validate";
  11.  
  12.  // Set the port number
  13.  if($parsed_paypal_url['scheme'] == "https") {
  14.      $ssl = "ssl://";
  15.      $parsed_paypal_url['port'] = "443";
  16.  } else {
  17.      $parsed_paypal_url['port'] = "80";
  18.  }
  19.  
  20.  //Create paypal connection
  21.  $fp = @fsockopen($ssl.$parsed_paypal_url['host'], $parsed_paypal_url['port'], $error_number, $error_string, 30);
  22.  
  23.  //Error checking
  24.  if (!$fp) {
  25.      file_put_contents(CACHE_ROOT.'/ipn.txt', $error_number.' - '.$error_string);
  26.  }else{
  27.      fputs($fp, "POST {$parsed_paypal_url['path']} HTTP/1.1\r\n");
  28.      fputs($fp, "Host: {$parsed_paypal_url['host']}\r\n");
  29.      fputs($fp, "Content-type: application/x-www-form-urlencoded\r\n");
  30.      fputs($fp, "Content-length: ".strlen($post_data)."\r\n");
  31.      fputs($fp, "Connection: close\r\n\r\n");
  32.      fputs($fp, $post_data . "\r\n\r\n");
  33.     
  34.      // Response from the server
  35.      while(!feof($fp)) {
  36.          $info[] = @fgets($fp, 1024);
  37.      }
  38.  
  39.      fclose($fp);
  40.  
  41.      $info = implode(",", $info);
  42.  
  43.      // Get back the invoice info (Request::post like $_POST['KEYWORD'])
  44.      $item_name = Request::post('item_name');
  45.      $item_number = Request::post('item_number');
  46.      $payment_status = Request::post('payment_status');
  47.      $payment_amount = Request::post('mc_gross');
  48.      $payment_currency = Request::post('mc_currency');
  49.      $txn_id = Request::post('txn_id');
  50.      $receiver_email = Request::post('receiver_email');
  51.      $payer_email = Request::post('payer_email');
  52.      $invoice_number = Request::post('invoice');
  53.  
  54.      // Check the response info have or not verified keyword
  55.      if (preg_match("/VERIFIED/i", $info)) {
  56.          file_put_contents(CACHE_ROOT.'/ipn.txt', 'Verified'); // Save to log
  57.  
  58.          $table = new Table("payment", $invoice_number, "invoice_number");
  59.          $table->status = 'completed';
  60.          $table->update_at = time();
  61.          $table->renew();
  62.      }else{
  63.          file_put_contents(CACHE_ROOT.'/ipn.txt', 'Not Verified');
  64.  
  65.          Session::set("payment_status", false);
  66.      }
  67.  }
  68.  ?>
]]> http://studio.zeuik.com/?feed=rss2&p=1103 0 http://studio.zeuik.com/?p=1103