产品经理的技术修养@产品@IT·互联网

2.1 初次见面-浏览器输入url后

2018-04-19  本文已影响127人  PMskill产品社区

小明来了

“叮咚叮咚”

初次见面

大仁:你去接待下我朋友,他叫小明,我们公司后端开发。

耳边突然传来一个甜美的声音。

小奈:你好,你是小明吧。

小奈:你好,我是小奈,表哥现在在忙,我来招待下你。

小奈:这是给你的茶,你先在这边坐下。

刷地一下从脸到耳根一阵通红,木住三秒后,
小明愣了下,然后双手接过茶

人物档案

原名黄小明,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

月亮

产品经理的技术手册
产品经理的技术修养:序言
1、李大仁来深圳创业-互联网介绍
2、一杯奶茶-前后端的区别

上一篇 下一篇

猜你喜欢

热点阅读