2013-02-27

Node.js入門初探

去年接受手機APP開發的訓練時,有位老師特別推崇Node.js,那時沒時間去搞清楚Node.js是蝦米碗糕。

幾天前安裝Titanium Studio工具軟體時,在安裝的過程中,安裝程式會要求我允許安裝Node.js。也就因此,再度引發我的好奇心,想要了解Node.js到底是啥個東東。   ^^

拜過古狗大神,研讀過一些文章,並透過程式實作,親身體會了 Node.js 是啥,有些什麼能耐之後,做個彙總的重點整理如下:

  • 認識 Node.js 是啥?
  • 特優的 Node.js 入門指引教材
  • 下載及安裝 Node.js 執行環境
  • 在IDE工具發展 Node.js  程式碼

 

認識 Node.js 是啥?

Node.js = 伺服器端使用的JavaScript
什麼是Node.js?最簡單的講法:「它是一個Web Server伺服器端使用的JavaScript」。

在網路上看到的文章,有人認為這種講法,會令讀者對Node.js的視野給窄化。因為在Node.js的官網,對於Node.js的解釋,認為它是一種「simple non-blocking networking network programming model」;程式設計人員可在「sockets, network traffice」的層級,對伺服器進行低階控制的運用。所以,Node.js非常適合用於開發Web Service;甚至是可用它來開發「Web Server」。

嚴格說來,Node.js是一個「JavaScript執行平台」。不應將它比作PHP,當成是Web Server端使用的Script語言。不過,因為我們是初學者,才剛入門,把Node.js當成是Web Server,伺服器端使用的JavaScript,這樣應該會簡單、易懂。
關於Node.js是什麼?以下提供幾篇文章,供有興趣追根究底的朋友參考:

 

特優的 Node.js 入門指引教材

聽別人講述 Node.js 是什麼,倒不如下海玩玩,親自體會一下。透過程式的實作,去了解 Node.js  是啥?有些什麼功用?個人以為,這是掌握 Node.js ,最好的方式。

以下這裡有篇好章,向入門初學者,大力推薦:《Node入門》這篇初學者的入門指引實作教材。

image

這篇文章原本雖為英文,但已有一位網路的善人菩薩譯成「繁體中文」的版本。所以,不用擔心有英文閱讀的障礙。像我這種非PRO等級的肉腳軟體技術人員,邊讀文章,邊在Aptana Studio輸入Script程式、測試執行結果,總共花了約六個小時,就可以完成這個入門教程。

因為這個教程的文章寫得非常棒,所以,當我將整篇文章走完之後,對於 Node.js 就能擁有一個輪廓清晰的認識。建議想認識Node.js是什麼的朋友,不要猶豫,靜下心、耐著性,把這文章好好讀完吧! ^^y

實作程式之前,您需要先建置 Node.js 的 Rutime 執行環境,甚至可能還會需要在 IDE 開發工具,安裝些小配件,好讓程式開發的工作可以更加稱心順意。

以下就說明,如何備妥 Node.js 的開發環境。


下載及安裝 Node.js 執行環境

Node.js 這個 JavaScript 的執行平台,適用於 OS X / Linux / Window s各作業系統,可自官網nodejs.org 免費下載。

image

在IDE工具發展 Node.js 

基本上,開發 Node.js 的程式,只要有文字編輯器就可以撰碼。完成的 Script 程式,想要執行時,在 Windows 作業系統,可用 Command 視窗執行;於 OS X / Linux 作業系統,則改用終端機視窗執行。

image

可是以上的這種作法,對我個人而言,實在有些太刻苦。對於跟我一樣,喜歡使用 IDE 工具,進行程式開發的人,請根據自己的喜好,參考如下的資料,在您愛用的 IDE 工具安裝 Plug-in。


以下是我在 Aptana Studio 3 使用 Node.js Plug-in 的截圖:

image 
【撰寫Script程式碼】

image 
【執行Script程式碼】

image 
【觀察在用戶端 Web Browser / 伺服端 Console 的輸出結果】


以下做個摘要說明,提供給喜歡使用 Eclipse 的朋友,透過下列執行步驟,親身打造一個符合 Node.js 用途的 IDE 開發環境:

  1. 下載 Eclipse ﹠安裝:我用的 Eclipse 版本:Eclipse Classic 4.2.1 (Juno) 64 bits
  2. 啟動 Eclipse ,安裝 Plug-in:透過「Install New Software」功能,安裝「Nodeclipse plug-in: http://www.nodeclipse.org/updates」(安裝說明

2013-02-22

認識「手機APP跨平台的解決方案 – Titanium」

軟體僅須花一次的開發功,卻可以橫跨各種的平台,一直都是軟體開發業者的理想,可是講了20幾年,卻仍都是個夢想。

自從手機APP軟體的開發,成了IT業界的明日之星後,這個「跨平台」的議題,現在也延燒到這。

對於手機APP跨平台的解決方案,原本已經有了 PhoneGap ,讓已懂得「網頁開發技術」的軟體人員(HTML 5/CSS 3/JavaScript/jQuery Mobile),只要再投資點時間,搞懂這些解決方案的 API ,熟悉各API的功能及用法,即可馬上搖身一變,成為手機APP的開發者。

現在更有屬於 Open Source (Apache License Version 2.0)的新選擇﹣「Titanium」。

目前市場主要的手機平台:iOS/Android/WinPhone/BlackberryTitanium 全數支援。其免費提供的開發工具﹣「Titanium Studio」,可於Windows/Linux/OS X這三種主流的作業系統執行,因此開發人員可以很自由的做選擇,不必為了使用開發工具,還得先花錢買新電腦、花時間學習作業系統的操作。

Titanium 有個超利害的特異功能:「cross-compile」,這是一種跨平台的編譯技術,能將透過 Titanium 開發的程式碼 (HTML/JavaScript/Titanium函式庫),轉換成各種手機平台的「原生應用程式」。因此,由 Titanium 轉出的 iPhone 原始碼,可以直接丟給 Xcode 進行編譯並執行,就跟原生開發的沒啥兩樣!

也就因為 Titanium 擁有以上的特性,所以經由 Titanium 產出的手機 APP ,其執行的效能,可與原生應用程式一樣的快;而 APP 人機介面的外觀,也與原生應用程式長得一樣;手機硬體提供的功能,如:照相、定位......,也都可以照樣執行。手機 APP 跨平台解決方案:「混合式應用程式」技術,原先最讓人垢病的問題,有了重大的突破。

想要對這個 Titanium 解決方案,做一個快速,摘要性的了解嗎?以下這裡有兩篇文章,感興趣的朋友,可以 look, look.....


末了,再提供個參考資訊:若您對 PhoneGap 的解決方案有興趣;同時也想知道,早在江湖享有盛名的 DreamWeaver CS6,該如何設定、操作,使其與 PhoneGap 整合,成為手機APP開發的解決方案,以下有本書可提供指引,幫您解惑。


對於想要知道:「手機APP開發技術有那些解決方案?何謂原生應用程式/WEB應用程式/混合式應用程式?PhoneGap解決方案有什麼特點/是什麼樣的架構?」,這書的第一章,就有著很好的說明。

春節開工後的第一週,想要提昇自已的技術實力,想要開卷有益,不妨考量「研究手機APP跨平台的解決方案」。     ^^

2013-02-20

Hi, Dear 商業 Email 該怎麼打招呼?!


今天讀到上面這篇文章,不僅解了心中許久以來的困惑,更因作者風趣的下筆風格,原本有些疲憊感的睡意,笑到九霄雲外!

以前為了禮貌,在Email的開頭,總要來段「Dear .......」

在職場上,最怕主管或客戶的英文名,叫:「John」的。因為開頭寫道「Dear John,」,就會想起這歌,好像人家女生在寫分手信。



但是如果用「Hi .......」,又怕人家說我,態度不夠尊重!  ==b

結果,只好總是要求自己:「青香蕉當黄香蕉賣」﹣「不熟,還裝熟」!    ^^

看到這篇文章真高興,一旦這樣的觀點成為風潮,以後在Email的開頭用 Hi ,就不怕被人說是「沒禮貌」了!    ^^y





台灣的四季之美

台灣真的是「福爾摩莎」,是寶島。

我們所熟悉的土地,可是能讓人,處處驚艷的哦~!

用心看世界,盼我們都能打開心眼,見到就在身邊,不遠處的種種美好! ^^y



播放影片時,記得將Audio輸出接到外接喇叭或耳機;影片畫面將它放大成全螢幕嘿~~~! ^^

2013-02-19

使用 msconfig 停用自動啟動的軟體

您在 Windows 的桌面,右下方的角落,可曾留意過?

image

一旦點擊如上圖標示處,Windows會跳出個小視窗,裡面有會有幾個,甚至是好多個軟體的圖示。這些軟體的圖示代表著,您目前的系統設定,要求那些軟體在系統啟動之後,就須立即執行,常駐在電腦使用的記憶體之中。

如果想要更改設定,要求系統在啟動之後,不必再自動執行那些軟體,該怎麼做?

在Windows 7, Windows Server 2008 R2作業系統,有個「msconfig」指令,可以滿足您這樣小小的心願。其操作方法如下:

1. 按桌面左下角的「開始」鈕。

2. 在如下圖所示處,輸入「msconfig」,並按<Enter>鍵。

SNAGHTMLb0b2ed

3. 待Windows顯示「系統設定」視窗後,點選「啟動」頁籤。

image

4. 在「啟動項目」欄中,對想要停用的項目,將已有的打勾取消掉。依此作法逐項完成,最後按「確定」鈕。(打完收工  ^_^  )

image

2013-02-18

讓隱藏檔在 Finder 中現形

在 Windows 的世界,透過「檔案總管」要能看到「隱藏檔案」,是「桌上取柑」,一塊小蛋糕的事。

不過,在號稱最 User Friendly 的 Mac 世界裡,想要在「Finder」瀏覽隱藏檔,可就成了不可能的任務。

以下這裡,有個叫 OnyX 的東東,安裝了它,就能將不可能化作可行。



【操作細節】

  1. 下載 OnyX

  2. 執行其 .dmg 檔。將 OnyX 的圖示拖進「應用程式 (Applications)」檔案夾。

  3. 自「應用程式 (Applications)」檔案夾,執行「OnyX.app」。OnyX 首次啟動時,會先執行一些初使他的的工作,如:硬碟的SMART檢測......等等。

  4. 待初始化的工作結束後後,可見如下圖之視窗。此時,請按「參數 (Parameters)」圖示,然後先按下方的「Finder」標籤,再勾選「顯示不可見文件與文件夾」選項。
  5. Finder 會立刻重新啟動,然後就可以透過 Finder 瀏覽隱藏檔與檔案夾了。


Hello《甄嬛傳》

朋友們,看《甄嬛傳》嗎?!

可能俺前世係「明朝遺老」,對於滿清皇朝的那些事,總是味口倒盡,興趣缺缺! ^^!!

《甄嬛傳》前前後後,俺只有看過約四、五集,都是因為太座轉台轉到,我又正好來到客廳休息,順便陪看⋯⋯。

好了,此話暫且按下不提,言歸正傳。

話說《甄嬛傳》即將登陸美國,眾嬪妃紛紛惡補英語,以便爭艷於美國電視網。

誰料導演應老美要求:「Time is money,事情要講重點」,所以,原本 76 集的戲碼,得濃縮、現精簡成 6 集。

消息傳來,后宮的搶戲大戰全面升級,一場宮廷大惡鬥,就此展開⋯⋯!!      V__V !!