需求描述:
本人大婚將至,女朋友說“現在都流行在微信上發電子請帖了,你不是技(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下篇登場