博客

网站应用的前端，可以想成是在浏览器上显示的界面。这个界面是你自己设计好的，界面上需要的资源会通过网站服务器传输给用户的浏览器。浏览器收到这些资源，它知道怎么处理这些资源，呈现给用户的就是最终的前端界面。网站应用还需要个后端服务，它提供了网站的主要功能，主要负责处理网站上的数据。

你设计了一个前端界面，比如一个注册用户的表单，用户在浏览器上打开了这个表单所在的页面。然后在表单上填写好了一些数据，按下了提交按钮，浏览器会把表单里的数据发送到我们指定的地方。这个地方就是网站的后端服务的某个接口（路由）。在后端服务的这个处理注册用户用的这个接口上，知道怎么去处理发送过来的表单里面的数据，比如可以验证一下数据，然后把它们存储在网站的数据库里。

用户在浏览器上访问我们网站的某个地址，这个地址需要有一个对应的后端服务接口，这个接口是我们自己设计的。可以根据需求，为浏览器响应回需要的数据。比如你打算在开发的网站后端里设计一个接口，地址是 /posts。访问这个接口地址的时候，返回的内容就是一个内容列表数据。这样在开发这个接口的时候，我们可以验证用户的权限，然后查询网站的数据库，把需要的内容列表数据提取出来，处理一下（比如把数据套用在内容列表模板上），再响应给发出请求的浏览器。

（用 Canon 600D，100mm，自然光，拍摄于家中）

呆子们都有个幻想，就是弄个单反拍女孩。当初有了这个想法以后，买了个 Nikon D90，女孩没拍到几个，却成为了朋友们专用的婚礼摄影。不过感觉还不错，觉得自己有点用。后来我看人家手里拿的单反个头比我的大，按起快门来咔嚓咔嚓，就像切大西瓜，觉得好专业，就把 Canon 5D Mark 3 写在了某年的愿望清单里，一年半以后还真的实现了，所以我猜愿望清单是有效果的。

学会了 Node.js，你可以用 JavaScript 语言建立一个公司。Uber（国外打车应用） 公司在估值 50 亿美金的时候，用的是 Node.js v0.8。国内的阿里公司的很多项目是基于 Node.js 创建的，比如飞猪。他们甚至发布了自己的 Node.js 应用框架（egg.js）。你是创业者，打算创建个网站应用，或者是个初学者，想要学习开发网站应用，都可以考虑选择 Node.js。

谁在用

在不了解某项技术本身之前，对它的印象取决于谁在使用它，看看这些公司够不够酷。Node.js 拥有相当庞大而且活跃的社区，基于 Node.js 创建的项目也是不计其数。在 Stackshare 网站上，你可以搜索 Node.js ，去看看都有谁在使用它。下面是几个比较著名的使用 Node.js 技术的公司。

第一次看《硅谷》第四季是 17 年的年初，现在回想起来，当时觉得更像是一个寓言故事。因为之前的几季讲的都是跟网站，App 相关的东西，这对咱们来说很容易明白。但是到了第四季，richard 开始实施他的点对点（peer to peer），去中心化（decentralized）网络。当时觉得有点神化，直到最近我才意识到，其实讲的就是正在发生的事情。点对点，去中心化的网络，存储，直播 ...   以我们的学习速度，这些东西会很快被应用。

本来想着是过年这段时间一直保持个工作状态，这样放假回来就省得再调整了。不过南北的亲戚都于济南相聚，哥哥，姐姐，妹妹到一块儿，也就免不了要叙叙旧，饮几杯。几天下来工作状态也就丢了。昨天我把 《硅谷》第四季又找出来看了一遍，用这部剧作为开年励志。

之前我们完成了开发微信支付时需要做的准备，还实施了一个扫码支付功能。 介绍了微信支付的基本流程，还有相关的一些概念。扫码支付比较适用于桌面端的应用，因为支付的时候需要用到微信 App 扫二维码。下面再介绍一种适用于移动端的微信支付方法，就是 H5 支付。用户在移动设备的浏览器上提交支付请求，会调开微信 App 进行支付，支付完成以后又会被重定向到原来的支付页面。

文章有配套视频《微信支付：H5 移动端支付》，订阅宁皓网可以在线学习所有相关的课程。

用 Sketch，简单的把小程序的支付流程图重新做了一遍。原版的小程序支付流程图，点击这里。

角色

• 用户：使用小程序发起支付的人。
• 小程序：微信小程序。
• 应用：我们自己的应用后台，为小程序提供后端服务。
• 微信：微信支付系统。

图：Anna Paschenko

周三一般我们都会全家出洞，进城找点吃的。主要是因为工作日人比较少，还有礼拜三经常会打折。在公交车上就开始找，工具就是全国人民都在用的大众点评。想到一家很小的馆子，但是发现他们中午很早就休息了，来不及了。下了公交车，走进一家大商场，看到了 I ❤️ 莜。

I ❤️ 莜给我的印象是一家面条店，进去才知道他们比较著名的还有牛羊肉。这家店的视觉设计看样子花了不少钱，很讲究。首先就是这个 I ❤️ 莜，看了以后应该很难忘记。餐桌上铺着红白格格桌布，很可爱，也很温暖。我们被招呼坐下来，等着人家给拿菜单，发现没动静，就问了句：“怎么点菜？”，服务生回了句：“扫码微信点菜。”

图：Anna Paschenko

微信扫码支付，就是在应用上生成一个支付用的二维码，用户可以扫描二维码确认并完成支付。扫码支付提供了两种模式，我们要用的是第二种模式。

搭建微信支付开发环境，参考：《微信支付：开发准备与实施扫码支付细节手册（上）》

文章有一个配套的视频版本，宁皓网会员可以在线观看《微信支付：开发准备与扫码支付》

图：Anna Paschenko

开通微信支付服务，准备一个可以在互联网上被访问到的开发环境，就可以为应用开发微信支付功能了。下面就一起了解一下搭建开发微信支付环境的方法，然后在一个 Node.js 应用里实现微信支付的扫码支付（Native）功能。

内容比较多，所以分成两个部分，这是上半部分，主要介绍的是微信支付开发前的一些准备工作，在本地搭建一个开发微信支付的环境。文章配套有个视频版本，宁皓网会员可以在线观看：《微信支付：开发准备与扫码支付》。

主要目的是用最简单的方法理解微信支付的流程，首先要实施的是微信支付里的扫码支付功能，生成支付二维码，用户扫码完成支付。这种支付方式提供了两种模式，课程里用的是模式二。