Forem: Bennett(he/him)

Release Ionic APK with GitHub Actions

Bennett(he/him) — Sat, 05 Feb 2022 07:43:19 +0000

Recently I was tasked with creating CI/CD that would add Android APK to releases in GitHub with every PR to main from an ionic codebase. I had never worked with ionic before and the person working on the codebase wasn’t that cooperative so I decided to dive in and explore the codebase to accomplish my task. Here are the steps I followed.

Step 1.
I created a bash script with all the initial plugins installation for android in the ionic codebase as shown in the image below.

Step 2.
I installed Cordova globally in the execution context of the workflow: npm i -g cordova
Installed dependencies with: npm i
Step 3.
Since I wasn’t using Android Studio in the workflow, I had to use jetifier so I installed it and run npx jetify to migrate Java, XML, POM, and ProGuard references that point to android.support.* packages, changing them so they point to the corresponding androidx.* packages.(As per docs on jetifier)

Step 4.
I was going to use capacitor to create my android build folder from which I would build the APK so I first built the source codes that generate a .www folder that capacitor uses to generate the android artifacts and then ran:
npx ionic capacitor copy android && npx cap sync android

Step 5.
Move into the android folder and use gradlew to build the final APK with: cd android && ./gradlew assembleDebug
NB: For some reason, it doesn’t work without being in the android folder.

The final APK will be in app/build/outputs/apk/debug/

Deploying a NestJs App with TypeORM & PostgreSQL on Heroku

Bennett(he/him) — Fri, 05 Feb 2021 21:39:37 +0000

I recently created a simple full-stack todo app written in Angular for the frontend and NestJs for the backend.

I had to host the app on a live server for testing. I decided to Heroku free dyno that I normally use for hobby apps.

Steps I followed:

I personally use the Heroku CLI. So install one if you don't.
Login to Heroku via command line

heroku login

Create your app on Heroku (This can be done via command line or through the web).

heroku create new-app-devto

Deployment

There are a couple of ways to perform deployment in Heroku

Deploying with Git

Deployment Integrations etc.

Setting App the Database

Head over to your dashboard at the web interface, then select your app and view resources. From Resources, go down to Add-ons. Search and select your desired Add-on. In our case that will be Heroku Postgres.
Select your billing plan and submit your form
You'll see that the add-on has been attached as a database.

Connecting your database to your App.

There a few ways to do this, but the most secure is using environmental variables.
We will use the nonsecure direct approach in this article and you can through the official documentation for setting env variables.

Click on the navigator toggle icon near your profile icon and select Data. Select your database in the `Datastore and then select Settings. On Database Credentials, click the View Credentials button to reveal the credentials The credentials will be used in your TypeORM database configuration and connect directly to your database in Heroku. An example:-

Add, commit and push changes

And after, add and commit all your changes then push to heroku

git push heroku master

And your app will be live with a database connection.

Happy Coding.

PS: Heroku added documentation to change the default branch

Answer: error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class

Bennett(he/him) — Mon, 25 May 2020 21:24:13 +0000

Feb 18 '20

Fixed it by opting out of Ivy as per documentation.

https://angular.io/guide/ivy

Change tsconfig.app.json to opt out of Ivy.

"enableIvy": false

Open Full Answer

Do you always remember to catch `undefines`?

Bennett(he/him) — Sat, 04 Apr 2020 08:45:34 +0000