analytics_with_cloudflare
analytics_with_cloudflare copied to clipboard
Published
20 hours ago •
yestool
yestool
a simple web analytics use Cloudflare workers + D1 + Huno. 👉 https://webviso.yestool.org
Web Analytics with Cloudflare + Huno + D1 database
Setup
Log in
npx wrangler login
Create Database
npx wrangler d1 create <DATABASE_NAME>
---------
✅ Successfully created DB '<DATABASE_NAME>'
[[d1_databases]]
binding = "DB" # available in your Worker on env.DB
database_name = "<DATABASE_NAME>"
database_id = "<unique-ID-for-your-database>"
Bind Worker to D1 database
in wrangler.toml
[[d1_databases]]
binding = "DB" # available in your Worker on env.DB
database_name = "<DATABASE_NAME>"
database_id = "<unique-ID-for-your-database>"
init database
npm run initSql
Deploy
$ npm run deploy
> [email protected] deploy
> wrangler deploy
Proxy environment variables detected. We'll use your proxy for fetch requests.
⛅️ wrangler 3.18.0
-------------------
Your worker has access to the following bindings:
- D1 Databases:
- DB: web_analytics (<unique-ID-for-your-database>)
Total Upload: 50.28 KiB / gzip: 12.23 KiB
Uploaded analytics_with_cloudflare (1.29 sec)
Published analytics_with_cloudflare (4.03 sec)
https://analytics_with_cloudflare.xxxxx.workers.dev
Current Deployment ID: xxxxxxxxxxxxxxxxxxxxxxxxxxxx
Use
inclout js and add <span id='page_pv'>?</span> <span id='page_uv'>?</span>
<script src="/front/dist/index.min.js" data-base-url="https://analytics_with_cloudflare.xxxxx.workers.dev"></script>
<script src="/front/dist/index.min.js" data-base-url="diy Url"></script>
<script src="/front/dist/index.min.js" data-base-url="diy Url" data-page-pv-id="page_pv" data-page-uv-id="page_uv"></script>
- data-base-url: Default value is
https://webviso.yestool.org - data-page-pv-id: Default value is
page_pv - data-page-uv-id: Default value is
page_uv
yestool