# 20240324102024 Umamiのインストール
#server #umami #raspi

[Umami](https://umami.is/) はアクセス解析。cookieとかを使わない。

ここに書いてある通りにやる:  [Docs: Installation – Umami](https://umami.is/docs/install)

データベースは MariaDBを入れた: [[20240324102510 MySQL MariaDBのインストール]]

Umami用DBを作る(ユーザーがrootでいいのだろうか)
```
$ mysql -u root -p
$ Enter password:
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 33
Server version: 10.11.6-MariaDB-0+deb12u1 Debian 12

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> CREATE DATABASE umami_db;
Query OK, 1 row affected (0.001 sec)
```

```
$ sudo npm install -g yarn
$ git clone https://github.com/umami-software/umami.git
```

umamiのディレクトリ内で.envファイルを作成。 umami_dbは↑で作成した名前
```
DATABASE_URL=mysql://[username]:****@localhost:3306/umami_db
```

```
$ yarn build
```

port :3000は[[20240312115855 Raspi4 GiteaからForgejoに変更してみる|forgejo]]が使っていたので、ポートを変更して起動。
```
$ yarn start -p 3100
```

ここまでやってローカル :3100にブラウザでアクセス、表示されればOK。

以下はトンネルの構成とかnginxでどうやってアクセスしたいか？によってケースバイケースの内容なので普遍性は無い。
`umami.kinoshita-lab.org`でアクセスしたい場合。
## Cloudflare経由のトンネル
[[20240211202623 Raspi4 Cloudflare tunnel経由でhttpsサーバーを公開する]] あたりを参照、 .cloudflared/config.yaml のingressに下記を追加
```
    - hostname: umami.kinoshita-lab.org
      service: http://localhost
```
で再起動。


## nginxの設定
あまりよくわかっていないのでforgejoの設定とほぼ同じ
```
# umami
server {
        listen 80;
        listen [::]:80;

        server_name umami.kinoshita-lab.org;

        location / {
                # make wnginx use unescaped URI, keep "%2F" as is
                proxy_pass http://127.0.0.1:3100;
                proxy_set_header Connection $http_connection;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-Proto $scheme;
        }
}
```
nginxを再起動。 `umami.kinoshita-lab.org` 経由でumamiにアクセスできることを確認。


## systemctlに追加
こんなのを /etc/systemd/systemに追加して
```
[Unit]
Description = umami

[Service]
WorkingDirectory=/home/kazbo/umami
ExecStart = yarn start -p 3100
Restart = always
Type = simple
User = kazbo


[Install]
WantedBy = multi-user.target

```

起動、こんな感じで動いていればOK(多分)
```
$ sudo systemctl daemon-reload
$ sudo systemctl start umami
$ sudo systemctl status umami
● umami.service - umami
     Loaded: loaded (/etc/systemd/system/umami.service; disabled; preset: enabled)
     Active: active (running) since Sun 2024-03-24 11:27:18 JST; 4s ago
   Main PID: 99500 (node)
      Tasks: 23 (limit: 3916)
        CPU: 1.979s
     CGroup: /system.slice/umami.service
             ├─99500 node /usr/local/bin/yarn start -p 3100
             ├─99511 /bin/sh -c "next start -p 3100"
             └─99512 next-server

Mar 24 11:27:18 saipi4 systemd[1]: Started umami.service - umami.
Mar 24 11:27:18 saipi4 yarn[99500]: yarn run v1.22.22
Mar 24 11:27:18 saipi4 yarn[99500]: warning ../package.json: No license field
Mar 24 11:27:18 saipi4 yarn[99500]: $ next start -p 3100
Mar 24 11:27:19 saipi4 yarn[99512]:    ▲ Next.js 14.1.0
Mar 24 11:27:19 saipi4 yarn[99512]:    - Local:        http://localhost:3100
Mar 24 11:27:19 saipi4 yarn[99512]:  ⚠ "next start" does not work with "output: standalone" configuration. Use "node .next/standalone/server.js" instead.
Mar 24 11:27:19 saipi4 yarn[99512]:  ✓ Ready in 1089ms
```

## umamiの設定

- umamiにログイン、とりあえず日本語化
- + Webサイトの追加 名前とドメインを入力

### quartzの設定
quartz.configのそれっぽい所に下記を追加・・・すればうまくいくはずだが、 
```
analytics: {      
      provider: "umami",
      websiteId: "**",
      host: "https://umami.kinoshita-lab.org/script.js"
    }
```
hostのところを入力すると、下記エラーになる。
```
⠋ Emitting output files

 ERROR

 Failed to emit from plugin `ComponentResources`: Transform failed with 1 error:
<stdin>:13:29: ERROR: Expected ";" but found ":"
 <stdin>:13:29: ERROR: Expected ";" but found ":"
     at Socket.emit (node:events:519:28)
     at addChunk (node:internal/streams/readable:559:12)
     at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
     at Socket.Readable.push (node:internal/streams/readable:390:5)
     at Pipe.onStreamRead (node:internal/stream_base_commons:190:23)
```
しかたがないのでHead.tsxに下記追加で動かしている。
```
<script defer src="https://umami.kinoshita-lab.org/script.js" data-website-id="****"></script>
```

## Refs.
- [Docs: Installation – Umami](https://umami.is/docs/install)