国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

一个真实的商业网站案例(课程已发布)

最近做了一个关于搭建商业网站的迷你系列课程(3集,现已全部发布在宁皓网)。这是一个真实的案例,网站运行在阿里云 ECS 服务器上,并搭配了负载均衡,提高网站的响应速度。https://toview.cn,成聚广告摄影,网站拥有者是摄影师于晓龙。

年前的时候,于哥微信跟我说他自己的服务器到期了,忘记了续费,网站被删除掉了,问我还能再把网站找回来吧。阿里云服务器在过期以后,数据会保留一阵子,看来是很久以后才知道的。不然及时续费,网站还是可以继续使用的。

10 几年前,通过朋友介绍,我帮于哥搭建了一个作品展示网站。 因为自己本身也喜好摄影,所以看到专业的摄影师由衷地敬仰,总想着巴结巴结。后来我们也成为了朋友,一直保持联系,也一块儿探讨有没有合作的可能。比如做个商业摄影在线教育怎么样?

7 年前我不再帮别人搭建网站,专心做自己的网站。以前为别人做的网站也都交待给所有者自己管理。龙哥的网站也是一样。其实也不用怎么管,就是平时续续服务器还有域名的费用。

这期间一直也有人找我搭建网站,我觉得这种展示类型的网站一直是有市场的,但是在国内一直也没看到有太好的产品能帮助大家方便地创建这种网站。国外就有很多,比如 wix.com,squarespace.com 等等,都是帮助需要网站的人快速自助搭建一个漂亮的网站。wix 很多年前就已经是上市公司了。WordPress.com 也是一个非常好的例子。

我遇到的情况大部分都是找自由职业者定制网站,这其实存在不少问题。首先是价格,如果称得上定制,价格就一定是贵的,便宜的一定不行。大部分企业或个人对网站功能的需求都不高,主要看的是网站页面的设计,也就是对于开发并没有什么难度,主要是设计要下功夫。

自由职业者的收费会低一些,但是不算稳定,存在一定风险。专业的机构收费太高,一般的小型企业或个人根本负担不起。所以大家做网站都相信熟人推荐,作为自由职业者,你只要服务好一个客户,他就一定会把你推荐给别人。

企业展示产品,个人展示作品,这种类型的网站最好能有一家稳定的服务商来提供。开发个自助搭建网站的产品,按年收费,一定有市场。做成一定的规模,稳定性就会好,价格也会便宜,比如一年几百块,任何想要拥有独立网站的客户都是愿意付的。

十年前,我帮客户设计个网站,制作周期需要一周的时间,收费在 2000 左右,往后每年收 500 的维护费用。对于自由职业者来说,收入有限,因为自己的时间有限。一定要做成无人监管,可批量复制的服务。如果你能开发出这样的产品,每个客户每年 600 , 有 500 个客户就不用去上班了。如果是 5000 客户,买房子娶媳妇都不用父母操心了。第二年还有三分之一的人会续费。

于哥知道我不再帮别人搭建网站了,也就没好意思直接让我帮他做个网站,他想让我推荐个人帮他再做一个。后来我想他找别人做还得花不少钱,我就跟他说,我帮你弄个得了。

(作者:于晓龙)

(作者:于晓龙)

系统与主题

我想的是要快速搭建一个展示作品的网站,最终决定使用 WordPress 搭建,虽然只有简单的几个页面,不过还是花了三四天的功夫。选用 WordPress,是因为我觉得以后如果于哥打算自己在网站上写点文章,WordPress 对于用户来说最友好。并且 WordPress 本身提供了 RSET 接口,如果以后要开发个小程序之类的东西,会很方便。

我需要一个漂亮的主题,WordPress 应该是拥有最多主题的网站系统了,我到 themeforest 上买了一个主题,花了 62 美金。主题非常灵活,可以快速创建出各种不同类型的页面,不需要写一行代码,通过可视化的界面,就可以完成所有页面的设计了。不过对于一般用户来说,选项太多,有点复杂。

开发环境与服务

我把制作 toview.cn 这个网站的过程录了下来,其中也介绍了这款主题的使用方法。虽然是一个简单的作品展示网站,还是涉及了很多东西。比如在本地搭建开发环境,我用了 Docker,用 Docker Compose 配置好网站需要的服务,这样不管到哪都可以一键启动网站,不需要重复配置网站环境。

网站运行在阿里云的 ECS 服务器上,当时正好赶上阿里云打折,就让于哥买了一台新的服务器。在网站上要安装配置一个 Nginx 服务,配置好 SSL 证书,开启 HTTP2 ,让这个服务把对网站的请求转发给 Docker 容器。这样做我们就可以实现在一台服务器上同时运行多个在 Docker 容器里的网站。

因为你可以在服务器上创建多个 Nginx 服务,它们可以监听同样的端口,比如 80(HTTP),或 443(HTTPS)。服务的 server_name 可以不一样,让 Nginx 把对不同的主机名的请求转发到指定的端口上。比如服务器上有一个网站的容器公开了 8080 端口提供 Web 服务,你可以让 Nginx 把请求转发到这个 8080 端口。

再多解释一下。你创建了一个 Nginx 服务,server_name 是 toview.cn,服务把请求转发到 8080 端口,因为 toview.cn 这个网站的 Web 服务(容器)通过这个 8080 端口提供服务。你又创建了一个 Nginx 服务,server_name 设置成了 ninghao.org,让服务把请求转发到 8081,因为 ninghao.org 这个网站的 Web 服务通过 8081 提供服务。

安全与性能

网站使用 HTTPS(安全的 HTTP) 协议已经是标配了,如果不用 HTTPS,浏览器会提示你的网站不安全。课程里介绍了怎么使用免费的 SSL 证书,配置 Nginx 服务支持 HTTPS 与 HTTP2 。网站如果支持 HTTP2 ,下载页面资源的时候就会快一些,因为它会同时下载多个资源。

网站用的 ECS 服务器,它本身的带宽只有 1M,也就是每秒最多只能下载 100 多 KB 的资源。为了提高网站页面的响应速度,我在 ECS 前面又添加了一台没有带宽限制的负载均衡,这样加载首页所有资源只需要 1.8 秒。详细的配置过程包含在了这个系列课程里了。

课程需求

课程适合需要快速搭建商业网站展示你提供的产品与服务的同学们,也适合自由职业网页设计师们。课程里除了创建网站服务的时候写了几行代码以外,其它地方都不需要写代码了。

想能正式用自己的服务器运行一个同样的网站,你需要了解点服务器相关的知识。比如远程控制服务器,安装与配置服务等等。可以先了解一下 CentOS 操作系统(https://ninghao.net/package/centos)。

网站源代码

如果您是宁皓网的 年费会员,可以加入 QQ 群(555981061)。网站源代码(包含主题、插件、图片、数据库)可以在群共享里下载到。

申请加入时,请您提供宁皓网 年费会员 的用户名。

课程地址

  1. 搭建本地环境与配置 ECS 服务器:https://ninghao.net/course/6855
  2. 创建网站页面:https://ninghao.net/course/6914
  3. 添加作品集展示作品:https://ninghao.net/course/6931

评论

Nice!

希望皓哥多出点实战视频

续费了~

多谢捧场 :)

我就是去themeforest买主题~~然后自己改改

看到教程果断上手实践了,虽然只是一个单纯的portfolio,但无论是安全性还是将来的可扩展性,都是最前沿技术了。
有一点困扰了我一宿,为什么我用nginx代理配置好了所有点,就是最后一下网页输入域名打不开和本地一样的wordpress安装界面呢?
1.本地ping 域名可以看到全部可以连接到服务器
2.其余一切都正常。nginx语法检查正常,系统及软件版本都是严格一步步的来
皓哥,给个问题所在的大方向,我再试着找找看

检查 nginx 配置里面,关于 proxy 的设置里,有没有: proxy_set_header Host $http_host; 如果没有就加上这句配置。如果不能解决问题,可以通过论坛或个人微信,把服务器帐号发给我,我登录上去检查检查也行。

还有需要注意的是,Docker 在服务器上的权限问题。比如 wp-content 这个目录的拥有者在服务器上要把它设置成 www-data,并且这个用户需要一个特定的用户 id,具体的设置方法在教程里面提到过。你需要在本地服务器上创建一个 www-data 用户,设置用户的 id ,然后去修改 wp-content 这个目录的拥有者,换成 www-data。

我的也是这样,最后一步了,在浏览器上就是打不开安装界面。

其实我还有半年才到期,但是为了支付皓哥,还是提前续费了。



微信好友

用微信扫描二维码,
加我好友。



微信公众号

用微信扫描二维码,
订阅宁皓网公众号。



240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点