更多

    展示資訊互動桌子(二)

    製作資訊互動桌子會涉及兩項軟件,一是儲存網頁伺服器的 Apache ,另一是令網頁產互動功能的 PHP 程式。上期講解 Apache 的安裝及測試,今期是 PHP 程式安裝及測試,以及準備天氣資訊網站的設定。

    PHP 是一種非常受歡迎的網頁編寫語言,它也是 Facebook 及 WordPress 的主要開發語言。 PHP 是屬於「伺服器端程序」(檔案格式名稱是 .php ),當程式在伺服器端執行後,可產生 HTML 碼後再傳送到用戶。 PHP 亦可以與 HTML 碼一起使用,編寫語言的方式亦容易明白,非常適合初學者。

    安裝 PHP

    PHP是屬於動態網頁的類型,可以在不同情況下顯示不同的內容,它能夠做到多種不同的工作,其中一個功能是上網收集不同的數據,然後顯示出來。

    安裝PHP及有關的Apache packages,步驟如下:

    開啟樹莓派的 Terminal ,輸入 sudo apt-get install php5 libapache2-mod-php5–y,便會自動下載及安裝。
    開啟樹莓派的 Terminal ,輸入 sudo apt-get install php5 libapache2-mod-php5–y,便會自動下載及安裝。

    建立第一個 PHP 網頁

    PHP 安裝完畢之後,就可以測試顯示 PHP 網頁。開啟樹莓派的 Text Editor ,並在檔案中輸入下列字句:

    09_phpTestPage

    第一行標示語言會將字句「 This is my first php webpage 」稍後會顯示出來;第二行標示語言會顯示今天的日期及時間。將上述的檔案名稱設定為 test.php ,並儲存在桌面上。

    下一步是將剛才建立的 PHP 網頁複製到 /var/www/html/ 的位置。要注意的是,或會因為權限的問題,當你嘗試將檔案拖放過去的時候,系統會顯示出錯誤的訊息,所以你必須使用 sudo 指令語句。

    sudo 是「 super user do 」的縮寫,讓使用者能夠暫時以 Root user 的身份處理檔案,這做法對系統保護較佳。畢竟在樹莓派系統中,使用者的權限是根據他的身份而定,故不同的使用者對檔案有不同的操作權限,包括讀取(Read)、寫入(Write)及執行(Execute)的權限。

    如果我們想將桌面上 test.php 移到 /var/www/html/ 的位置,需要在 terminal 中輸入下列指令:

    10_copy_file

    1. 「 sudo 」的意思是「 Super User Do 」讓使用者暫時以管理員身份操作。
    2. 「 cp 」的意思是複製( Copy )。
    3. 「 /home/Desktop/test.php 」是將要複製檔案來源的路徑。
    4. 「 /var/www/html 」是檔案複製的目的地。

    完成複製網頁的步驟後, 我們可以再次在瀏覽器中輸入樹莓派的 IP 地址及PHP 檔案名稱, 例如 http://192.168.0.3/test.php ,就可以看到你的第一個動態網頁。

    於瀏覽器輸入「 http://192.168.0.3/test.php 」,就可以看到上述建立的網頁。
    於瀏覽器輸入「 http://192.168.0.3/test.php 」,就可以看到上述建立的網頁。

    於瀏覽器輸入「 http://192.168.0.3/test.php 」,就可以看到上述建立的
    網頁。

    取得世界各地的天氣資訊

    接著要連線取得網上資訊,我們的習作是顯示屏展示天氣資訊,設計上,要先取得世界各地的天氣資訊數據。有關的資料,可以從 OpenWeatherMap 網站獲得,當中所提供的免費服務足夠在習作中使用。

    OpenWeatherMap 網站:http://openweathermap.org

    Step 1: 進入 OpenWeatherMap 網站。
    Step 1: 進入 OpenWeatherMap 網站。
    Step 2: 按右上角頂的 Sign In 登入,或按 Sign Up 進行註冊。
    Step 2: 按右上角頂的 Sign In 登入,或按 Sign Up 進行註冊。
    Step 3: 登入網站之後,按「 API Key 」瀏覽帳號的 API 的資料。 API 的全名是 Application Programming Interface ,過往已多次應用,此服務的資料,能讓程式碼與網站進行溝通。
    Step 3: 登入網站之後,按「 API Key 」瀏覽帳號的 API 的資料。 API 的全名是 Application Programming Interface ,過往已多次應用,此服務的資料,能讓程式碼與網站進行溝通。

    預備以上的資料後,就可以開始編寫 PHP 互動程式,建立即時顯示最新資訊的網站。

    下星期待續……

    您會感興趣的內容

    相關文章