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，示例：http://1.MyAppName.sinaapp.com/

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

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

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

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

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

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