2.1 初次见面-浏览器输入url后
小明来了
“叮咚叮咚”
初次见面
大仁:你去接待下我朋友,他叫小明,我们公司后端开发。
耳边突然传来一个甜美的声音。
小奈:你好,你是小明吧。
小奈:你好,我是小奈,表哥现在在忙,我来招待下你。
小奈:这是给你的茶,你先在这边坐下。
刷地一下从脸到耳根一阵通红,木住三秒后,
小明愣了下,然后双手接过茶
人物档案
原名黄小明,29岁,黑龙江某大学心理学专业,毕业后在五道口切过菜,某一天看懂犀牛书,从此进入前端,立志成为黑客。大仁公司后端主力开发。

小奈:你是做后端的吧,我有些技术问题可以请教你吗?
小明:可以,具体是什么问题呢?
小奈:我想知道你们平时敲的代码,是怎么变成网页的?怎么放到网上去的?
小明掏出了双肩包里面的笔记本
小明:你平时怎么看网页的?
小奈:在浏览器输入 www.hellojack.com 然后就可以了啊
小明:那你知道背后发生了什么么?我画个图给你看下。

小明:首先这里几个家伙:浏览器(360之类)、服务器(阿里云之类)、域名商(万网之类)、网页文件(index.html)、web环境盒子(Nginx之类)
小明:当你输入地址的时候,背后的事情是这样的。
浏览器打电话给域名商, hellojack.com 这个sb家地址在哪?
域名商告诉他ip地址,稍等,我给你转过去。
浏览器就把这个地址记到小本本上了,下次就不用问域名商了。
然后问服务器要东西了,你盒子里面那个东西呢?
服务器掏出盒子里的文件,切成很多小拼块,好的,我马上寄过去。
然后顺着网线传过去,传到浏览器这边。
浏览器就把拼块凭起来,展示出来了,你好你的文件。
小奈:每个域名都有IP地址地,之前我都不晓得IP跟域名有什么联系。
小明:1对1的,当然你也可以搬家。
小奈:好像懂了。
小明:那你看看我们是怎么实现的吧。

小明:我们首先就是写代码咯。长得像这样子,
<h1>hello jack</h1>
保存为 index.html 后,本地打开。
看到没,长这样子。
我启动个神奇的盒子,
var express = require('express');
var app = express();
app.set('view engine', 'html');
app.engine('html', require('ejs-mate'));
var server = app.listen(8081, function (req, res) {
console.log("hello world")
})
浏览器输入:localhost:8081
浏览器输入:127.0.0.1:8081
小奈:喔,原来这样子,那怎么输入 hellojack.com 来访问呢?
小明:对,接下来我要把它部署到阿里云上去,我之前买的。
但是域名这个我只买过 pmjishu.com 这个,我得去域名商那里买一下才行。
小奈:不用啦,我明白了。
小奈:实在太感谢你了,你好厉害喔。
只见小明又通红着脸
小明:不用客气,有什么不懂的问题随时请教”
今晚好美,月亮很好看。
刚刚示范的例子,GitHub上也有实战代码。
Github地址: 一个代码分享托管网站
群名称:一起学Javascript
群 号:537728988
