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

　　楼主这几天在研究微信开发，首先要找一个云平台，恰好上次在博客园见到了一个讲在京东云擎上部署自己网站的文章。作者没有详细写。本文教大家如何在京东云擎上部署自己的应用，并且演示了简单的网站登录操作。京东云擎目前是免费的哦。可以支持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后，成功跳转至如下页面：

至此，大功告成！

 

 

 

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

posted @ 2014-06-05 13:08  Chandler Qian  阅读(8208)  评论(50)  编辑  收藏  举报