如何讓URL Forwarding與系上空間相親相愛

By 401老骨頭, 2015-11-26, in category 教學

csie.io, url forwarding

0x01. 先說結論 (忠信臉)

有些使用者對於Url Forwarding的功能有點疑惑,所以我們特地寫了一篇簡單的範例教學,看完這篇後你可以把你的專案網址從:

http://www.cs.ccu.edu.tw/~你的帳號/amazing-project/

變成

http://amazing.csie.io

值得一提的是,本blog也是使用Url Forwarding的功能,所有的頁面皆存放在系上的空間。

0x02. 起手式

系上的網頁空間相當方便,有著現成的PHP環境,更可以搭配系上MySQL的服務,快速做出一個專案雛形,But!!人生就是這一個But,由於架構的限制,你只能忍受又長又難看的網址,丟出去外面給人家看總覺得有點遜遜的。這也就是催生Url Forwarding這功能的動力。

開始動手吧!

首先ssh登入任何一台系上的主機(csie[0-2], linux, mcore8),在WWW目錄下建立專案的資料夾,本案例使用名稱為amazing-project

$ cd WWW
$ mkdir amazing-project
$ cd amazing-project
$ vim index.php

此後,您只需在WWW/amazing-project資料夾下開發整個專案即可,在這邊我們用一個簡單的頁面來當作範例,在資料夾中建立一個index.php

<?php
if(!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
   $user_ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
}
elseif(!empty($_SERVER['REMOTE_ADDR'])) {
   $user_ip = $_SERVER['REMOTE_ADDR'];
}
echo "<h1>歡迎來到我的網頁</h1>";
echo "<h1>您的IP是: " . $user_ip ."</h1>";
?>

接著,打開您的瀏覽器並且輸入下列又臭又長的網址

http://www.cs.ccu.edu.tw/~你的帳號/amazing-project/

沒有意外的話,您可以看到一個簡單的頁面: sample page

0x03. Let Magic Happen

上面那串網址要是丟給朋友,實在是有點難堪,要是有個又短又好記又有代表性的網址就好了!別擔心,只需要登入csie.io的管理頁面,切換到URL 轉址服務標籤頁,只需填入相關資料,即可輕輕鬆鬆完成任務!設定畫面如下:

url masking setting page

最後打開瀏覽器,這時您不再需要使用長得要死的網址,只需優雅的輸入http://amazing.csie.io,即可直接看到您的專案網頁。以上便是全部的設定過程,簡單快速,趕快把您在系上的專案也套用進來吧!

url masking result