{"id":153,"date":"2021-12-12T19:53:13","date_gmt":"2021-12-12T18:53:13","guid":{"rendered":"https:\/\/www.davidestebanmunoz.com\/?p=153"},"modified":"2023-11-01T18:45:09","modified_gmt":"2023-11-01T17:45:09","slug":"wearlive","status":"publish","type":"post","link":"https:\/\/www.davidestebanmunoz.com\/?p=153","title":{"rendered":"Wearlive"},"content":{"rendered":"\n

Este art\u00edculo se puede leer en castellano aqu\u00ed<\/a><\/p>\n\n\n\n

Wearlive is accessible at https:\/\/wearlive.davidestebanmunoz.com<\/a> .<\/p>\n\n\n\n

Wearlive is divided into two different parts, an android wear App and a web service. Both of them have been developed 100% by me.<\/p>\n\n\n\n

Wearlive Android Wear app<\/h2>\n\n\n\n

Wearlive android wear app is a native android app, coded in Java using Android Studio as IDE.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

It receives GPS location each 5 seconds from Android system, and sends it to wearlive.tk server by UDP. It is really useful if you have a smartwatch with e-sim.<\/p>\n\n\n\n

Before starting using it, android watch serial number must be registered into https:\/\/wearlive.davidestebanmunoz.com<\/a> .<\/p>\n\n\n\n

For privacy and security purposes, tracks can be protected using password, in that case Protect switch must be set .<\/p>\n\n\n\n

Once serial number has been registered, just switch on \u00abStart tracking\u00bb and start with your activity, app will launch a background service that will send your location every 5 seconds. The app itself shows when it is live tracking and when Android has got a valid GPS status.<\/p>\n\n\n\n

One special trick of this app is that it works even if the APN of the mobile network operator is not correctly set. This is because in Spain, Movistar disabled its HTTP proxy on April 2021 and Android Wear does not allow us to modify APN. So using raw UDP frames allows to bypass this problem. Also, as UDP is connectionless, battery usage has been reduced.<\/p>\n\n\n\n

Using a Xiaomi Mi Watch this app has used 38% of its battery for 10km and 56 minutes session.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Wearlive Web Server<\/h2>\n\n\n\n

Wearlive web server is formed using several docker containers and technologies:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The blue stack is the same we saw on previous posts and its explanation can be seen here<\/a>.<\/p>\n\n\n\n

The green stack has a NGINX for web server, PHP docker for getting location data from MariaDB and also for registering users and the Python docker receives UDP frames at 20002 port and if its data is valid and the serial of the sender has been registered, inserts location into MariaDB.<\/p>\n\n\n\n

The docker-compose recipe of green stack can be seen here:<\/p>\n\n\n\n

\nversion: '3'\nservices:\n    db_wearlivetk:\n        image: mariadb:10.5\n        container_name: db_wearlivetk\n        restart: unless-stopped\n        env_file: .env\n        environment:\n            - MYSQL_DATABASE=$WEARLIVE_MYSQL_DATABASE\n            - MYSQL_USER=$WEARLIVE_MYSQL_USER\n            - MYSQL_PASSWORD=$WEARLIVE_MYSQL_PASSWORD\n            - MYSQL_ROOT_PASSWORD=$WEARLIVE_MYSQL_ROOT_PASSWORD\n        volumes:\n            - \"\/home\/ubuntu\/dockers\/wearlive\/data\/db\/:\/var\/lib\/mysql\"\n        #command: '--default-authentication-plugin=mysql_native_password'\n        networks:\n          - david\n    webwearlive:\n        container_name: webwearlive\n        depends_on:\n          - db_wearlivetk\n        build:\n            dockerfile: Dockerfile_php\n        image: php7-fpm_mysqli\n        volumes:\n            - \"\/home\/ubuntu\/dockers\/wearlive\/data\/html:\/var\/www\/html\"\n        env_file: .env\n        environment:\n          - DB_HOST=db_wearlivetk:3306\n          - DB_USER=$WEARLIVE_MYSQL_USER\n          - DB_PASSWORD=$WEARLIVE_MYSQL_PASSWORD\n          - DB_NAME=$WEARLIVE_MYSQL_DATABASE\n        networks:\n          - david\n          \n    wearlive_receiver:\n        depends_on:\n          - db_wearlivetk\n        build:\n            dockerfile: Dockerfile_wearlive_receiver\n        image: wearlive_receiver:0.0.1\n        container_name: wearlive_receiver\n        restart: unless-stopped\n        env_file: .env\n        environment:\n          - DB_HOST=db_wearlivetk\n          - DB_USER=$WEARLIVE_MYSQL_USER\n          - DB_PASSWORD=$WEARLIVE_MYSQL_PASSWORD\n          - DB_NAME=$WEARLIVE_MYSQL_DATABASE\n        volumes:\n            - \"\/home\/ubuntu\/dockers\/wearlive\/data\/receiver:\/code\/\"\n        networks:\n          - david\n        command: python \/code\/udp_server.py\n        ports:\n            - 20002:20002\/udp\n    \n\n    wearlive_nginx:\n        image: nginx\n        depends_on:\n          - webwearlive\n        container_name: wearlive_nginx\n        networks:\n          - proxy_nginx-proxy\n          - david\n        environment:\n            - VIRTUAL_HOST=wearlive.davidestebanmunoz.com\n            - LETSENCRYPT_HOST=wearlive.davidestebanmunoz.com\n        volumes:\n            - \"\/home\/ubuntu\/dockers\/wearlive\/data\/nginx\/etc_nginx:\/etc\/nginx\"\n            - \"\/home\/ubuntu\/dockers\/wearlive\/data\/html:\/var\/www\/html\"\n            \n    phpmyadmin:\n        image: arm64v8\/phpmyadmin\n        container_name: phpmyadmin\n        depends_on:\n          - db_wearlivetk\n        links:\n          - db_wearlivetk:db\n        networks:\n          - david\n        environment:\n          PMA_HOST: db_wearlivetk\n          PMA_PORT: 3306\n          PMA_ARBITRARY: 1\n          MYSQL_ROOT_PASSWORD: $WEARLIVE_MYSQL_ROOT_PASSWORD\n        restart: always\n        ports:\n          - 8081:80\nnetworks:\n    david:\n    proxy_nginx-proxy:\n        external: true        \n       <\/code><\/pre>\n\n\n\n
As can be seen in recipe, in this case dockerfiles have been used , for PHP(webwearlive) and for Python(wearlive_receiver) dockers. In both cases, it is used to install MySQL support.<\/p>\n\n\n\n
FROM php:7-fpm\nRUN docker-php-ext-install mysqli\nRUN docker-php-ext-enable mysqli<\/code><\/pre>\n\n\n\n
FROM python:3.8-slim\nRUN pip install pymysql<\/code><\/pre>\n\n\n\n
The wearlive webserver is based on PHP, Javascript and HTML code.  Using AJAX procedures, and based on OpenStreetMaps , the location is read from DB and drawn over a map layer.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
In case the user has selected to protect its live tracking with a password, it is prompted before allowing to see where is it.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n