码迷,mamicode.com
首页 > Web开发 > 详细

Web开发从零单排之一:在新浪云平台SAE上开发一个html5电子喜帖

时间:2014-09-04 16:49:12      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   java   ar   文件   div   

需求描述:

本人大婚将至,女朋友说“现在都流行在微信上发电子请帖了,你不是技(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,示例:http://1.MyAppName.sinaapp.com/

这样一个基本的html5电子喜帖网站就可以发送给别人了,转发微信的时候建议先复制地址发给自己,在微信中打开地址后,通过微信的转发按钮转发给别人,可以有比较好看的链接形式

至于网站够不够炫,新人够不够靓,要看每个人具体情况啦

转发后随着访问人数增加,产生流量后SAE就会开始计费,周围亲戚朋友的访问量,每天PV100左右的话,可能也在每天1分钱左右,实名认证情况下SAE赠送的肯定够用了

PS:本人其实也是为了尝试WEB开发技术而借用电子喜帖这个契机来推动自己的,相关学习都还很稚嫩,需要前辈们多多指点

放上目前成果,抛砖引玉:http://520.lovewithlmj.sinaapp.com/

下一篇准备写一下在电子喜帖里增加留言板功能,统计访问数及来访IP等功能,LAMP里的M和P下篇登场

Web开发从零单排之一:在新浪云平台SAE上开发一个html5电子喜帖

标签:style   blog   http   color   io   java   ar   文件   div   

原文地址:http://www.cnblogs.com/luyangsblog/p/3956135.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!