跳到主要內容

發表文章

[野人獻曝] 用 Amazon S3 儲放你的檔案

Amazon S3 是一個由Amazon所提供的檔案儲存服務, 基本上也出來很久了, 所以這裡我不會 也不想 介紹太多細節! 如果你對這有興趣的話,可以先註冊AWS帳號後再繼續看下去。 (不過這需要信用卡,換言之,是要收費的,所以......沒信用卡的就掰掰了) 那麼以下我就以PHP來略為說明怎麼實作一個簡單的上傳程式吧。 首先,你可以先到 這裡 下載Amazon S3 PHP Class, 下載解壓縮至網站目錄後(請記住你把檔案放在那個目錄), 打開你的程式編輯器, 先輸入以下的HTML吧: 這段HTML主要是為了讓我們建立一個可供上傳檔案的表單, 如果不熟悉的話,建議還是找本HTML的入門書吧, 所以這裡就簡單帶過了。 接下來是後端程式的部份, 為了方便起見,你可以直接寫同一隻程式中 ... if (isset($_FILES['photo'])) { require 'S3.php'; // 基本上路徑就請你自己去處理啦!為了要操作S3你必需要引入這個檔案 // AWS_ACCESSKEY和AWS_SECRETKEY是你的AWS登入金鑰(?),你可以在AWS帳號中心中看到這些資訊 S3::setAuth(AWS_ACCESSKEY, AWS_SECRETKEY); // 新增檔案籃,基本上你可以把他當成一個裝滿檔案的藍子,到時要取用這個籃子內的檔案可以用 http://my-test.s3.amazonaws.com/{檔案路徑}來存取 // 第二個參數代表是這個檔案籃可被公開讀取 S3::putBucket("my-test", S3::ACL_PUBLIC_READ); // 將檔案傳至my-test這個檔案籃中 S3::putObjectFile($_FILES['photo']['name'], "my-test", $_FILES['name'], S3::ACL_PUBLIC_READ); } ... 這是比較粗略(而且還有一堆錯)的程式碼, 但總的來說, 整個流程不外乎就是: 伺服端接收客戶端所傳來的檔案內容 接收後進行處理(可能是將...

[野人獻曝] Google Virtual Keyboard

老實說, Google 的 Virtual Keyboard Element 出來也有段時間了, (不知道那是什麼請參閱上行連結,這裡就不說明了) 因此現在才說說這個玩意其實是腿很大了。 不過剛剛整理自己寫的東西時偶然看到這個玩意, 所以就寫出來 充稿數 好了。 基本上,她的實作很簡單, 所以我提供一份很簡單的 範例 就好了。 在實作的時候, 你還需要注意一些事: 虛擬鍵盤 僅支援英文、韓文 等語言,所以日文和中文等就沒用了 密碼欄位目前無法使用虛擬鍵盤 嗯~大概就是這樣了吧......(茶)

「無聊的小東西」將Google Maps充滿整個網頁

其實這東西對網頁老手應該不算什麼, 不過對於一堆網頁開發新手可能還有點用, 所以我就稍微寫一下好了(謎:想要騙流量的)。 基本上這只是運用jQuery在網頁的主要元素載入後, 即時去運算當前網頁的可視寬高, 並且將這兩個資訊以css寫入該區塊。 以下提供的範例主要流程為: 利用google.load載入Google Maps API和jQuery 網頁載入主要區塊(本例中的主要區塊ID是 myMap) 算出網頁的可視寬高值,並寫入myMap區塊的css) 參考程式碼

ha2 短網址

網址: http://ha2.tw/shortener 主要功能: 縮網址( http://ha2.tw/r/1 ) 密碼保護( http://ha2.tw/r/2 ) 十八禁連結提醒( http://ha2.tw/r/l ) 目標網頁預覽( http://ha2.tw/r/4/1 ,其實就是在短網址後面加一個「/1」) 目前除了網頁圖片的產生似乎有點問題外,其他功能皆可運作。

[野人獻曝] 使用rpxnow替你的網站作登入服務

本回要來示範如何使用 rpxnow 的服務, 讓你的網站可以使用 Facebook 、 Twitter 及 Google 等帳號作登入(茶)。 首先第一步, 你必須要到 rpxnow 使用你的 Google 等帳號登入後申請一個 app, 這樣你才可以繼續接下來的步驟。 以上步驟完成後, 你應該會得到一個 apiKey。 然後請到 Signin Setup, 取得嵌入你網站的Code。 這嵌入的Code有分兩種, 一種就是iframe式的, 另外一種就是blockUI式的, 基本上只跟外觀有關係, 你可以根據自己需求選擇。 取得那段HTML Code後, 請把他放在你要使其出現的地方上, 並且確定接收Token的程式沒有問題就可以作登入了。 ==== 接下來比較重要 ==== 上面比較簡單所以就大概帶過, 接下來要說明接收token的方法了。 示範程式碼 以PHP實作, 如果要其他語言的,請自行想辦法。 好~這樣簡單的登入服務就完成了。 不過要注意一下,這種服務可能還是會有隱私權的問題, 所以如果網站成長到一定程度或許就要考慮直接套用各大網站的登入服務API, 而不應該使用這類服務。

Hello Silverlight Part. 1

Silverlight ,中文名稱「 淫光 銀光」,是 有點軟公司 想跟 奧多 比 打對台的一個玩意。 為了要寫一個簡單的SilverLight程式(還是說頁面= =?), 你必須要有以下的東西 Visual Studio 或 Visual Web Developer Express(2008版推獎) Visual Studio 2008 SP1 的 Microsoft® Silverlight™ Tools 寄件者 技術教學 當你確定都ok(安裝沒問題)的話, 那麼請打開你的Visual Web Developer Express(或你的Visual Studio,不過我以下都用VWD Express作說明), 選擇新增專案, 再選擇Silverlight應用程式後, 會出現左側視窗。 基本上,我個人偏好選第二個啦, 所以就直接選第二個吧(如果你是寫ASP.net的話,那還是選第一個好了)。 寄件者 技術教學 寄件者 技術教學 科科,這就是我們要開發的Silverlight的介面了。 上半部是即時預覽視窗(?), 下半部則是你要敲的xaml內容, 看到這裡你一定會懷疑真的要靠敲程式碼(和xml語句)來寫銀光嗎? 當然也不是這樣啦, 不過這是以後的事,等到有時間再去談好了! 既然看到了介面, 我們就先來敲一段x(a)ml語句吧, 不過為了篇幅原因,請 點這裡 看語句, 你可以把它完整複製下來, 並貼到VWD Express的XAML語句編輯區(要完全取代掉), 或是只複製 間的內容, 並貼到XAML語句編輯區中的 區塊間。 在你做完這件事後, 你應該會看到上方的即時預覽視窗已經有3*3的方格了, 這就是未來我們繼續開發的基礎了XD(未完待續......) (難得會寫有附圖的技術文章呢,科科!) 本文同步轉載於 正直紳士們的社交場

[野人獻曝] 讓phpbb3顯示維護訊息

其實每一個網站都會有維護的時候啦, 維護的原因可能是因為資料庫掛了啦還是要備份資料庫之類的, 不過這些操作都不大能在還有使用者在線上的情況作...... 所以才需要放個頁面, 提醒使用者「網站維修中,別想在這裡繼續操作了啦」(大笑) 以下是實作這個維護頁的方式: 自己作一個HTML頁面,載明要維護的時間,還有什麼鬼的訊息,然後存在一個你記得路徑的地方,這個路徑建議是phpbb的根目錄啦,因為會比較好記;當然也可以擺在其他地方啦。總而言之,擺在哪裡是你的事XDD 打開phpbb根目錄下的config.php,加上一行  define('MAINTAIN_MODE', true); 打開phpbb根目錄下的includes/functions.php,找到page_header這個函數,在這個函數的開頭處加上 if (MAINTAIN_MODE) { require 維護提示頁的路徑; exit(); } 這樣就完工了! 往後若又要進行「維護」的話, 把config.php的MAINTAIN_MODE調成true就會出現維護頁了~ 「如果我想只讓我自己一個人還能進行操作,而其他人不行時呢」 (通常是在進行程式修改時啦) 一樣在config.php中加入IP條件判斷, 如果連線進來的IP是你自己的,則define('MAINTAIN_MODE', false);