高大上!手把手教你在京东云擎上部署个人应用!

  楼主这几天在研究微信开发,首先要找一个云平台,恰好上次在博客园见到了一个讲在京东云擎上部署自己网站的文章。作者没有详细写。本文教大家如何在京东云擎上部署自己的应用,并且演示了简单的网站登录操作。京东云擎目前是免费的哦。可以支持Java、php、Node.js、python、Ruby这五种语言哦!

  转载请附明地址http://www.cnblogs.com/zrtqsk/p/3769972.html,谢谢。

  京东云擎网址:http://jae.jd.com/

  另外,大家可以参考这些教程:

  http://amaoy.com/archives/1085

  http://appengine.jd.com/help/create_app.html

  好了,废话不多说,我们开始吧!

 

 

一、新建工程

  首先,京东云擎上注册后,点击“新建应用”,可以看到如下所示的页面:

 

  输入名称一般与二级域名相同,当然了,不一样也没问题。点击创建,网页下方命令行显示创建过程,创建完成后,显示如图:

  

  这里创建的是一个非常简单的例子应用。这个例子应用的访问网址是:http://jcloudTest.jd-app.com

  Git地址,表示这个应用本身存放在京东的Git远程仓库。我们通过修改里面的代码来部署我们自己的应用。Git地址是:https://code.jd.com/qian9255/jae_jcloudtest.git

Git用户名和密码就是你京东的用户名和密码。这个用户名指的是页面右上角这个。之所以指出来,是因为在Git提交的时候,楼主也弄错过用户名和密码是什么。

  不知道Git如何使用的,可以参考楼主的上一篇文章傻瓜看完都可以简单使用Git

  点击这个,我们可以进入自己的Git远程仓库,可以看到如下的内容:

  

  (不要怪楼主贴图太多哦,当初我自己摸索的时候也希望教程里写的越详细越好。。。)

  如上图,这里是我们的工程主目录,这是一个Maven工程。可能很多人没有用过Maven,用过的可以跳过这一段。。。

  Maven是什么?Maven是基于项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具。(百度百科。。。)说白了就是项目管理工具。用来管理你的整个项目,可以方便的将项目打包成Jar、War,甚至发布整个项目。

  Maven推荐一种统一的格式来管理整个项目。我们知道一般一个项目有些地方放资源文件,有些地方放源代码,有些地方放测试代码,有些地方放网页代码。用一个pom.xml配置整个工程。Maven的约定如下:

  源代码:                         /src/main/java

  网页代码:              /src/main/webapp

  资源文件:                        /src/main/resource

  测试代码:                        /src/test

  编译后的二进制文件:               /target/classes

  可分发的最终文件(.jar,.war,.ear):     /target

  pom.xml:               /pom.xml

  没用过maven可能会奇怪,工程的依赖Jar包放在哪里呢?哈哈,这就是maven的奇妙之处,依赖Jar包都在Pom.xml中配置,完全不用你手动导入Jar包。

  就是说,将工程的代码按照上面的约定上传到Git远程仓库,你的工程就可以在京东云擎上运行啦。

  下面跟随楼主来构建一个最简单的登录页面。如果不是Java语言的可以跳过第二部分,直接看第三部分。

 

 

二、登录页面的实现(Java)

  

1、首先使用Git将远程代码拷贝到本机。

  楼主使用的是Git的图形客户端TortoiseGit。在工作空间文件夹(任意文件夹都可以)右键,Git Clone...

然后在京东云擎应用列表中你的应用的Git地址“点击复制”,将复制地址粘贴在URL选项上,如下:

 

  然后,点击Ok,输入用户名和密码,复制完成后,点击close,工作空间文件目录就出现了jae_jcloudtest工程了。打开工程,可见如图:

  此时,工程还未进行任何操作。

 

2、登录页面:

  为节约时间,直接修改index.html。到jae_jcloudtest\src\main\webapp下找到index.html,改成下面:

 

<head>
<style>
body{
margin: 0px;
}
</style>
</head>
<body>
    <form action="login" method="post">
        <table>
        <tr>
            <td>Username</td>
            <td><input name="username"/></td>
        </tr>
        <tr>
            <td>Password</td>
            <td><input type="password" name="password"/></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" name="Login"/></td>
        </tr>
        </table>
    </form>
</body>
</html>

 

 

  若此时将代码上传,部署后访问,可见一个简单的登录页面。

 

3、编写servlet

为了节约时间,不对工程本身的结构作调整,到jae_jcloudtest\src\main\java\com\jd\samples文件夹下,写一个servlet,为LoginServlet,如下:

 

package com.jd.samples;

public class LoginServlet extends HttpServlet{
 
    private static final long serialVersionUID = 1L;

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
     resp.setContentType("text/html;charset=UTF-8"); String username
= req.getParameter("username"); String password = req.getParameter("password"); PrintWriter out = resp.getWriter(); if(username==null || password == null) { out.print("用户名或密码错误啦,请返回重新输入!"); } else if(username.equals("cat")&&password.equals("123")) { out.print(username+"你好,登录成功!"); } } }

 

 

非常简单的响应处理!

 

4、修改web.xml

到jae_jcloudtest\src\main\webapp\WEB-INF目录下,找到web.xml,修改如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
    <display-name>Hello Java</display-name>
    <servlet>
       <servlet-name>login</servlet-name>
       <servlet-class>com.jd.samples.LoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
       <servlet-name>login</servlet-name>
       <url-pattern>/login</url-pattern>
    </servlet-mapping>
</web-app>

仅仅增加了一个servelt。

大功告成!

 

三、部署到服务器(京东云擎)

1、上传  

  按照maven的约定修改了工程之后,就可以将其上传到Git远程仓库了。

  若用IDE开发的,建议将工程主目录下.settings、target、.classpath、.project等文件删除再上传。

  选择工程文件夹,右键Git Commit -> "Master"...

  出现下面的界面:

  

   最上面的Message是提交时的备注,是一定要填的,楼主一般习惯填当前日期和主要操作

  在中间选项里,选择“All”,然后点击OK,这时跳到这样的页面:

  

  这时,点击Push...,在随后页面点击OK,输入用户名和密码,即将改动保存到Git远程仓库。成功后点击close.

  此时打开Git远程仓库,可看到对应改动。

 

2、部署

  点击应用列表中对应应用的“部署管理”选项,这里可以选择“快速部署”和“上传包部署”,这里我们选择快速部署。

  (如果使用maven打包,可以将打包的war文件上传部署)

   等待控制台编译,最后出现如图:

   这时候就可以直接访问了。

  (注意!有时候控制台会出现重启错误,这时部署失败了,需要点击应用列表中对应应用右边的“快速重启”选项,重启成功后就部署成功啦!楼主在这个步骤死过好多次。。。)

 

3、访问

点击http://jcloudTest.jd-app.com后,出现如下页面:

输入cat/123后,成功跳转至如下页面:

至此,大功告成!

 

 

 

如果觉得本文还不错的话,麻烦点击推荐哦!谢谢啦!

转载于:https://www.cnblogs.com/zrtqsk/p/3769972.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值