从零起步教你部署一个校园微信小程序(前后端)

先进行后端部署

第一步 安装宝塔

Centos安装命令:

yum install -y wget && wget -O http://download.bt.cn/install/install_6.0.sh && sh

键入命令后中间会询问,直接键入y

微信小程序服务端maven 微信小程序服务端部署_微信小程序服务端maven

编辑

添加图片注释,不超过 140 字(可选)

安装完成后,会提示安装成功的提示,面板地址,面板账号还有密码,记住它们,稍后会用到,安装速度与服务器配置成正比(带宽、内存、CPU等)。

微信小程序服务端maven 微信小程序服务端部署_小程序搭建_02

编辑

添加图片注释,不超过 140 字(可选)

访问外网面板地址,如图

微信小程序服务端maven 微信小程序服务端部署_php_03

编辑切换为居中

添加图片注释,不超过 140 字(可选)

同意协议,进入面板,绑定宝塔账号

微信小程序服务端maven 微信小程序服务端部署_小程序_04

编辑切换为居中

添加图片注释,不超过 140 字(可选)

安装完成在浏览上打开面板的地址,登入面板,面板会自动推荐你安装环境套件,这里有两种选择,第一种是LNMP套件,第二种是LAMP套件(如图):

微信小程序服务端maven 微信小程序服务端部署_小程序_05

编辑切换为居中

添加图片注释,不超过 140 字(可选)

LNMP和LAMP环境主要的区别在于web服务器上面,一个使用是Apache服务器、一个使用Nginx服务器。

这里需要PHP7.2,MYSQL5.7版本,安装低版本会报错!

选择安装后的程序后,面板的左上角,会自动显示任务的数量,点击后进入任务列表(如图):

微信小程序服务端maven 微信小程序服务端部署_小程序搭建_06

编辑切换为居中

添加图片注释,不超过 140 字(可选)

此时安装速度与你的服务器配置成正比

安装完成后进入软件管理,选择我们安装的PHP版本,选择设置->安装扩展->安装redis

安装fileinfo

微信小程序服务端maven 微信小程序服务端部署_微信小程序服务端maven_07

编辑切换为居中

添加图片注释,不超过 140 字(可选)

微信小程序服务端maven 微信小程序服务端部署_docker_08

编辑切换为居中

添加图片注释,不超过 140 字(可选)

微信小程序服务端maven 微信小程序服务端部署_微信小程序服务端maven_09

编辑

添加图片注释,不超过 140 字(可选)

安装PHP包管理工具composer

下载:curl -sS https://getcomposer.org/installer | php

微信小程序服务端maven 微信小程序服务端部署_小程序搭建_10

编辑切换为居中

添加图片注释,不超过 140 字(可选)

设置全局命令:sudo mv composer.phar /usr/local/bin/composer

查看安装结果:composer -v

出现下图为安装成功

微信小程序服务端maven 微信小程序服务端部署_小程序_11

编辑切换为居中

添加图片注释,不超过 140 字(可选)

进入目录:cd /www/wwwroot

使用Git下载源码并命名文件夹为xiaoqingshu:

git clone https:///https:///oubingbing/wechatAlliance.git xiaoqingshu

微信小程序服务端maven 微信小程序服务端部署_小程序搭建_12

编辑切换为居中

添加图片注释,不超过 140 字(可选)

进入目录:cd xiaoqingshu

安装laravel框架composer install

出现下图即为安装完成

微信小程序服务端maven 微信小程序服务端部署_小程序_13

编辑

添加图片注释,不超过 140 字(可选)

创建网站:打开宝塔->进入网站->选择添加站点->填写内容->提交(这一步可能会直接替换掉原来的目录,所以请务必手动选择xiaoqingshu目录!)

微信小程序服务端maven 微信小程序服务端部署_微信小程序服务端maven_14

编辑切换为居中

添加图片注释,不超过 140 字(可选)

配置网站目录

微信小程序服务端maven 微信小程序服务端部署_微信小程序服务端maven_15

编辑切换为居中

添加图片注释,不超过 140 字(可选)

Laravel框架需要指定运行目录,按照上图配置即可

配置伪静态

location / {

try_files $uri $uri/ /index.php$is_args$query_string;

}

微信小程序服务端maven 微信小程序服务端部署_docker_16

编辑切换为居中

添加图片注释,不超过 140 字(可选)

将项目根目录下的.env.example文件重命名为 .env 文件

mv .env.example .env

生成appkey

php artisan key:generate

微信小程序服务端maven 微信小程序服务端部署_小程序搭建_17

编辑切换为居中

添加图片注释,不超过 140 字(可选)

编辑.env文件,这一步可以去宝塔编辑

REDIS_HOST=127.0.0.1

微信小程序服务端maven 微信小程序服务端部署_微信小程序服务端maven_18

编辑切换为居中

添加图片注释,不超过 140 字(可选)

其他修改请参考.env文件相关说明注释

配置JWT:在终端xiaoqingshu目录下执行以下命令

php artisan jwt:secret

生成数据库表

在项目根目录(即上文xiaoqingshu目录)运行一下命令

php artisan migrate

(如果出错,请把#去掉!)

之后就可以愉快的访问咯!

微信小程序服务端maven 微信小程序服务端部署_php_19

编辑切换为居中

添加图片注释,不超过 140 字(可选)

如果使用宝塔部署失败,请按以下方法部署

Docker 官方为了简化安装流程,提供了一套便捷的安装脚本,Ubuntu 系统上可以使用这套脚本安装:

curl -fsSL get.docker.com -o get-docker.sh

sudo sh get-docker.sh --mirror Aliyun

执行这个命令后,脚本就会自动的将一切准备工作做好,并且把 Docker CE 的 Edge 版本安装在系统中。

微信小程序服务端maven 微信小程序服务端部署_小程序_20

编辑切换为居中

添加图片注释,不超过 140 字(可选)

启动 Docker CE

sudo systemctl enable docker

sudo systemctl start docker

输入以下命令检测docker是否安装好了

docker -v

如果打印出docker的版本信息即安装成功

微信小程序服务端maven 微信小程序服务端部署_docker_21

编辑

添加图片注释,不超过 140 字(可选)

例如,在 Linux 64 位系统上直接下载对应的二进制包。

sudo curl -L curl -L https:///docker/compose/releases/download/v2.2.3/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose

chmod +x /usr/local/bin/docker-compose

把小情书后台源码中的docker-compose.yml贴到你需要部署的目录中,然后配置后台项目需要的参数docker-compose.yml文件

编辑docker-compose.yml文件,填写项目参数 只需要编辑红框中的这些参数即可,根据提示填上相应的参数,然后保存即可,数据库名称必须为love_wall,数据库的用户名称必须为root。

启动项目,执行命令

docker-compose -up -d
第一次启动会有点久,因为第一次需要拉取镜像,耐心等待
项目启动完成,docker-compose会启动
nginx
php-fpm
mysql
Phpmyadmin
停止项目,执行以下命令停止项目
docker-compose down
如果想再次启动项目执行docker-compose up -d即可
关于.env里的信息:
七牛配置
在七牛注册一个账号,获取到七牛的access_key,和secret_key以及存储桶的名字填到下面就行了,用于小程序的图片上传
QI_NIU_ACCESS_KEY=
QI_NIU_SECRET_KEY=
BUCKET_NAME=
QI_NIU_DOMAIN= //你的七牛域名
sendcloud邮件配置
注册一个sendcloud账号,配置下面的信息
SEND_CLOUD_API_USER=
SEND_CLOUD_APP_KEY=
配置云片短信
用于短信的发送
YUN_PIAN_SINGLE_URL=
YUN_PIAN_MULTI=
YUN_PIAN_KEY=
配置阿里云开发者信息
ALI_ID=
ALI_SECRET=
//例如:viapiutils.cn-shanghai.aliyuncs.com
ALI_ENDPOINT=
ALI_ENDPOINT_ID

阿里人脸识别地址:

https://ai.aliyun.com/face#face-verify

短信验证码的文字信息在 wechatAlliance\app\Http\Service\YunPianService.php中的sendMessageCode($phone)修改。

表白帖子的短信文本信息在 wechatAlliance\app\Http\Controllers\Wechat\PostController.php中的store()修改

需要你在云片备案相关的短信模板,根据自己的需求,填入模板的信息。