陈鹤元：开发一款App的技术原理

作为互联网产品经理，每天都在设计各种软件，我们的设计和思考最终都是通过产品来展现的。

01、前言

在之前的文章中我分享了前端的三个核心技术（html、css、js）。

以及分享了一些便于开发和写代码的框架（jquery、bootstrap），学会了这些技术，那么我们平时用手机或电脑浏览的网页就都能实现了。

但实际应用中,页面里的数据大多都是从后台获取的，比如说：你进入一个购物网站，搜索某商品，搜出来的信息会很多，这些信息都是从后台来的。

作为一名产品经理，需要懂一款软件整个的实现过程，也就是说为什么我们设计的app能在手机和电脑上面展示？

这个里面，都用到了哪些技术？技术之间的配合流程是怎样的？为什么能实现？

02、理解软件的生产过程

先看这张图

上图中，针对常用的客户端工具为（电脑、手机）。

电脑：当打开一个网站，比如电商网站，输入某个商品名，点击搜索，前端会向后端（服务器）发送http协议(也就是问后端要数据)，服务端会响应对应的数据给前端，我们就能看到自己搜索的结果。

手机：当打开一个手机app（比如淘宝app），同样的，输入某个商品名，进行搜索，前端会向服务器发送http协议，服务器会给出响应给前端（一般是json格式的数据），这时前端就能展示搜索的结果了。

03、先了解几个概念

1.什么是客户端？

通俗的理解为：电脑、手机、平板等。

2.什么是服务端？

可以通俗的理解为：服务器，它为客户端提供数据。

3.什么是前端？

可以理解为：开发客户端（网页）所需要用到的技术。

4.什么是后端？

可以理解为：给客户端提供数据，所需要用到的技术。

5.什么是http?

通俗理解为：它就是一个请求和响应的协议。

6.什么是服务器？什么是web服务器？

服务器：可以理解成为一台计算机，只是说它对硬件的要求更高而已。

web：也称为万维网，是建立在Internet上的一种网络服务，只要上网即可访问到全球所有网上的内容。

Web服务器：是一种网站服务器，里面可以放文件、图片等，在网上，全世界人可下载，它主要是提供http请求和响应的。

应用服务器：它对应的是负责处理逻辑然后通过web服务器反馈给前端。

7.什么是DNS服务器？

可以理解为：是一个提供域名和IP地址相互转换的服务器。

8、什么是数据库？

可以理解为：它就是一个存放数据的仓库，我们上网，提交的各种信息，比如说填写的地址或者姓名和电话号码，都是存放在数据里面。

04、生产一款软件需要用到哪些技术？

1.前端开发需要用到的技术有？

Html、css、js、Jquery、bootstrap（非必要）。

2.前后端交互需要用到的技术有？

Ajax、 http、json。

3.后端需要用到的技术有？

以java为例：Servlet、Tomcat、ssm、mysql。