首页 > 代码库 > Web开发从零单排之一:在新浪云平台SAE上开发一个html5电子喜帖
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=http://www.mamicode.com/"天下无双.mp3" autoplay="autoplay"></audio>
然后就可以将网站上传到SAE上了,包括调整后的index.html页面文件,js文件夹,照片资源image文件夹,fonts文件夹和css文件夹
保持相对路径不变上传完成后,即可浏览index.html页面看到效果了,分享给其他人的话,地址为:版本号+应用名+sinaapp.com,示例:http://1.MyAppName.sinaapp.com/
这样一个基本的html5电子喜帖网站就可以发送给别人了,转发微信的时候建议先复制地址发给自己,在微信中打开地址后,通过微信的转发按钮转发给别人,可以有比较好看的链接形式
至于网站够不够炫,新人够不够靓,要看每个人具体情况啦
转发后随着访问人数增加,产生流量后SAE就会开始计费,周围亲戚朋友的访问量,每天PV100左右的话,可能也在每天1分钱左右,实名认证情况下SAE赠送的肯定够用了
PS:本人其实也是为了尝试WEB开发技术而借用电子喜帖这个契机来推动自己的,相关学习都还很稚嫩,需要前辈们多多指点
放上目前成果,抛砖引玉:http://520.lovewithlmj.sinaapp.com/
下一篇准备写一下在电子喜帖里增加留言板功能,统计访问数及来访IP等功能,LAMP里的M和P下篇登场
Web开发从零单排之一:在新浪云平台SAE上开发一个html5电子喜帖