cmswing系统,是基于thinkjs的一款cms作品,作者@阿特,江湖人尊称@特总。特总非常认真负责,在群里经常解答苏南大叔的初级问题,这个是非常令人钦佩的。cmswing是码云评选的GVP项目,至于GVP到底是什么,苏南大叔其实也不明白,反正就是很厉害的意思了。

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - cmswing-start
如何安装 cmswing ?cmswing 安装部署小白教程(图32-1)

作为学习nodejs网站项目的一个范例,苏南大叔研究学习特总的cmswing代码,也有几个月的时间了。所以,其实是有很多相关经验想法要说的,本文写下些cmswing的安装部署经验,以飨读者。本文里面,当然也有对cmswing的小小吐槽,特总见谅。

下载cmswing

cmswing的下载地址有github和码云两个地址:

下载代码的时候呢,有个小小的注意事项,当然也是新人必掉大坑,就是:千万不能下载release版本,那两个release版本都是有很大问题的版本,下载好之后,进不去后台啦,各种bug了,你懂的。要下载master版本代码!bug最少最靠谱!

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - cmswing-github
如何安装 cmswing ?cmswing 安装部署小白教程(图32-2)

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - cmswing-gitee
如何安装 cmswing ?cmswing 安装部署小白教程(图32-3)

下载好代码之后呢,我们需要稍稍审视一下这些文件夹,苏南大叔用箭头大概分了几类,目前新手们可以先看看,整篇文章看完之后,就会明白为什么了。

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - 04_folder
如何安装 cmswing ?cmswing 安装部署小白教程(图32-4)

这里,苏南大叔就想吐槽一下/www/upload/这个文件夹,特么的里面一堆别人上传的图片,好不好。60多M,好不好。里面很多很私人的图片,好不好。吐槽完毕,苏南大叔优雅的按了一下,从某东购买的二十块钱的高档键盘上面的del键。当然,各位cmswing粉丝,想在里面寻找特总的蛛丝马迹的话,推荐您仔细观赏每张图片。

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - 04_folder_no_upload
如何安装 cmswing ?cmswing 安装部署小白教程(图32-5)

上线部署之nginx

这里也满满的都是套路,需要先使用nginx -t找到nginx的配置文件位置,确定启用了server/*,见下图。然后到server目录下,随便新建个conf文件,文件名叫什么就不重要了,你高兴就行。然后把cmswing源码根目录下面的nginx.conf文件的内容,复制过去,然后就是修改里面的内容。

注意:上述描述中的server目录,在mac下面叫server。在centos上面,叫做conf.d。不排除还有其它的名字,不过原理都一样,大家要随机应变哦。

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - 23_nginx_conf
如何安装 cmswing ?cmswing 安装部署小白教程(图32-28)

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - 23_nginx_conf2
如何安装 cmswing ?cmswing 安装部署小白教程(图32-29)

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - 23_nginx_conf3
如何安装 cmswing ?cmswing 安装部署小白教程(图32-30)

一般来说就是修改name,root,还有端口号8360

  • server_name就是你的最终部署的域名,当然,如果你没有的话,还是测试的话,就可以像苏南大叔一样,在hosts文件里面虚拟一个假的域名。
  • 如果你在pm2那一步没有修改端口号的话,就不用修改port
  • 但是一定要注意root,一定要指向源码根目录下面的www文件夹!

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - 24_hosts
如何安装 cmswing ?cmswing 安装部署小白教程(图32-31)

保存配置文件,nginx -s reload重载配置,如果一切顺利的话,你就可以再次看到cmswing的伟岸身影了。当然,这个时候,很多人会说,为啥图片样式都失踪了404啊。别急,请看下面这篇文章。这里有你的答案。注意,这个时候,如果你还访问node8360端口的话,看到的应该是静态资源404了。

在这里,苏南大叔总结一下:

  • 开发模式,使用的是development.js8360端口访问,静态资源由中间件控制访问。
  • 生产模式,使用的是production.js,实际上是在pm2.json里面指定的。静态资源是由80端口nginx处理的。8360的话,就跳过了nginx。而此时,因为是生产模式,中间件的静态资源访问功能完全失效。

最终,您看的效果,应该是下图这样的,如果你看到了类似的界面,恭喜你,顺利毕业了。恭喜你顺利走向下一个新的cmswing征程~~~

苏南大叔:如何安装 cmswing ?cmswing 安装部署小白教程 - 25_okok
如何安装 cmswing ?cmswing 安装部署小白教程(图32-32)

总结

能够成功运行起这个cmswing,其实也是过五关斩六将的。比起世界上最好的语言php的源码安装来说,确实要复杂多了。哈哈哈~~ 在接下来的博文中,苏南大叔可能会写一些有关cmswing模板制作的问题。欢迎大家关注。

更多cmswing的文章,请点击苏南大叔的经验博客文章。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   node    cmswing

本站的忠实读者小伙伴,正在阅读下面这些文章: