CODE 帮助文档

帮助文档

CODE用户交流群
467722610

在C-IDE中如何Demo你的Web程序

下面我们以 nodejs 为例,说明一下如何创建一个简单的 http server, 并且能够外部访问。

初始化工作

打开C-IDE demo项目后, 我们通过左侧的项目文件,右键新建一个名为 server.js的 js文件,双击后打开。如图所示:


Coding

接下来进行nodejs 的http server 代码编写

首先 require 我们需要用到的 模块 httpurl

var http = require('http');
var url=require('url')

构建一个简单的 http server

//创建http server
var server = http.createServer(function(req,resp){
    //解析客户端请求的 url,获得请求的路径
    var path=url.parse(req.url,true).path;

    console.log("request "+path +"   -------- "+new Date());

    if(path==="" ||  path==="/index" || path==="/"){
        //向响应流中写入数据
        resp.write("this is index page");
        //不要忘记end
        resp.end();
        return;
    }

    if(path=="/index/hello" ){
        resp.write("this is index/hello page");
        resp.end();
        return;
    }

    resp.write("this is default page");
    resp.end();    
});

最后我们把他绑定在本地所有地址上,端口为8080.

listen的地址必须是0.0.0.0, 如果只监听127.0.0.1 是无法从外部访问的。端口必须是8080。

server.listen(8080,"0.0.0.0",function(err){
    if(err){
        console.log("RUNNING ERROR "+err);
        return;
    }

    console.log("listen on 8080..")
});

这个时候我们的http server 就写好了。 全部代码如下:

var http = require('http');
var url=require('url')

var server = http.createServer(function(req,resp){
    var path=url.parse(req.url,true).path;
    console.log("request "+path +"   -------- "+new Date());
    if(path==="" ||  path==="/index" || path==="/"){
        resp.write("this is index page");
        resp.end();
        return;
    }

    if(path=="/index/hello" ){
        resp.write("this is index/hello page");
        resp.end();
        return;
    }

    resp.write("this is default page");
    resp.end();
    return;

});
server.listen(8080,"0.0.0.0",function(err){
    if(err){
        console.log("RUNNING ERROR "+err);
        return;
    }

    console.log("listen on 8080..")
});

启动运行

运行有两种运行方式 点击运行按钮 和 通过终端命令运行

  • 通过 工具条上的 运行按钮 一键运行

注意当前打开的文件要确保是我们刚刚打开的server.js 点击后,你会发现下方会开启一个新的终端

终端中会提示

你的Web应用的外部访问地址: http://xxxxx.run.c-ide.csdn.net                                                                                                                                                                         
listen on 8080..  

http://xxxxx.run.c-ide.csdn.net 就是你http server的外部访问地址。
对于同一个工作空间,这个地址是不变的。格式是:{工作空间ID}.run.c-ide.csdn.net 工作空间ID 是当前页面地址ws/后边的一串字符串。

  • 使用终端命令来运行

如果你的程序正在运行,请先点击工具条上的停止按钮,停止当前运行的程序.
切换到默认的终端页面,使用Linux的pwd,ls 命令查看当前目录位置以及目录下的文件,并进入到 c-ide_demo 目录中

ubuntu@c-ide_demo:~$ pwd                                                                                                                                                                                                               
/home/ubuntu                                                                                                                                                                                                                           
ubuntu@c-ide_demo:~$ ls                                                                                                                                                                                                                
c-ide_demo                                                                                                                                                                                                                             
ubuntu@c-ide_demo:~$ cd c-ide_demo/                                                                                                                                                                                                    
ubuntu@c-ide_demo:~/c-ide_demo$ ls                                                                                                                                                                                                     
README.md  hello_server.py  helloworld.js  helloworld.py  helloworld.rb  server.js                                                                                                                                                     
ubuntu@c-ide_demo:~/c-ide_demo$    

执行 node 命令

node server.js

效果如下


访问

打开浏览器访问 http://工作空间ID.run.c-ide.csdn.net
你可以看到 相应的输出, 在C-IDE的终端中,你也可以看到我们打印的程序日志

恭喜,你已经成功啦。

点击此处观看视频教程