JS服务端系列-一起学nodejs(一)

无环境,不编程!

nodejs如何安装 http://my.oschina.net/u/2352644/blog/487488 (win下)

我的学习网址,在学习网址的教程基础上去跟着学习和思考延伸 http://www.nodebeginner.org/index-zh-cn.html

nodejs的社区 https://cnodejs.org/

一.helloworld显示

我们是时候走出第一步了,利用nodejs,

我们创建helloworld.js文件,写上代码如下:

console.log("helloworld") ;

cmd窗口下切换到存放helloworld.js文件目录

运行命令:

node helloworld.js

我们在cmd窗口会显示出helloworld内容

这就证明node环境搭建ok!

二.网页中helloworld的显示

helloworld.js代码修改如下:

var http = require("http");
http.createServer(function(request, response) {
 response.setHeader(‘content-type‘, ‘text/html;charset=utf-8‘);
    response.write("helloworld");
    response.end();
}).listen(9999);

我们运行命令:

node helloworld.js

在浏览器输入如下地址,会看到显示的helloworld内容:

http://localhost:9999/

敲入命令ctrl+c终止程序,我们把js文件输出内容修改成汉字(如:哈喽),,再次运行js文件,会看见中文内容

三.分析

我们要想在页面显示内容,也就是浏览器访问,就需要搭建http服务器(如php的阿帕奇和.net的iis等)

nodejs只需要引入http这个模块(当然还有其他的各种提供。没有的还能自己写);

前端js我们一直处理方式就是

1.对象.属性(取值或者赋值)

2.对象.方法(执行什么或者返回什么)

3.对象.事件=方法(里面放处理)

我们大概翻译上面的案例代码意思就是:

1.获取能创建服务器的模块

2.调用创建方法创建服务器

3.经过服务器处理,获取携带客户信息的对象和能告诉客户信息的对象

4.利用告诉客户信息对象调用其告诉的方法

5.告诉我发给你的是html,

response.setHeader(‘content-type‘, ‘text/html;charset=utf-8‘);等同于html页面的

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

6.监听端口

7.地址访问,获取内容

时间: 2024-08-11 08:46:37

JS服务端系列-一起学nodejs(一)的相关文章

nuxt.js 服务端部署

这次 nuxt.js 服务端部署以docker为基础部署,这样解决以下这些问题: 1.  服务器里一般不搭建运行环境,可以直接以docker里的为环境,统一部署,而不用再次搭建运行环境 2. 常常出现本地没问题,到了服务端上部署时一堆错误,本地和服务器统一用docker里的环境打包部署,解决npm install,npm build等部署出现的错误,方便快捷 一.开始部署 准备如下项目 nuxt为需要部署的nuxt.js项目,名称随意,但需要和yml文件里的对应 nuxt-compose.yml

Nuxt.js服务端渲染实践,从开发到部署

感悟 经过几个周六周日的尝试,终于解决了服务端渲染中的常见问题,也成功说服了公司新项目采用前后端分离的解决方案,当SEO不在是问题的时候,或许才是我们搞前端的真正的春天,其中也遇到了一些小坑,Nuxt.js官方还是很给力的,提issue后很积极的给予帮助,再次感谢Nuxt.js的开发团队. 解决的问题 路由鉴权 第一个拦路虎就是登陆时候的鉴权问题,如何把token保存到本地.官方使用express-session解决这个问题,但是这样做后端也需要使用nodejs,而我们公司使用的PHP.转念一想

多人即时战斗游戏服务端系列--90坦克Online网络版详解

前言: 一直想写一个关于这个项目的系列,当前此游戏目前处于下架过程中(运营不善,虽然本人还是挺喜欢这个游戏的). 距离开发已经一年多了.趁着还没忘光,就在此整理并共享出来. 能写多少算多少..弃坑勿怪... 先上一发服务器架构图: 考虑到当时项目的考量,以及后面用户群的表现.其实这个架构有点复杂了.以至于有点浪费. 首先,我们进行几个名词解释. 1.数据差异引擎:是使用一套数据协议和对象监听,保持多个不同位置(客户端/服务端或服务/服务端)之间的多个数据对象一致,一个主节点多个副节点同步的引擎,

Node.js 服务端处理图片

Node 服务端处理图片 服务端进行图片处理是很常见的需求,但是Node在这一块相对来说比较薄弱.找了几个比较常见的模块来解决问题. gm GraphicsMagick for node 使用OpenMP进行多线程图片处理,增强了通过扩展CPU提高处理能力. 支持大图片的处理,并且已经做过GB级别的图像处理实验. 能够动态的生成图片,特别适用于互联网的应用. GraphicsMagick 是一个专注于提供图片处理工具的库集合,它是从 ImageMagick 5.5.2 分支出来.更为精简和效率.

多人即时战斗游戏服务端系列[2]--90坦克Online游戏对象介绍以及渲染机制

先上类图,略大,点击此处放大: 1.先说下方接口 1.1 场景物品接口 ISceneObject : OpLog.IOpItem, IStackPoolObject 全部场景对象的基本接口,包含类型定义,通用渲染接口,所在场景,子对象树,尺寸,坐标等.. 1.2  游戏场景接口 IScene : ISceneObject 继承于基本场景接口,拥有加入对象,对象列表,获取相邻对象,等其它逻辑. 1.3  Buff基类 IBuff buff表现,拥有持续时间,加入/删除/移动/开火/渲染/被击中时触

多人即时战斗游戏服务端系列[3]--日志类及Config类以及Excel生成类

这里说一些辅助类的设计及介绍. 依然上类图先: 首先是日志类和Config,这个库以及Config库取自暗黑3的民间模拟器mooege, 当时看了写的简短小巧就直接拿过来用了. 后来虽然发现一些问题,进行简单修改和优化之后,在项目中进行使用了. 首先是日志类,看了下类图也就没几行,简单的就是一些输出层级,带有可外部加载的扩展方法,ExtensionLogTarget,通过反射加载,然后进行一些扩展目标的输出. 修改部分的话,比较简单,原先日志是同步输出,这样会导致卡掉一些时间比较敏感的运算,这边

cropper.js实现图片裁剪预览并转换为base64发送至服务端。

一 .准备工作 1.首先需要先下载cropper,常规使用npm,进入项目路径后执行以下命令: npm install cropper 2. cropper基于jquery,在此不要忘记引入jq,同时记得引入cropper.css 3. 此处后端使用的nodejs,不过不懂node的影响也不大. 二 . 图片裁剪并预览 1.首先利用cropper完成图片裁剪并预览: <input type="file" name="" id="imgBtn"

Vue.js与 ASP.NET Core 服务端渲染功能整合

http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/ 原作者:Mihály Gy?ngy?si 译者:oopsguy.com 我真的很喜欢在前端使用 Vue.js,Vue 服务端渲染直到第二个版本才被支持. 在本例中,我想展示如何将 Vue.js  服务端渲染功能整合 ASP.NET Core. 我们在服务端使用了 Microsoft.AspNetCore.SpaServices 包,该包提供 ASP.N

[转载]用UglifyJS2合并压缩混淆JS代码——javascript系列

从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发.Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎.chrome浏览器就基于V8,同时打开20-30个网页都很流畅.Nodejs标准的web开发框架Express,可以帮助我们迅速建立web站点,比起PHP的开发效率更高,而且学习曲线更低.非常适合小型网站,个性化网站,我们自己的Geek网站!! 关于作者 张丹(Conan), 程序员Java,R,PHP,Java