選擇自 slamdunk3 的 Blog
1.檔案格式
首先要遇到的問題肯定是檔案格式,在作web開發時,大家都是用的html或xhtml,到了wap開發時,就得用wml了.什麼是wml?大家可以去查更詳細的資料,我這裡只是略微的提到.在我看來wml類似於xml,有非常嚴格的格式,在作wap頁面時,都得用wml來作為顯示.
wml的文法非常簡單,在用php作動態輸出時,一定要發送一個頭資訊,標明本頁面是wml,而不是別的什麼*ml.
header("Content-type: text/vnd.wap.wml; charset=\"gb2312\"");
?>
這裡用的字元集是gb2312,在移動的平台上是沒有任何問題的,但在聯通的平台上就不行了,一定得用utf-8,為了更通用,還是用utf-8更安全.即
header("Content-type: text/vnd.wap.wml; charset=\"utf-8\"");
?>
2.編碼
上面說了字元集都應採用utf-8,這是一種容納了多國語言的字元集,一個漢字是占雙位元組,utf-8佔了4個位元組,因此其容納的資訊量更大.在手機上編寫的漢字,在將頁面內碼轉成utf-8後,以後再開啟就可能是一堆亂碼.因此大家在作注釋時,儘可能的用英文注釋,省得以後看不懂.像editplus,ultraedit等工具都可以轉檔案內碼.
3.適配
世界各大手機廠商真是有病,開發出的手機千奇百怪,可以支援的格式也是五花八門.比如鈴聲,有的可以支援,16,32,48和弦,支援mid,wmv,有的不完全支援;有的支援gif,png,bmp,有的也不完全支援.這雖然是把手機的檔次和成本拉開了,但卻苦了作手機開發的兄弟們了.因為不可避免的要對手機所能支援的圖片,鈴聲等多媒體資訊作出一個匹配,這個匹配的處理,我們一般叫做手機適配.
要作手機適配,我們一般得有如下資料.
1)一份詳細的手機適配資料表,裡面應詳細的說明手機所能支援的鈴聲,圖片格式,還得有手機型號等資訊
2)要正確的擷取手機的UA,什麼是UA,就是(user agent),實際上就是使用者的手機資訊.
有了上面的東東我們才能做出適配.以下給出一個我寫的在wap開發中用到的類,可以用來取手機號,手機UA.
/**
* 類名: mobile
* 描述: 手機資訊類
* 其他: 偶然 編寫
*/
class mobile
{
/**
* 函數名稱: getPhoneNumber
* 函數功能: 取手機號
* 輸入參數: none
* 函數傳回值: 成功返回號碼,失敗返回false
* 其它說明: 說明
*/
function getPhoneNumber()
{
if (isset($_SERVER['HTTP_X_NETWORK_INFO']))
{
$str1 = $_SERVER['HTTP_X_NETWORK_INFO'];
$getstr1 = PReg_replace('/(.*,)(11[d])(,.*)/i','',$str1);
Return $getstr1;
}
elseif (isset($_SERVER['HTTP_X_UP_CALLING_LINE_ID']))
{
$getstr2 = $_SERVER['HTTP_X_UP_CALLING_LINE_ID'];
Return $getstr2;
}
elseif (isset($_SERVER['HTTP_X_UP_SUBNO']))
{
$str3 = $_SERVER['HTTP_X_UP_SUBNO'];
$getstr3 = preg_replace('/(.*)(11[d])(.*)/i','',$str3);
Return $getstr3;
}
elseif (isset($_SERVER['DEVICEID']))
{
Return $_SERVER['DEVICEID'];
}
else
{
Return false;
}
}
/**
* 函數名稱: getHttpHeader
* 函數功能: 取頭資訊
* 輸入參數: none
* 函數傳回值: 成功返回號碼,失敗返回false
* 其它說明: 說明
*/
function getHttpHeader()
{
$str = '';
foreach ($_SERVER as $key=>$val)
{
$gstr = str_replace("&","&",$val);
$str.= "$key -> ".$gstr."\r\n";
}
Return $str;
}
/**
* 函數名稱: getUA
* 函數功能: 取UA
* 輸入參數: none
* 函數傳回值: 成功返回號碼,失敗返回false
* 其它說明: 說明
*/
function getUA()
{
if (isset($_SERVER['HTTP_USER_AGENT']))
{
Return $_SERVER['HTTP_USER_AGENT'];
}
else
{
Return false;
}
}
/**
* 函數名稱: getPhoneType
* 函數功能: 取得手機類型
* 輸入參數: none
* 函數傳回值: 成功返回string,失敗返回false
* 其它說明: 說明
*/
function getPhoneType()
{
$ua = $this->getUA();
if($ua!=false)
{
$str = explode(' ',$ua);
Return $str[0];
}
else
{
Return false;
}
}
/**
* 函數名稱: isOpera
* 函數功能: 判斷是否是opera
* 輸入參數: none www.cncms.com
* 函數傳回值: 成功返回string,失敗返回false
* 其它說明: 說明
*/
function isOpera()
{
$uainfo = $this->getUA();
if (preg_match('/.*Opera.*/i',$uainfo))
{
Return true;
}
else
{
Return false;
}
}
/**
* 函數名稱: isM3gate
* 函數功能: 判斷是否是m3gate
* 輸入參數: none
* 函數傳回值: 成功返回string,失敗返回false
* 其它說明: 說明
*/
function isM3gate()
{
$uainfo = $this->getUA();
if (preg_match('/M3Gate/i',$uainfo))
{
Return true;
}
else
{
Return false;
}
}
/**
* 函數名稱: getHttpAccept
* 函數功能: 取得HA
* 輸入參數: none
* 函數傳回值: 成功返回string,失敗返回false
* 其它說明: 說明
*/
function getHttpAccept()
{
if (isset($_SERVER['HTTP_ACCEPT']))
{
Return $_SERVER['HTTP_ACCEPT'];
}
else
{
Return false;
}
}
/**
* 函數名稱: getip
* 函數功能: 取得手機IP
* 輸入參數: none
* 函數傳回值: 成功返回string
* 其它說明: 說明
*/
function getIP()
{
$ip=getenv('REMOTE_ADDR');
$ip_ = getenv('HTTP_X_FORWARDED_FOR');
if (($ip_ != "") && ($ip_ != "unknown"))
{
$ip=$ip_;
}
return $ip;
}
}
?>
4.頁面設計
作wap開發時,wap頁面是非常簡單的.比html來說是簡單到不能再簡單了.在wap1.0裡是沒有表格之類的亂七八糟的東西的.所有的標籤都是寫在一個叫card的標籤之內.可以用來分段.所以做頁面的算是輕鬆了.
5.模擬器
作wap開發免不了要用各式各樣的模擬器來測試,比較好的有m3gate,openwave,opera,還有一個叫winwap的,大家最好別用他來作測試,他的相容性太好了,即使頁面有錯誤都能給忽略掉.測試時跟用瀏覽器測試web頁面一樣,輸入網址就可以了.沒有比這更容易的事了.
6.注意事項
1)空格,特別是在定義DTD時,
echo "";
?>
裡面如果哪個地方少個空格,就有你受的了.以前寫的時候用了頁面重排之後,把一些空格給幹掉了,整整找了兩天才找出錯誤來,大家千萬別步我的後塵.
2)標籤,如果標籤不成對,會提示錯誤,大家注意就是了,很容易修正.