zoukankan      html  css  js  c++  java
  • 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下篇登场

  • 相关阅读:
    EntityFramework优缺点
    领导者与管理者的区别
    七个对我最好的职业建议(精简版)
    The best career advice I’ve received
    Difference between Stored Procedure and Function in SQL Server
    2015年上半年一次通过 信息系统项目管理师
    Difference between WCF and Web API and WCF REST and Web Service
    What’s the difference between data mining and data warehousing?
    What is the difference between a Clustered and Non Clustered Index?
    用new创建函数的过程发生了什么
  • 原文地址:https://www.cnblogs.com/luyangsblog/p/3956135.html
Copyright © 2011-2022 走看看