- 服务器,建议CentOS 7.x
- 域名,解析到服务器公网ip
-
安装宝塔面板
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh
-
通过浏览器进入宝塔面板管理界面,地址默认为ip:8888,账户名密码安装完成会有提示
-
安装运行环境
- PHP >= 7.1.3
需开启PHP拓展:
fileinfo
,openssl
,exif
需移除PHP禁用函数:
symlink
,proc_open
,exec
,shell_exec
- MySQL >= 5.6
- Nginx >= 1.10
-
克隆代码到
/www/wwwroot/
目录下并赋予777权限,并修改用户组为www
git clone https://github.com/xxxxxx plus chmod -R 777 plus chown -R www:www ./plus/
-
创建站点并创建数据库
域名为准备好的域名
根目录地址为/www/wwwroot/plus
站点设置中将网站目录改为public
修改站点伪静态规则
-
创建数据库
-
安装程序
程序根目录执行一下命令
php -r "file_exists('.env') || copy('.env.example', '.env');" composer install php artisan key:generate
-
发布静态资源并链接到public目录
php artisan vendor:publish --all php artisan storage:link
注意:上面的任务处理完成后,浏览器访问域名/installer进入安装程序,按照步骤及提示,依次执行完成安装,如果安装过程中出现权限错误,请查看根目录文件中的文件用户组权限,根目录运行 ls -al
, 如果 .plus.yml
为 root
,需要修改为www
,命令 chown -R www:www .plus.yml
-
克隆PC仓库代码到packages目录
-
编辑根目录下的composer.json,找到json对象中的「repositories」属性,新增PC信息,找到「require」属性,新增PC依赖
{ "type": "path", "url": "packages/plus-component-pc", "options": { "symlink": true, "plus-soft": true } }
{ ... "require": { ... "zhiyicx/plus-component-pc": "^3.0.0" }
}
-
修改PC包中的composer.json, 新增version版本号
{ ... "require": { "overtrue/socialite": "^2.0", "gregwar/captcha": "1.*" }, "version": "3.0.1" }
-
项目根目录执行
composer update
加载PC -
项目根目录执行PC包命令
php artisan package:handle pc install
-
若需要经常修改静态资源,建议项目根目录执行软链命令
php artisan package:handle pc link
-
安装yarn或npm,nodejs需要>=10
-
克隆H5仓库代码到任意目录
-
修改.env.example文件名为.env并修改其中配置
描述 BASE_URL 项目部署的基础路径,我们默认假设你的应用将会部署在域名的根部,比如 https://www.plus.com
如果你的应用时部署在一个子路径下,那么你需要在这里指定子路径。比如,如果你的应用部署在https://www.plus.com/h5/
那么将这个值改为/h5/
GENERATE_CSS_MAP 编译静态资源的时候是否生成 sourceMap
VUE_APP_API_HOST 你的 Plus 程序网址 VUE_APP_API_VERSION 你要使用的 Plus 程序 API 版本号,目前固定为 v2
VUE_APP_NAME 你的程序名字 VUE_APP_KEYWORDS 你的程序关键词,使用英文半角 ,
符号分割多VUE_APP_DESCRIPTION 你的程序描述 VUE_APP_ROUTER_MODE 前端路由使用的路由模式,支持 hash
和history
两种模式,具体请参考👉vue-route mode
以上信息配置完成后,你运行
yarn install
或者npm install
进行依赖安装! -
运行
yarn build
或者npm run build
进行编译,编译完成后会生成/dist目录 -
在/www/wwwroot/plus/public目录中创建h5目录,并且将dist目录内的内容复制到其中,即可通过域名/h5访问
备注:到目前为止你的部署安装已经完成了。当然,这并不代表你的项目就能和我们的体验站一样了,因为你还需要进行相关的配置,配置相关请继续向下看。如果说文档并不能帮助你安装成功,你还可以查看面板安装视频。
- 进入后台管理,地址: 域名/admin
- 在“用户中心-角色管理”中分别对每个角色的权限进行管理,点击“管理”针对每个角色做出不同权限的限制。
备注:默认的用户组是没有发布动态、签到等权限的,需要加上后,才能正常发布动态。
- 注册高德账号,并成为开发者用户
- 创建应用
- 添加KEY1
- 添加KEY2,KEY2选择 Web端(JSAPI)
- 创建自定义地图
- 将KEY1中的KEY,密钥,自定义地图中的table_id填写至后台
- 若有H5拓展包,将KEY2中的KEY填写至H5根目录.env中的VUE_APP_LBS_GAODE_KEY上
- 图片显示失败,请点击这里查看
- 加载拓展包
composer require aliyuncs/oss-sdk-php
- 注册账号,进入阿里云OSS管理面板
- 新建Bucket
- 创建镜像源
- 创建密钥
- 填写相关内容至后台
- 图片显示失败,请点击这里查看
- 注册账号,进入云片管理面板
- 查看API KEY
- 创建签名
- 创建模板
- 将相关信息填写至后台(步骤与阿里云大致相同)