steven/siteviewcounter
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Compare commits

base: steven:2658b187974efc42ca22b3ab7e3399d466d61510
Branches Tags
steven:master
...
compare: steven:d432521dae5a7d415ae4fab8894f692d6aa4d6d6
Branches Tags
steven:master

2 Commits
2658b18797 ... d432521dae

Author SHA1 Message Date
Steven Polley
d432521dae wildcard CORS is bad. Make note of this, not fixed
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-06-20 20:42:42 -06:00
Steven Polley
86ffcb6f3b Provide example front end code 2020-06-20 20:42:03 -06:00
2 changed files with 35 additions and 4 deletions
Show Stats Expand all files Collapse all files

35
README.md
View File

@ -43,8 +43,6 @@ services:
counter: counter:
image: registry.deadbeef.codes/siteviewcounter:latest image: registry.deadbeef.codes/siteviewcounter:latest
restart: always restart: always
depends_on:
- traefik
expose: expose:
- "8080" - "8080"
environment: environment:
@ -67,4 +65,35 @@ services:
- MYSQL_DATABASE=counter - MYSQL_DATABASE=counter
- TZ=America/Edmonton - TZ=America/Edmonton
``` ```
### Example front end usage
You can pretty much implement this in your front end however you want, you just need to make a GET request to whatever endpoint the counter container is running at. This is how I use it though...
```html
<html>
<head>
<script>
var counterReq = new XMLHttpRequest();
counterReq.onreadystatechange = function() {
console.log("counterReq ready state is " + this.readyState);
if (this.readyState == 4) {
console.log("counterReq status is " + this.status);
if (this.status == 200) {
document.getElementById("counter").innerHTML = this.responseText + " unique visitors"
} else { // failed to load
console.log("failed to load counter module")
}
}
}
counterReq.open("GET", "https://counter.example.com", true);
counterReq.send();
</script>
</head>
<body>
<div id="counter"></div>
</body>
</html>
```

4
main.go
View File

@ -78,7 +78,9 @@ func main() {
// HTTP handler function // HTTP handler function
func countHandler(w http.ResponseWriter, r *http.Request) { func countHandler(w http.ResponseWriter, r *http.Request) {
if r.Method == "GET" { if r.Method == "GET" {
// CORS header change required // CORS header change required.
//TBD wildcard is bad because it could allow illegitmate visits to be recorded if someone was nefarious and embedded
// front end code on a different website than your own. Need to implement environment variable to set allowed origin.
w.Header().Set("Access-Control-Allow-Origin", "*") w.Header().Set("Access-Control-Allow-Origin", "*")
w.Write([]byte(strconv.Itoa(uniqueVisits))) w.Write([]byte(strconv.Itoa(uniqueVisits)))