七牛云、阿里云和腾讯云云存储基础环境搭建教程

七牛云、阿里云和腾讯云云存储基础环境搭建教程

整体介绍

该程序是技术栈由PHP7.4、MySQL5.7和Redis7.0，运行环境可以是Linux、Mac，也可以是Windows，是一款完全跨端的应用程序。要部署这套应用，你需要保证PHP版本不低于7.4，MySQL版本不低于5.7，Redis的版本可以是5.x，或者是6.x，建议最低版本为6.x版本。
站点的所有图片都采用了云存储，支持阿里云、七牛云和腾讯云等平台。推荐使用七牛云，七牛云一个月有免费的10G流量可以白嫖，何乐而不为呢？
项目线上采用的是Centos7.x版本，推荐使用该版本，服务器的最低配置不能低于1核2G，带宽可以按照实际的需要来，推荐不低于1M。
另外，你还需要单独一个域名，并且备案和拥有一个https证书，https是因为微信小程序的网络请求必须走https协议，不能使用http协议。可以去腾讯云申请，一个账号可以免费申请50个https证书。

部署流程

对于环境的搭建，如果单独的编译安装，是一个非常麻烦的过程。这里推荐使用lnmp一键安装包来实现，我个人也是使用该包来搭建的环境。无需一个一个的输入命令，无需值守，编译安装优化编译参数，提高性能，解决不必要的软件间依赖，特别针对配置自动优化。

下载lnmp资源包

1、wget http://soft.vpser.net/lnmp/lnmp1.8-full.tar.gz
2、tar -zxvf lnmp1.8-full.tar.gz

基础配置

cd lnmp1.8-full.tar.gz

在安装之前，将部分配置的扩展开关需要打开，避免后续再使用过程中重新安装环境。进入这个目录，你会看到如下文件列表：

编辑文件lnmp.conf。按照如下的配置进行修改:

开始安装

安装直接执行./install.sh文件即可。更多的选项，可以参考官网文档详细的说明教程。lnmp安装教程
执行完上面的命令，一般配置好的情况下，可能10几分钟就可以了，配置差点的根据实际情况来。
代码准备
环境搭建好之后，就可以部署我们的源码程序啦。代码程序需要从GitHub上拉取，这里需要注意的是，从master分之拉取，不要从develop分之拉取，master是最新最稳定的分支。 后端代码地址
拉取到本地之后，在程序的源码目录执行如下命令，来安装所需的依赖包。
[root@VM-4-9-centos picture_db]# composer install
Continue as root/super user [yes]? yes # 这里选择yes

安装完成之后，创建配置文件.env。该文件用于配置七牛云、数据库和Redis，以及其他的参数。
cp .env.example .env

配置说明

重要的配置项，这里做一个罗列。

数据库配置

DB_CONNECTION=mysql
DB_HOST=数据库主机地址
DB_PORT=数据库端口
DB_DATABASE=数据库名称
DB_USERNAME=数据库账号
DB_PASSWORD=数据库密码

REDIS_HOST=Redis主机地址
REDIS_PASSWORD=Redis密码，没设置可以不填、填null或者直接删掉这项都可以
REDIS_PORT=Redis端口号
REDIS_DB=Redis数据库编号，可以默认为0

七牛云配置
QINIU_DOMAINS=七牛云上自定义的域名
QINIU_HTTPS=七牛云上自定义的域名(https协议)
QINIU_CUSTOM=七牛云上自定义的域名
QINIU_ACCESS_KEY=七牛云appkey
QINIU_SECRET_KEY=七牛云appsecret
QINIU_BUCKET=七牛云存储自定义的空间名称
QINIU_NOTIDY_URL=可以不填，这个是回调通知使用的，后续版本更新会用到
QINIU_URL=七牛云上自定义的域名

jwt加密key配置
JWT_KEY=jwt的key，这里随意填写一个字符串即可

微信小程序配置
WX_ID=微信小程序的appid
WX_KEY=微信小程序的appsecret

额外配置
ADMIN_HTTPS=
ADMIN_ID=
AUTHOR_ID=

1.ADMIN_HTTPS：管理端是否强制使用https协议，这里推荐设置为true。值只能是false或者true。
2.ADMIN_ID：默认作者的id，这里可以先随机填一个，等你发布上线，你通过小程序注册之后，更改为你自己的id，作用后期再讲。
3.AUTHOR_ID：默认创建人的id，这里可以先随机填一个，等你发布上线，你通过小程序注册之后，更改为你自己的id，作用后期再讲。
配置好上面的流程之后，接下来就需要你手动去创建一个数据库。lnmp环境搭建好之后，默认提供了一个phpmyadmin的应用程序，实现web界面管理数据库。你可以通过服务器的ip/phpmyadmin，访问应用程序。登录进去之后，创建一个和上面数据库配置一致的数据库。
接下来执行数据库迁移文件，会往刚才创建的数据库创建对应的数据表。操作完下面的步骤，数据库就创建好啦。
php artisan migrate && php artisan admin:install

默认的管理后端账号和密码都是admin，一定记住登录之后修改密码。
接下来搭建Redis服务，对于Redis的服务搭建是非常简单的，这里就不单独写了。推荐菜鸟教程上的一篇文章，如何搭建Redis服务。
七牛云配置，这需要你去七牛云存储平台申请一个账号，当你申请后，平台会有操作流程，按照操作流程走即可。
域名部署
通过上面的操作，我们环境和代码所需的都配置好了。假设到这一步，你已经有了一个备案的域名，并且申请了一个https证书。下面就演示如何配置域名。
配置域名，直接参考lnmp官方文档的操作手册就可以了，非常非常的简单。lnmp一键安装包添加网站虚拟主机，需要注意的是，在配置代码目录时，路径一定要确定到public目录，也就是public目录的全路径。例如你的代码放在/home/wwwroot/picture_db目录的，这时候路径又要写/home/wwwroot/picture_db/public。
域名创建好之后，还需要做一个单独的配置。找到public目录下的.user.ini文件，执行一下如下的操作。
chattr -i .user.ini
vim .user.ini # 打开文件之后，将里面的代码注释掉。
chattr +i .user.ini
/etc/init.d/php-fpm reload

#open_basedir=/home/xxxx/public:/tmp/:/proc/，在这行代码前添加一个 # 符号即可。
到此为止，域名部署也完成了。接着我们就来讲讲前端是如何部署的。

前端部署

这里就单独讲如何编译小程序，至于H5和其他的端口可以参考uniapp官网文档。
前端你需要下载uniapp官方开发工具和微信小程序官方开发工具，用该工具打开前端源码文件，找到 utils/request.js 文件，将 baser_url 项改成你刚才部署的域名。然后选择开发工具的发布按钮。等编译好之后，会自动打开微信小程序开发工具。

打开微信小程序之后，你选择工具顶部的发布按钮，工具会自动上传代码到微信小程序平台，登录微信小程序平台之后，提交审核。剩下的事情就是等待审核。

审核成功后就可以直接发布了，这里需要特别说明的一点，小程序的运营类目一定要选工具类，否则会遇到审核不过的情况。官方的审核，我都不想说了，但我也很无奈呀。

CSS命名规则及公用CSS前端整理小知识