熱血漢誌 - 技術新鮮人到技術經理人，必懂的事

上次介紹 到YUI有個好用的widget Calendar，而我們可以使用 YUI2 in 3 的方式來使用 ，今天收到一個bug就是『 Calendar未抓取server時間 』，當下我的感覺就是... 為什麼～為什麼～為什麼～ 經過一番討論之後....我..... 屈服了～ 畢竟事情還是要解決，因此採用方法如下： 1. php 輸出資料於頁面上 2. javascript 取得頁面資料 3. 將資料設定在YUI calendar

YUI2 in 3 使用方法，以calendar widget 為例。 使用方法 Y.use('yui2-calendar', function (Y) { var YAHOO, _cal, id = 'calContent', //指定的id pageDate = '9/30/2010', //設定起始日期, 格式均為，月/日/年 minDate = '1/1/2010', //設定最小日期 maxDate = '12/30/2010'; //設定最大日期 YAHOO = Y.YUI2; _cal = new YAHOO.widget.Calendar( '_cal', id, { pagedate: pageDate, mindate: minDate, maxdate: maxDate } ); // 可以設定多國語系 _cal.cfg.setProperty("MONTHS_LONG", ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]); _cal.cfg.setProperty("WEEKDAYS_SHORT", ["S", "M", "D", "M", "D", "F", ...

本範例教學于如何使用YOS 1. 請到 YAHOO YDN網站 上面，下載他的 PHP SDK 2.煩請解壓縮 3. sample資料夾打開會看到一個熟悉的面孔 sampleapp.php ，但是我們還要修改一下 4. 裡面的require的路徑錯誤，將他修改一下，指向我們要得 yahoo.inc 路徑 5. 修改好之後，會發現還需要幾個東西 $consumerKey , $consumerSecret , $applicationId 6. 這三個東西請到 YDN網站 -> Open Applications -> New Application 7.申請之後，會給你上面三個東西，如底下說明圖 比較要提醒的是，當你改變 Consumer Key to access 的時候，你的 Consumer Key 和 Shared Secret 都會改變，在這邊的範例，我們選擇 All public APIs..... 這個選項 8. 把這些資料加入到php當中，並且儲存，上傳道網路位置中 9. 回到 YDN 的 MyProjects 開起剛剛的 Application -> Application Definition -> Application URL，設定成Server ip 和你剛剛上傳的 sample.php 10. 按一下 "save" 11.接下來可以 preview 一下你的東西嚕 ps. 這個sample檔案如果只放在自己私人網域架設的 server是無法Run 起來，會發生 Call to a member function getSessionedUser() on a non-object 這樣子的異常訊息，所以只能上傳之後到YDN 裡面去查看結果。

1.到這個網址 https://developer.yahoo.com/ ，記得要登入yahoo的帳號密碼，再來點選myproject 2.在頁面上"OAuth Applications "，點選一個連結"New Application" 3.這個頁面如果沒有做太大的更動應該會顯示 So, you want to use some Yahoo! APIs... 4.裡面的Application Name, Kind of Application, Description, 另外Kind of Application我是選擇"Client/Desktop" 5. Security & Privacy 的 Access Scopes: 如果要使用到私人資料請選擇 This app requires access to private user data. ，如果只是搜尋或查資料的api請選擇 This app will only access public APIs, Web Services, or RSS feeds 6.將 I have read and agree to the Yahoo! Developer Network ，勾選起來，按下 送出按鈕 7.申請成功的話會出現 Your API Key has been approved! 8.將 API Key和 Shared Secret 記下來 ，當然這些沒有紀錄也是ok的 9.以為結束了嗎？還差最後一步，最後就是驗證你的API KEY 10. http://asia.search.yahooapis.com/cas/v1/AuthBootUp.php 11. 步驟10上面的網址後面加上 ?appid=你剛剛的API key 12. 如果出現 sucess 的字樣，恭喜你成功了 覺得太麻煩嗎？？那就到這個 地方 填入你的API Key，開通一下吧！