Skip to content

[Feature] Android app #329

@LaDaniWapa

Description

@LaDaniWapa

Problem

I always tend to lose my browser tabs, so I don't want to remember my server ip or re-type my domain.

Proposed Solution

I'd like a simple app in my home screen so I can quickly enter

Alternatives Considered

Maybe we could add widgets if this get migrated to a native app

Additional Context

I managed to create an apk following these steps:

# 1. Get source
git clone https://github.com/securo-finance/securo.git
cd frontend

# 2. Install Capacitor
npm install @capacitor/core @capacitor/cli @capacitor/android

# 3. Init, just first time
npx cap init "Securo" "com.tudominio.securo" --web-dir dist

# 4. Build fronted
npm run build   # genertes dist/ directory

# 5. Add android platform
npx cap add android

# 5. Sync
npx cap sync android

edit capacitor.config.ts

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.tudominio.securo',
  appName: 'Securo',
  webDir: 'dist',
  server: {
    url: 'http://192.168.x.x:3000',  // Securo frontend IP / Domain
    cleartext: true                   // only if HTTP
  }
};

export default config;

open in android studio

CAPACITOR_ANDROID_STUDIO_PATH=~/Documents/Programs/Jetbrains/android-studio/bin/studio.sh npx cap open android

Then in android studio can be built into an apk or directly ran in an emulator or device.
Right now, the app wont have the Securo icon, and the status bar is kinda ugly, because it doesnt follow the theme, I guess this could be fixed in the android project

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions