Web開發從零單排之一:在新浪雲平台SAE上開發一個html5電子喜帖


需求描述:

本人大婚將至,女朋友說“現在都流行在微信上發電子請帖了,你不是技(cheng)術(xu)宅(yuan)嘛,不會連這個都搞不定吧”

本人嘴上說這等小事何足掛齒,但心里還是七上八下的,雖然自認為幾年開發經驗在工作上還算得心應手,但也因為工作項目局限,對Web開發特別是前端和建站技術接觸不多

於是打開搜索引擎和女朋友一起看看現在市面上的服務,基本上都是給出一套模板,自己填上內容和照片后,生成電子請帖,而形式有網頁也有單張圖片的

收費也不貴,都在百元左右。但收費是小,面子是大啊,作為一個軟件開發人士不能被外行女朋友看扁吧,“修空調你不行花錢找人來,這個也要花錢讓別人來做?”

這婚后地位還不得一落千丈

按照女朋友的需求,做到微信分享和移動端pc端兼顧,本人快速決定最終產物應該是一個html5網站

接下來分析:輕量級快速開發部署,基本上要用LAMP的思路,但自己找一台linux服務器用來部署有點浪費資源,於是決定在網上找一些免費空間

免費好用的個人空間,尋覓無果,倒是接觸到幾家互聯網巨頭都在推自己的雲平台

阿里雲和騰訊雲平台起步都是企業應用級別的,而且價格不菲,對於本人的需求來說過於heavy了

百度的雲平台似乎比較適合個人開發,但也是起步就收費,不過價格可以選擇非常輕量級的套餐,可以接受,但后來實際應用時發現目前版本的BAE不支持在線編輯代碼,

對於本人這樣需要在單位和家里利用碎片事件來開發學習的來說,十分不便

最終選擇了SinaAppEngine,簡單介紹一下吧

1. 微博賬號直接登錄

2. 資費是根據流量消耗雲豆,1元=100雲豆

3. 開通SAE后就會贈送雲豆,另外上傳照片可以進行實名認證,認證通過后贈送2000雲豆+1000每月,基本上自娛自樂的應用可以做到免費了

4. 支持三種服務端語言,php,python,java,本着從零單排學習新知識的心態,本人選擇php創建項目

5. 可以在線編輯代碼,適合簡單碎片化的改動

6. 版本管理支持SVN,但不支持Git,BAE可以支持Git

在SAE上創建了自己的WEB應用,LAMP的L和A基本上就是托管到新浪了

WEB前端設計,自然是無從下手,另外審美也比不上前端大牛,於是本人直接在網上找了一套HTML5網站模板,

然后根據自身需求,對頁面模塊進行簡單的調整刪減,修改時用記事本打開html文件,根據你的聰明才智,參考w3school上的教程,

基本上做一些簡單的模塊調整,文字修改,相冊圖片源的替換是很簡單的

再加上背景音樂:

<audio src="天下無雙.mp3" autoplay="autoplay"></audio>

 

然后就可以將網站上傳到SAE上了,包括調整后的index.html頁面文件,js文件夾,照片資源image文件夾,fonts文件夾和css文件夾

保持相對路徑不變上傳完成后,即可瀏覽index.html頁面看到效果了,分享給其他人的話,地址為:版本號+應用名+sinaapp.com

這樣一個基本的html5電子喜帖網站就可以發送給別人了,轉發微信的時候建議先復制地址發給自己,在微信中打開地址后,通過微信的轉發按鈕轉發給別人,可以有比較好看的鏈接形式

至於網站夠不夠炫,新人夠不夠靚,要看每個人具體情況啦

轉發后隨着訪問人數增加,產生流量后SAE就會開始計費,周圍親戚朋友的訪問量,每天PV100左右的話,可能也在每天1分錢左右,實名認證情況下SAE贈送的肯定夠用了

PS:本人其實也是為了嘗試WEB開發技術而借用電子喜帖這個契機來推動自己的,相關學習都還很稚嫩,需要前輩們多多指點

下一篇准備寫一下在電子喜帖里增加留言板功能,統計訪問數及來訪IP等功能,LAMP里的M和P下篇登場


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM