yuuki/taiko-web
1
0
Fork 0
mirror of https://github.com/yuukiwww/taiko-web.git synced 2024-06-26 14:29:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

デプロイ方法をユーザーに任せる

Browse Source
This commit is contained in:
yuuki 2024-05-09 19:23:23 +00:00
parent e4719b8f07
commit 9e62130598
5 changed files with 17 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.dockerignore
View File

@ -1,11 +1,4 @@
/.git
/.gitignore
/Dockerfile
/.dockerignore
/__pycache__
/README.md
/public/songs

51
README.md
View File

@ -14,16 +14,16 @@ pip install -r requirements.txt
```bash
docker run --detach \
--name taiko-mongo-debug \
--volume taiko-mongo-debug:/data/db \
--name taiko-web-mongo-debug \
--volume taiko-web-mongo-debug:/data/db \
--publish 27017:27017 \
mongo
```
```bash
docker run --detach \
--name taiko-redis-debug \
--volume taiko-redis-debug:/data \
--name taiko-web-redis-debug \
--volume taiko-web-redis-debug:/data \
--publish 6379:6379 \
redis
```
@ -36,49 +36,6 @@ flask run
## デプロイ
Dockerイメージをビルドします
```bash
docker build -t taiko .
```
データベースを起動します
```bash
docker run --detach \
--name taiko-mongo \
--volume taiko-mongo:/data/db \
mongo
```
```bash
docker run --detach \
--name taiko-redis \
--volume taiko-redis:/data \
redis
```
今すぐデプロイ！
- https://taikoapp.uk/
```bash
docker run --detach \
--name taiko \
--link taiko-mongo \
--link taiko-redis \
--env TAIKO_WEB_MONGO_HOST=taiko-mongo \
--env TAIKO_WEB_REDIS_HOST=taiko-redis \
--volume songs:/app/public/songs \
--env LETSENCRYPT_HOST=taikoapp.uk \
--env VIRTUAL_HOST=taikoapp.uk \
--env VIRTUAL_PORT=8000 \
taiko
```
終了するには
```bash
docker stop taiko-mongo taiko-redis taiko
docker rm -f taiko-mongo taiko-redis taiko
```

4
public/upload/index.html
View File

@ -4,8 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>太鼓ウェブあっぷろーだー</title>
<link rel="stylesheet" href="./style.css">
<script src="./upload.js"></script>
<link rel="stylesheet" href="style.css">
<script src="upload.js"></script>
</head>
<body>
<h1>太鼓ウェブあっぷろーだー</h1>

6
public/upload/style.css
View File

@ -15,9 +15,9 @@ body * {
body {
margin: 0;
padding: 3rem;
padding: 2rem;
}
body > *:not(:last-child) {
margin-bottom: 3rem;
body > :not(:last-child) {
margin-bottom: 2rem;
}

16
public/upload/upload.js
View File

@ -1,27 +1,27 @@
function uploadFiles() {
const form = document.getElementById('upload-form');
const form = document.querySelector("#upload-form");
const formData = new FormData(form);
fetch('/upload', {
method: 'POST',
fetch("/upload", {
method: "POST",
body: formData,
})
.then(res => {
.then((res) => {
if (res.ok) {
return res.json();
} else {
throw new Error(res.url + " で " + res.status.toString() + " が発生しました。");
}
})
.then(data => {
.then((data) => {
if (data.success) {
alert("おめでとう！ファイルの投稿に成功しました！");
} else {
throw new Error(data.error);
}
})
.catch(error => {
console.error('エラー:', error);
document.getElementById("error-view").textContent = error;
.catch((error) => {
console.error("エラー:", error);
document.querySelector("#error-view").textContent = error;
});
}