Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/q23isline/study_cakephp2
CakePHP 2 系と Vue.js 2系の勉強用リポジトリ
https://github.com/q23isline/study_cakephp2
cakephp docker eslint github-actions php php-codesniffer phpstan typescript vuejs
Last synced: about 1 month ago
JSON representation
CakePHP 2 系と Vue.js 2系の勉強用リポジトリ
- Host: GitHub
- URL: https://github.com/q23isline/study_cakephp2
- Owner: q23isline
- License: mit
- Created: 2023-09-06T08:38:07.000Z (over 1 year ago)
- Default Branch: develop
- Last Pushed: 2024-02-04T05:09:53.000Z (11 months ago)
- Last Synced: 2024-02-04T06:21:38.049Z (11 months ago)
- Topics: cakephp, docker, eslint, github-actions, php, php-codesniffer, phpstan, typescript, vuejs
- Language: PHP
- Homepage:
- Size: 1.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# study_cakephp2
[](./LICENSE)
[](https://github.com/q23isline/study_cakephp2/actions/workflows/ci.yml)
[](https://github.com/phpstan/phpstan)
[](https://open.vscode.dev/q23isline/study_cakephp2)
[](https://www.php.net)
[](https://cakephp.org)
[](https://dev.mysql.com)
[](https://www.nginx.com)
[](https://nodejs.org)
[](https://www.npmjs.com/)
[](https://v2.ja.vuejs.org/)
## はじめにやること
1. ソースダウンロード
```bash
git clone 'https://github.com/q23isline/study_cakephp2.git'
```
2. 以下の`.default`をコピーして貼り付け、`.default`の拡張子を外す
```bash
cd study_cakephp2
cp Config/core.php.default Config/core.php
cp Config/database.php.default Config/database.php
cp Config/email.php.default Config/email.php
```
3. DB コンテナ起動時に Permission Denied で起動できない状態にならないように権限付与する
```bash
sudo chmod -R ugo+rw logs
```
4. APP コンテナ起動時に Permission Denied で tmp フォルダが作れずにエラーとならないよう権限付与する
```bash
sudo chmod -R ugo+w ../study_cakephp2
```
5. アプリ立ち上げ
```bash
docker compose build --no-cache
docker compose down -v
sudo rm -rf Vendor
sudo rm -rf Plugin
docker create -it --name app study_cakephp2-app bash
sudo docker cp app:/var/www/html/Vendor $(pwd)
sudo docker cp app:/var/www/html/Plugin $(pwd)
docker rm -f app
sudo chmod -R 777 Vendor
sudo chmod -R 777 Plugin
sudo rm -rf frontend/node_modules
docker create -it --name front study_cakephp2-front bash
sudo docker cp front:/front/vue/node_modules $(pwd)/frontend
docker rm -f front
sudo chmod -R 777 frontend/node_modules
docker compose up -d
sudo rm -rf webroot/*
docker compose exec front npm run build
```
## 日常的にやること
### システム起動
```bash
docker compose up -d
```
### システム終了
```bash
docker compose down
```
### フロントエンドのビルド
```bash
sudo rm -rf webroot/*
docker compose exec front npm run build
```
## 動作確認
### URL
-
### ログイン情報
| Username | Password |
| --------- | -------- |
| admin | admin00 |
### Permission Denied対策
- ログイン後、画面にPermission Deniedエラーが表示される場合、以下を実行
- 本番環境では適切に権限を付与すべきだがとりあえず動くようにフル権限を付与
```bash
sudo chmod -R 777 tmp
sudo chmod -R ugo+rw logs
```
## フロントエンド開発
```bash
docker compose exec front npm run serve
```
- 以下の URL にアクセスすることで Vue の内容を確認できる
-
- 終了するときはターミナルで Ctrl + c
## コーディング標準チェック単体実行
```bash
docker exec -it app ./Vendor/bin/phpcs --standard=CakePHP -p Console/Command/ Console/Templates/ Controller/ Model/ View/ ApplicationService/ Domain/ Infrastructure/
```
## 静的分析チェック単体実行
```bash
docker exec -it app ./Vendor/bin/phpstan analyse
```
## フロントエンド静的解析単体実行
```bash
docker compose exec front npm run lint
```
## ユニットテスト単体実行
```bash
# テスト実行
docker exec -it --env XDEBUG_MODE=coverage app ./Console/cake test app AllTests
# カバレッジ生成
docker exec -it --env XDEBUG_MODE=coverage app ./Console/cake test app AllTests --coverage-html webroot/coverage
```
- カバレッジ確認URL
-
## デバッグ実行
### VS Codeの初期設定
- [VS Code | Marketplace | PHP Debug](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug)をインストールする
- VS CodeにXDebug用の構成ファイル（launch.json）を追加する
```JSONC
{
"version": "0.2.0",
"configurations": [
{
"name": "Listen for Xdebug",
"type": "php",
"request": "launch",
"hostname": "0.0.0.0",
"pathMappings": {
"/var/www/html/": "${workspaceRoot}"
},
"environment": {
// デバッグ時はログレベルを 7
"XDEBUG_CONFIG": "log_level=7"
}
}
]
}
```
## 本番環境設定でのアプリ立ち上げ
```bash
cd study_cakephp2
cp docker/prod/php-fpm/core.php Config/core.php
cp docker/prod/php-fpm/database.php Config/database.php
cp docker/prod/php-fpm/email.php Config/email.php
docker compose -f docker-compose-prod.yml build --no-cache
docker compose -f docker-compose-prod.yml down -v
sudo rm -rf Vendor
docker create -it --name app study_cakephp2-app bash
sudo docker cp app:/var/www/html/Vendor $(pwd)
docker rm -f app
sudo chmod -R 777 Vendor
sudo rm -rf frontend/node_modules
sudo rm -rf webroot/*
docker create -it --name front study_cakephp2-front bash
sudo docker cp front:/front/webroot $(pwd)
docker rm -f front
sudo chmod -R 777 webroot
docker compose -f docker-compose-prod.yml up -d
```