Dosu Logo
Home
Documents
plugn-dashboard-ionic – Setup & API Config
plugn-dashboard-ionic – Setup & API Config
Type
Document
Status
Published
Created
Nov 5, 2025
Updated
Nov 5, 2025
Updated by
Dosu Bot

plugn-dashboard-ionic – Developer Setup Guide#

Stack#

This project uses Ionic Angular with Angular 14.x and Ionic Angular 6.1.9.

Install & Run Commands#

Install dependencies:

npm install

Run the app in development mode:

npm run start

Alternative: run with a specific configuration:

npm run serve-kk

API/Base URL Configuration#

The API base URLs are configured in src/environments/environment.ts. The relevant keys are apiEndpoint and storeApiEndpoint:

export const environment = {
  // ...
  //apiEndpoint: 'http://localhost/plugn/agent/web/v1/',
  apiEndpoint: 'https://agent.dev.plugn.io/v1/',
  storeApiEndpoint: 'https://api.dev.plugn.io/v2/',
  // ...
};

To use a local backend, uncomment and set:

apiEndpoint: 'http://localhost/plugn/agent/web/v1/',

For local development, ensure your backend is running at http://localhost/plugn/api/web and update the endpoint accordingly
(source).

Backend Services and Endpoints#

StoreService#

Located at src/app/services/logged-in/store.service.ts, this service calls endpoints such as:

  • store, store/upgrade, store/update-bank-account, store/create, store/update, store/update-email-settings, store/update-store-settings, store/settings/{code}, store/deactivate, store/remove-store, store/connect-domain
  • Payment method endpoints: store/disable-payment-method/{store_uuid}/{payment_method_id}, store/enable-payment-method/{store_uuid}/{payment_method_id}, store/view-shipping-methods, store/view-payment-methods/{store_uuid}
  • Integration endpoints: store/update-delivery-integration/{store_uuid}, store/update-analytics-integration/{store_uuid}, store/create-tap-queue/{store_uuid}, store/create-tap-account/{store_uuid}, store/update-business-details/{store_uuid}, store/update-kyc/{store_uuid}, store/upload-docs/{store_uuid}
  • Payment enable/disable: store/disable-online-payment/{store_uuid}, store/enable-online-payment/{store_uuid}, store/disable-free-checkout/{store_uuid}, store/enable-free-checkout/{store_uuid}, store/disable-moyasar/{store_uuid}, store/enable-moyasar/{store_uuid}, store/disable-stripe/{store_uuid}, store/enable-stripe/{store_uuid}, store/disable-upayment/{store_uuid}, store/enable-upayment/{store_uuid}, store/disable-cod/{store_uuid}, store/enable-cod/{store_uuid}
  • Other: store/process-gateway-queue/{store_uuid}, store/remove-gateway-queue/{store_uuid}, store/test-tap, store/status
    (source).

StripePage (StripeFormComponent)#

Located at src/app/components/stripe-form/stripe-form.component.ts, this component uses StripeService.getInitParams() to initialize payments. It expects parameters like invoice_uuid and plan_id and receives payment intent details (amount, currency, client secret, success/cancel URLs) from the backend (source).

PaymentMethodService#

Not enough information was found to document this service's endpoints.

Note: For local development, point your API endpoints to http://localhost/plugn/api/web and ensure the backend is running.

plugn-ionic – Setup & API Config#

Stack#

This project uses Ionic Angular with Angular 14.x and Ionic Angular 6.1.9.

Install & Run Commands#

Install dependencies:

npm install

Run the app in development mode:

npm start

API/Base URL Configuration#

The API base URL is configured in src/environments/environment.ts:

export const environment = {
  // ...
  //apiEndpoint : 'https://api.plugn.io/v2', 
  apiEndpoint : 'http://localhost:8888/bawes/plugn/api/web/v2', 
  // ...
}

To change the API URL for local development, edit the apiEndpoint value in this file (source).

Backend Services and Endpoints#

StoreService#

Located at src/app/services/store.service.ts, this service calls endpoints such as:

  • /store/locations/{restaurantUuid}, /item/category/{category_slug}, /item/items, /item/{category_id}, /item/view/{slug}, /item/detail, and others, typically appending the restaurantUuid from the environment config (source).

StripePage (StripeFormComponent)#

Located at src/app/components/stripe-form/stripe-form.component.ts, this component uses StripeService.getInitParams(order_uuid) to initialize payments and expects the backend to return payment intent details (source).

Note: For local development, set apiEndpoint to your local backend (e.g., http://localhost/plugn/api/web) and ensure the backend is running.

plugn-store & plugn-store-community – Setup#

Stack#

Both projects use Ionic with Vue 3 and Capacitor (plugn-store package.json, plugn-store-community package.json).

Install & Run Commands#

Install dependencies:

npm install

Run in development mode:

npm run serve

For local development mode (if available):

npm run serve:local

Build for production:

npm run build

API/Base URL Location#

The API/base URL is typically configured in an environment or configuration file, but the exact file location was not found in the available sources. Check for .env, src/environments/, or similar files in the project root.

Yii2 Backend Dependencies#

Modules that interact with the backend (such as those handling authentication, store data, payments, etc.) depend on the Yii2 backend API. The frontend expects the backend to be running and accessible at the configured API/base URL.

Warning: The Yii2 backend must be running and accessible before starting the frontend apps. For local development, ensure the backend is available at http://localhost/plugn/api/web (or the configured local endpoint).