Search⌘ K
AI Features
Home
Courses
Mastering Mobile Application Development with Ionic

Wrapping Up

Explore finalizing your Ionic Jukebox application by configuring the root module and publishing it as an Electron app. This lesson guides you through adding playback controls like shuffle, loop, and reverse, then encourages enhancing the project with advanced features and further customization to deepen your Ionic and Electron development skills.

We'll cover the following...

Final steps

We only have two remaining steps before the application is complete:

  1. Configure the application root module with the HttpClientModule import.
  2. Install and configure Electron and publish the application as an Electron app.

Rooting the application

In the application root module located at src/app/app.module.ts, we make the following amendments (highlighted):

TypeScript 3.3.4
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { HttpClientModule } from '@angular/common/http';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    HttpClientModule
  ],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent]
})
export class AppModule {}

That’s all we need for the root module. How short and sweet!

Publishing as an Electron app

Now let’s publish our Ionic Jukebox player as an Electron application.

In your system terminal, ...