春季课程预览

春季课程已经开始更新了，这一季的内容都很实用。包含构建电子商务网站，开发集成微信支付与支付宝，开发微信 / 支付宝电商小程序（正在每周更新）。年费会员现在就可以加入学习群，提前下载网站或应用的源代码。现在成为年费会员。

构建电子商务网站

构建自己独立的电子商务网站更能体现自己的品牌，界面与服务流程都可以自己定制，更重要的是客户是你自己的。而且有些情况，你可能不太希望把自己的产品放到其它平台上去销售，你可能受不了其它平台的各种限制或者不认同他们的品牌等等。

开源软件世界里为构建电子商务网站提供了很多方案，有专注电商的，比如 Magento，OpenCart，还可以通过内容管理系统的电子商务功能插件解决，比如 WordPress、Drupal 这些系统都提供了相关的电商插件。

我更偏向选择综合性质的平台搭建电商网站，除了电商功能，这些平台提供了更多的可能性。在  WordPress 平台上，最受欢迎的电商插件是 WooCommerce，如今这个插件已经并入 Automattic 公司。这家公司的创始人就是 WordPress 系统当初的作者，旗下拥有 WordPress.com。

在 Drupal 平台上，电商解决方案应该选择 Commerce 模块。Drupal + Commerce 这个组合能创建更为复杂的电商系统。因为他们太灵活了，所以我们需要花更多的时间去学习。

这次《构建电子商务网站》这个系列课程，我选择了 WordPress + WooCommerce 这个组合。我希望创建一个极简风格的电商网站，界面上要淡化不重要的元素，或直接去掉没那么重要的元素，把用户的注意力导向产品或服务本身。

WordPress 与 WooCommerce 都是非常受欢迎的产品。根据 W3Techs 统计，全球所有的网站中，有 33% 是基于 WordPress 搭建的。并且 WordPress 占了内容管理系统 60% 的份额。根据 BuiltWith ，排名前 1 百万的网站使用的电商系统，WooCommerce 占了 22%。

这两个产品都是开源的，属于同一家大型商业公司。有庞大的用户基数，有大公司背书，又是开源产品，所以 WordPress 与 WooCommerce 一时半会儿不会离开我们，他们会一直不断地进化。对于普通用户来说，WordPress 也简洁易用，更友好一些。

课程介绍了搭建与使用电子商务网站的全过程。我还为这个系列课程专门定制了一款主题，主题根据国内的习惯做了一些改进。年费会员现在就可以申请加入 QQ 群（196875111）下载这款主题。

集成支付宝与微信支付

用 WordPress 与 WooCommerce 虽然可以快速搭建独立的电商平台，但是我并没有发现有适合国内的支付方法，比如支付宝或微信支付。所以，我准备了一个开发系列课程，介绍了怎么在已有的电商系统上集成支付宝与微信支付。

（使用支付宝电脑版支付方式的支付流程）

（使用支付宝手机版支付方式的支付流程）

（使用微信支付的支付流程）

集成支付方法重要的不是技术问题，而是细节。有大量的细节你要考虑到，同时也有大量的要做的决定，每个决定都会耗费一些脑力。你要理解电商系统本身，还有明白支付方法的详细的支付流程。我做了无数次的实验，扫清了我能够想到的所有问题，可以节省你大量的时间。

这个系列是在基于 WooCommerce 的电商平台上集成国内的支付方法，这也为你提供了一个思路去在其它的平台上集成支付宝与微信支付。

想要理解支付宝与微信支付的具体流程，可以参考宁皓网《支付宝》与《微信支付》系列，课程里基于 Node.js 一步一步地实现了支付流程。

理解电商系统

首先你要理解电商系统本身，比如你可能需要先为系统创建一个模块或插件，你得知道怎么创建插件，这个插件怎么才能作为电商系统的一种支付方式，你要为插件提供配置界面，在插件里使用配置选项。你还要理解电商系统的支付流程，在用户的购物过程中，在什么时候需要做什么事情。比如更新订单的状态，添加备注信息，记录微信支付或支付的交易号等等。

理解支付方式

支付是比较敏感的动作，所以支付宝与微信支付提供的支付方法都有一套安全机制，比如通过签名来验证数据的有效性。支付宝与微信支付的支付流程有一些相近的地方，理解了其中的一种，会对使用其它的支付方式有些帮忙。

在电商系统那里，你需要根据支付方式的要求，准备订单数据，比如订单的标题，金额等等，然后对数据进行签名。支付宝或微信支付收到了电商系统的支付请求以后，会去验证请求数据里的签名，确定这个数据真的是从你的电商系统那里发过来的。然后再引导用户支付，支付成功以后，会把用户带回到你指定的页面上，并且会给电商系统发送异步的通知，提醒系统，用户的支付结果。收到了通知，电商系统也要验证通知数据，检查支付结果，根据检查的结果，再去执行相应的动作，比如更新用户的订单状态，给用户发送支付消息等等。

这里面牵扯了很多细节，每个细节你都需要做大量的实验。你还要知道，在本地开发集成支付方式的时候，你得保证自己的开发环境上运行的网站，能够通过互联网被访问到。在宁皓网可以找到相关的课程。

开发微信电商小程序

这是一个实用的开发系列课程，不仅要学会做出既实用又漂亮的应用，还将学会基本功，小技巧与解决问题的思路和方法。比如理解应用框架本身，编辑器的使用与配置，CSS 类的命名方法，使用 Sass 创建样式，后端服务的搭建，服务器 ...  创建产品列表、分页、搜索，产品详情页，加入购物车，管理购物车，用户的注册与登录 ...

设计

宁皓网的课程都是有设计的，课程内容的组织与讲解的流程都是思考与实验之后设计出来的。做出来的网站与应用的界面也是要设计的，用什么组件，组件的样式，界面的排版，元素之间的距离，这些都会融合在课程里，不知不觉中也会陪养自己的设计能力。

框架

课程开发的小程序基于 Taro（小程序开发框架） 与 Taro UI（界面组件）。Taro 可以让我们使用 React 的风格开发各种小程序，包括微信小程序、支付宝小程序等等。课程里我们会专注于微信小程序的开发，但其实开发出来的应用，你可以把它编译成 H5 应用（网页前端应用），移动端应用（React Native），还有其它平台的小程序。

后端

我希望这个电商小程序可以套用任何的电商系统，所以一开始，这个小程序并没有限制你的后端服务到底使用什么。不过在开始的时候我们还是会准备一个基于 Node.js 的后端服务接口，为小程序提供后端服务。这个系列我们会专注小程序本身的开发，至于以后你为它选择什么类型的后端服务都是可以的。

用 JSON Server ，它 1 分钟就可以搭建出一个全功能的 REST 服务，增删改查各种资源，分页与搜索等等。服务会用一个 JSON 文件作为应用的数据库，可以一目了然应用里的数据结构。所以用它搭建出来的服务非常适合小程序或移动应用前期的开发，因为一开始你不需要一个真正的后端服务就可以开始开发小程序了。

后面我们会定制这个 JSON Server，为它添加一些自定义的接口，比如购物车功能，用户的注册、微信登录等等。

现在就去成为宁皓网年费会员 →

年费会员 QQ 群

加群时请提供您在宁皓网的年费会员用户名。稍后我会整理网站与应用的源代码，您可在群共享里下载。

电商网站学习交流群：196875111

小程序开发学习交流群：288033468