Shop Monitoring

Shopmon is a hosted application from FriendsOfShopware to manage multiple Shopware instances.

• Credentials are saved on a planetscale database
  • Clientsecret ist encrypted by web crypto api
• API runs on cloudflare workers (serverless)
• Mails are sent via Mailgun

Features

Overview of all your Shopware instances to see:

• Shopware Version and Security Updates
• Show all installed extension and extension updates
• Show info on scheduled tasks and queue
• Run a daily check with pagespeed to see decreasing performance
• Clear shop cache

Requirements (selfhosted)

• Cloudflare Worker
• Planet Scale Database
• Mailgun

Managed / SaaS

https://shopmon.fos.gg

Frontend

If you want to test around a little locally you can run the frontend on your machine, but data is saved on the managed database by friendsofshopware

• Go to cd frontend
• Run npm i and npm run dev
• Open localhost:3000 to see the page

Install Selfhosted

Setup

Planetscale

• Create an own Planet Scale Account + Database
• Create a serverless access key
  • https://app.planetscale.com/PROJECT/DATABASE/settings/beta-features
• Import schema db.sql using some MySQL Client or use the console in planetscale (https://app.planetscale.com/PROJECT/DATABASE/main/console)

HOST: eu-central.connect.psdb.cloud
PORT: 3306
USERNAME: check /settings/passwords
PASSWORD: check /settings/passwords

Cloudflare worker

• Install wrangler
• Set all secrets in the UI or using wrangler cli
• Adjust routes inside wrangler.toml to your domain

Mailgun

• Create an own Mailgun Account or copy verify code from Database entries

Currently restricted to EU API

Pagespeed

• Activate Google Pagespeed API

Enviroment variables

• Go to api create a file .dev.vars and fill in the just created credentials of each service

DATABASE_HOST=aws.connect.psdb.cloud
DATABASE_USER=USER
DATABASE_PASSWORD=PW
MAILGUN_KEY=KEY
MAILGUN_DOMAIN=DOMAIN
PAGESPEED_API_KEY=AIzaSyCWNar-IbOaQT1WX_zfAjUxG01x7xErbSc
APP_SECRET=MZRa9lEjACNhNhw40QXwRZANRx8f1WQa

Frontend

• Go to cd frontend
• Run npm i and npm run dev:local
• Open localhost:3000 to see the page

Backend / API

• Go to cd api
• Run npm i and npm run dev:local

Check your console output for request infos and console.logs

Configuration

Disable registration

To disable user registrations set the following variables:

frontend/.env To disable the frontend registration route:

VITE_DISABLE_REGISTRATION=1

api/.dev.vars The disable the app functionality:

DISABLE_REGISTRATION=1

License

MIT