使用新浪云SAE建立一个公网可访问的网页应用

来源:互联网 发布:软件license管理器 编辑:程序博客网 时间:2024/06/11 02:11

注册新浪云账号

点我注册新浪云,使用新浪微博账号登陆即可。
登录后的页面如下:

图 1
登录后用户中心页

点击控制台->云应用SAE
图 2
控制台页面

点击创建新应用,会弹出一个提示框,提示一旦创建会开始收云豆租金啦。(未实名认证的账户只能创建最多2个应用,所以最好还是去认证一下比较好。)然后点击继续创建即可进入部署环境的选择页。

图 3
环境部署页
如图,这里以PHP应用为例,其他的也都类似。

需要注意的是:
1. 运行环境这里选了标准环境,是即用即付款的。云选空间的话是按月付费的。还有一些其他方面的不同,把鼠标光标放到上面就会由说明了。
2. 代码管理。这里选择使用SVN来管理代码,也可以用Git。
3. 二级域名设置决定了以后访问应用的网址入口,创建后不可修改。如这里的应该是http://test12345.applinzi.com
4. 应用名称是中文,仅供显示用。默认的和二级域名一样。

一切就绪后,点击右侧创建应用按钮就成功的创建了一个应用。自动来到代码管理页。

图 4
代码管理页

点击创建版本,弹出选择版本号对话框,默认版本号1。确认即可。
创建好版本如下图所示:
图 5
默认版本

接下来要做的是编写代码,发布到云空间,即可通过自己的应用链接来访问网页了。

这里有两种方式管理代码:

  1. 直接在网上编辑代码;
  2. 在本地编写代码,通过SVN或Git上传到云空间。

首先说第一种

如图5,点击编辑代码,即可弹出编辑代码的页面,如图6。

图 6
编辑代码

在这里新建一个名为index.php的页面,注意文件名一定要用index,不然它找不到你应用的入口的。index.php这个页面是你程序的入口。
然后就可以在里面编写代码了,最简单的程序世界的惯例,来个hello world吧!
一行代码搞定,如图7:

<?phpecho "Hello World!";?>  

图 7
hello world

然后点击全部保存,这样就OK啦,一个通过公网可访问的网站就做好啦!!!!(我真的没有在逗你~)
通过http://test12345.app.linzi.com访问即可看到激动人心的hello world!!!见图8。就问你鸡冻不鸡冻~

图 8
hello world

现在来看第2种方法:本地编写后上传

其实这也是比较现实常用的一种。
你需要安装SVN或者Git,不懂的百度或谷歌一下就行了。
假设你已经安装了SVN了(没装好的别怪我QAQ…真的是网上搜一下就可以了。。)。
随便在本地找一个目录,新建文件夹,命名为你的应用名。如这里是test12345

图 9
这里写图片描述

然后选中这个文件夹,右键选择SVN Checkout…

图 10
这里写图片描述
然后。。。弹出了一个对话框。还记得你的仓库地址吗?不记得的可以看图4,即代码管理页。把仓库地址填到第一个框中去(你应该知道英文的意思吧,很easy的QAQ)。第二个框就是本地存放代码的地方,是默认填好的。接着点击OK就ok啦。

图 11
这里写图片描述

然后一阵下载后,刚才的文件夹下会生成一些东西,就是你云端的代码啦。
文件夹1就是版本1的代码,如图12。。。

图 12
这里写图片描述

打开1文件夹后,如图13。

图 13
这里写图片描述

新建一个index.php文件,文件内容如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><title>my first page</title></head><body><h1 style="font-family:verdana;">我的第一个 PHP 页面</h1><?phpecho "Hello World!";?>  </body></html>

此时,文件前会变成蓝色的小图标。在该目录下右键,选择…如下图

图 14
这里写图片描述

勾选新添加的图片,点击ok

这里写图片描述

然后,再次右键,选择SVN commit…将本地所做的代码更新提交到服务器。
在弹出的对话框中输入本次更新的相关描述,如这次的“add index.php”。然后点击ok即可完成提交。

图 15
这里写图片描述

至此,通过第二种方法实现一个公网可访问的网页也大功告成了!
打开浏览器,输入应用的链接,此处是http://test12345.applinzi.com。即可看到与方法一同样的hello world页面。


接下来稍微介绍一点代码更新的SVN操作。

1. 假如修改了一个文件,如index.php文件。该文件前会出现一个红色感叹号的图标。

图 15
这里写图片描述

要把修改的文件同步到服务器端,只需要右键,点击SVN commit…即可。

图 16
这里写图片描述

2. 新增一个文件

例如,添加一个pic.jpg图片到代码目录下。
此时,文件前出现蓝色问号图标

图 17
这里写图片描述

然后右键,点击TortoiseSVN–>add…确认添加的文件–>ok即可将文件添加到本地目录,但未上传到服务器。此时文件前图标为蓝色加号

图 18
这里写图片描述

再次右键SVN commit…确认添加的文件–>ok,即可上传到服务器,此时文件前图标变成绿色对号

图 19
这里写图片描述

3. 删除一个文件

如,删除刚才添加的pic.jpg。
直接在本地删除该文件。但此时并未同步到服务器。同步到服务器,也就是将服务器端的文件也删除。方法很简单,只需右键SVN commit…确认删除的文件–>ok。
注意要勾选删除的文件,否则不会删除。

图 20
这里写图片描述

PS:
第一次checkout 代码的时候会遇到让输入登录邮箱服务密码的。注意登录邮箱就是你新浪云的登录账号,而服务密码是你自己设置的密码,不是登录密码!

阅读全文
0 0
原创粉丝点击