include capacitor and serving app with cert

android/app/src/main/AndroidManifest.xml

@@ -4,6 +4,7 @@
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
+        android:networkSecurityConfig="@xml/network_security_config"
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
@@ -38,5 +39,4 @@
     <!-- Permissions -->
 
     <uses-permission android:name="android.permission.INTERNET" />
-    <uses-permission android:name="android.permission.CAMERA" />
 </manifest>

android/app/src/main/res/values/strings.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='utf-8'?>
 <resources>
-    <string name="app_name">IonicSample</string>
-    <string name="title_activity_main">IonicSample</string>
+    <string name="app_name">mobile-auth-web-app</string>
+    <string name="title_activity_main">mobile-auth-web-app</string>
     <string name="package_name">com.example.app</string>
     <string name="custom_url_scheme">com.example.app</string>
 </resources>

android/app/src/main/res/xml/network_security_config.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+  <domain-config cleartextTrafficPermitted="true">
+    <domain includeSubdomains="true">192.168.100.100</domain>
+  </domain-config>
+</network-security-config>

android/variables.gradle

@@ -13,4 +13,4 @@ ext {
     androidxJunitVersion = '1.2.1'
     androidxEspressoCoreVersion = '3.6.1'
     cordovaAndroidVersion = '10.1.1'
-}
+}

capacitor.config.ts

@@ -2,8 +2,11 @@ import type { CapacitorConfig } from '@capacitor/cli';
 
 const config: CapacitorConfig = {
   appId: 'com.example.app',
-  appName: 'IonicSample',
-  webDir: 'dist/mobile-auth-web-app/browser/',
+  appName: 'mobile-auth-web-app',
+  webDir: 'dist/mobile-auth-web-app/browser',
+  server: {
+    androidScheme: 'http', // make sure this is not forcing HTTPS
+  },
 };
 
 export default config;

certs/cert.pem

@@ -1,23 +0,0 @@
------BEGIN CERTIFICATE-----
-MIIDzzCCAregAwIBAgIUHzwMiYlmu5EqL5/VXfpMa9ZK7owwDQYJKoZIhvcNAQEL
-BQAwdzELMAkGA1UEBhMCVUsxDzANBgNVBAgMBkxvbmRvbjEPMA0GA1UEBwwGTG9u
-ZG9uMQ4wDAYDVQQKDAVTd29wdDEMMAoGA1UECwwDTk9OMQwwCgYDVQQDDANQT1Ax
-GjAYBgkqhkiG9w0BCQEWC3BvcEBwb3AuY29tMB4XDTI1MDkyNjAyNDkwOFoXDTI2
-MDkyNjAyNDkwOFowdzELMAkGA1UEBhMCVUsxDzANBgNVBAgMBkxvbmRvbjEPMA0G
-A1UEBwwGTG9uZG9uMQ4wDAYDVQQKDAVTd29wdDEMMAoGA1UECwwDTk9OMQwwCgYD
-VQQDDANQT1AxGjAYBgkqhkiG9w0BCQEWC3BvcEBwb3AuY29tMIIBIjANBgkqhkiG
-9w0BAQEFAAOCAQ8AMIIBCgKCAQEAnJdca7WhpwQfNrXh5oJkYRC3bS0dMTumhgok
-LlainIR8JD0AlG/d/70wBNwSqablbtZS40nb5OSLve47N50FnB0e4C+43ZRkO9BW
-Ip7VpVtIeHsNwk3UgP4rfg2BBLE6FMM0t515kWuNyeWPE8/I1se3/kU7wQj2kmji
-XGPjwBZr6x7K89qh+xPWKDfcPyWl3PObb3ZxqUOt86HdUFcangA/iTIKW4FJ2vzq
-mnG6FyDWnQjuWuZj8C5/BG02XHBC0hyR41eY+T9sb/632++kLqK2KJfH7lZhB0Lr
-eW3p2Fxyu8hBP5K/RzQijGiVFFRYFzxIpe3ekrE2E3kK53pTsQIDAQABo1MwUTAd
-BgNVHQ4EFgQU4WiDGcKu4aNl4QIBWGxYuD2H448wHwYDVR0jBBgwFoAU4WiDGcKu
-4aNl4QIBWGxYuD2H448wDwYDVR0TAQH/BAUwAwEB/zANBgkqhkiG9w0BAQsFAAOC
-AQEAmSswPOTcRU990N31wqEy5N2YGMchCZueZBaQBQbdfY1u6WkziMjuv3xu4koE
-AZVLRqQ6AmxUEMRKfbT1B3dq7Bmjs/ZitKpI7F3uxsusUyGxSgoU6ghIJqHhtKQk
-+5f0WON7KSqdOzlere7wXyTUPzhllmLtfZ1vRodH5Hy8atA3M5YqnQYJp33FQQb8
-+W3yP9eK55vekG9tGgye7P5qNwckWH7pNM3xCmXjhOfipu8RCZb2oAHWS/kX3GKQ
-gSKKTlsCp1bM9sQS85XnC86AZh66AGOYyuQ93/UlqKClhxq6Et4YO1qGhrQKFNCf
-TrULGhulJTYW7aB+2jce5c/iKA==
------END CERTIFICATE-----

certs/key.pem

@@ -1,28 +0,0 @@
------BEGIN PRIVATE KEY-----
-MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCcl1xrtaGnBB82
-teHmgmRhELdtLR0xO6aGCiQuVqKchHwkPQCUb93/vTAE3BKppuVu1lLjSdvk5Iu9
-7js3nQWcHR7gL7jdlGQ70FYintWlW0h4ew3CTdSA/it+DYEEsToUwzS3nXmRa43J
-5Y8Tz8jWx7f+RTvBCPaSaOJcY+PAFmvrHsrz2qH7E9YoN9w/JaXc85tvdnGpQ63z
-od1QVxqeAD+JMgpbgUna/OqacboXINadCO5a5mPwLn8EbTZccELSHJHjV5j5P2xv
-/rfb76QuorYol8fuVmEHQut5benYXHK7yEE/kr9HNCKMaJUUVFgXPEil7d6SsTYT
-eQrnelOxAgMBAAECggEAIrMNyVZp2GM68XozcUuCp9m288vz9JV1zK0RoG0VQp6/
-DZ6w8rOpW4LWUbVcs1hm7f0zR+d1gU69wpw4ZhX3CMWRMneQvRUlcvWzKJ/O0wIb
-2IrYHS73AJCSHbArX1lQeApbs7aDGlzdghhK8MZyCFogZQl9eMSeMwpn4rZF4Sod
-5itEfXrv7H01KZbT6KdPXJ0sbfez6hImeQiL3TJlKACCOoTp0PkKMXP4H6238zL5
-UZCCA0wyhsUG3/i3Lyr7yLdkLk7zLFLEJ4FD3cP4CvhFyiBRUy0usJnpR0lzS+N1
-hYDT4mGPzYafjWKYvTYa1m8BVwX4npQdC008L405uwKBgQDT6QNm37wxhpHe43FP
-jNIH7uJYBBpYT9Jm2MQbaGOKiOe6HyZ5KweYeYbX9YuGFqDaybMwRDDPSbsJOZDA
-JwJjG1bVCbXozLQGuaeKeRGH6DENS+Fsip0rPJkdHAG+S1B9g/crp2ZC22gZxB94
-03cG8QkftUi0TyuQymQx+fxxBwKBgQC9K+QLq7OpE7PDBfxHezWa88K2iQ0ubWwn
-9lCK9LNY5nwkBSHaAwrNWy7Pnt1OwO0yT/v69gPKIjKGh7KViQ+5fAiOyP0WuBHc
-2po1l2bDwha40S6NmjzE1h6edTUOJo3XW2+4FX/sjxSUiRrYDgLRvlSoIg8tIJ1n
-4WYDz6Y/hwKBgDe8IIXtMJ1CDJm37nSC0Db/8I4/vgIeNHOSbbnbsdqc+X2tdbwG
-wj+rLvkb/u9sgjApPrTiKohKlyPs/RJc8DbK2QK9RBgPxwXBzLwR7bd2LXiWzZpz
-trTJgmfyls7LFkd87wSPSckp1e548+IelD7CJKkvUAkEjavOX535Zxj/AoGAGa8V
-3UfIstIL/BSZ9hKSaqFh9GqTMZSFtL9KnDMxDobsn+9ac0EqfEs/Bc1p+sFS8xvM
-+Hvic9VEyuMtqgPb8LEYcFp1kloXgsbjXRdbSoTVlO5BxdQFICx6J8V+GJe/dlfh
-yTqSDco3XxtmW6M7WsLet504NkZRWMNPmIDe740CgYEAgZSZWlxkSxZWVbpYxEtc
-X/UWg/URsUSievUBdlhk9w9H+6z36JPwcOiOnmR/D6gA1ssXVNsbDur3KX27wc0H
-X6sDw1427DJLm6DtfTCLDLRoh/JpzpN//1Frt+PgHD/scETI229Q0PWf3Vne7fK3
-wUzA2EtvI5QbV6+Xb7B8Oso=
------END PRIVATE KEY-----

certs/myapp.local-key.pem

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDaoJOFxFvU+WLr
+QIksmSfDyvacISztq938yOv6KqB455jnkqtpZ01kL/syHtWUNVyXyOuCJmuEX3DS
+lRadIF7d33aKm9PvhyaXbHhNLLkJI/BM0I0nj0MmYGklomX1b9u+u1F0R42mqIKy
+bUsvfnzfIS9dJm/gE+2EGAhy3YjTRNqIGWZp+c9C2SWbq6zlvmCNIF+03nAaqdFF
+ZKE2mvSrJq9xPOYlBHfFCGKIw/Zn4cReZ0TPpaIqlwipRSBXaft3jhLFGBGgygA/
+TN9Ba05RJYzMpi8kq5ghmabIR7nbJCYaBLF7isQC71IEfBBVfKKCT30MTjRkGO0i
+ouVwKsxhAgMBAAECggEAStJbypL6DrhO105d4+qChmqG3cYo1ypTrbihshs2kkpI
+tTAoA8m73cbiBDQzSia9CqFToFY/w6zaMuedNqcmcG6S5jsQXFB3r6kKvvbIWM14
+5wEU3e4UwCSMt7mNhWMD5JG8/bujSd8v45qt+ZIjcEWuLQYDkb+gMO38rjsNIagz
+hhJO4JewqxFGwat7tD93kE7KfpitLAf+KmtfpcM/0P4fRfKBWip9Q4rd+jmIk7uH
+qbre3W7NG8PUlpCsezUkc9/97qFWpdo9WWzmlsp3g/TckQpmG8lahuAzjsndQZeN
+Ti1AqlpS8lBXlLy550wCYRYt0vzr7Iki/OnndSioAQKBgQDc5pmSlAuGo8Ll7fJT
+ttMqZBKkRJ+8bzNpKowismqbhOG5WUqLgHdsnxfiPZqhfma8StgVjUYQfnyLLw/y
+o8EVnCW9QDUrde48oc+AshRS3D5aaTOYjaq260ASIWxEJclF2QzcQN+Bbtz7HHfB
+jSF4gMfqLxhMnvfHVcOHYqX6IQKBgQD9XX9zj7q/Vs3RnbJBkjpv1jspTZ/799SR
+drh3YZVajPXCCNCFKbTCNrRvkkN4ts1X493LyNq9kx6Pkzw1edd+LIgfqWVd8/iG
+Su5PB339uSFmtd30w1FjmdMB0D0mY4UwJ0fbWfomF/0t8+UkCafJ4L4nzQGBcK2Z
+jvQ0aiEKQQKBgQCOQd8ymy6VBY80/biqGroAubOboCnycvZ7yo+2pImtH7Ux5QPx
+tMiz5fy+kQes6rcEmXpw3qr5YkuYYrV1f+mPniBbsSbMl0TWPSphac1W00lAdjFp
+FAqVhAid5HJRrLfiyHXUvd5x/1BGUr34ooekj+KuuKeAaHuPHncuD+RtoQKBgQCz
+Yrx3VH8zM8FbtVxdQqwvPK38i2JHYuvU5gqrM6MsTns+G0GP1ryNeW/9QsCUulDe
+9o212ArPiFdt7iAF+LNTOTJTwHrtr2v5oRnjSHmy5523e/Kfdp6sd1/He+mfwXyu
+YFFnA+ixifCO1Y0aG9/5di8MPQDg5adz/pv2dGHaQQKBgQDQS8cBkv4lLVUKGStp
+QQ0HzvNlDRGIRQe+ZAkLoF1ugkeskClo6y2vBC4JOQkr+aygX6FBQyQPSv0V2LIN
+ODysACjdIC2Vi28/gQL4E9eo+xEwBNPSjwyobIWHCc1tO7BO9w9zwi31lbifLf2D
+4nXc0dApJtPGqA4C8ihiFYYGmw==
+-----END PRIVATE KEY-----

certs/myapp.local.pem

@@ -0,0 +1,25 @@
+-----BEGIN CERTIFICATE-----
+MIIENjCCAp6gAwIBAgIRAPRd0cZnb6FQfxFTqfpNcSEwDQYJKoZIhvcNAQELBQAw
+eTEeMBwGA1UEChMVbWtjZXJ0IGRldmVsb3BtZW50IENBMScwJQYDVQQLDB5TT0RD
+MTZcZW56b0BTT1BDLTIzRDEwMSAoRW56bykxLjAsBgNVBAMMJW1rY2VydCBTT0RD
+MTZcZW56b0BTT1BDLTIzRDEwMSAoRW56bykwHhcNMjUxMTIwMDM1NzAwWhcNMjgw
+MjIwMDM1NzAwWjBSMScwJQYDVQQKEx5ta2NlcnQgZGV2ZWxvcG1lbnQgY2VydGlm
+aWNhdGUxJzAlBgNVBAsMHlNPREMxNlxlbnpvQFNPUEMtMjNEMTAxIChFbnpvKTCC
+ASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBANqgk4XEW9T5YutAiSyZJ8PK
+9pwhLO2r3fzI6/oqoHjnmOeSq2lnTWQv+zIe1ZQ1XJfI64Ima4RfcNKVFp0gXt3f
+doqb0++HJpdseE0suQkj8EzQjSePQyZgaSWiZfVv2767UXRHjaaogrJtSy9+fN8h
+L10mb+AT7YQYCHLdiNNE2ogZZmn5z0LZJZurrOW+YI0gX7TecBqp0UVkoTaa9Ksm
+r3E85iUEd8UIYojD9mfhxF5nRM+loiqXCKlFIFdp+3eOEsUYEaDKAD9M30FrTlEl
+jMymLySrmCGZpshHudskJhoEsXuKxALvUgR8EFV8ooJPfQxONGQY7SKi5XAqzGEC
+AwEAAaNgMF4wDgYDVR0PAQH/BAQDAgWgMBMGA1UdJQQMMAoGCCsGAQUFBwMBMB8G
+A1UdIwQYMBaAFLa5KVYV8UdehBd7zecwBdPLHs1kMBYGA1UdEQQPMA2CC215YXBw
+LmxvY2FsMA0GCSqGSIb3DQEBCwUAA4IBgQAMjJrr7LOyF/eHuWMdQeQYydEy0ksT
+0xCM5dh0bK3E/FGCi21tQ4goq99uun6Q0EqdLzxtdyVFE1F4n2cIaEMwuIROJ4CO
+ABudMPdIZR1+aYK5T1bN39IE8X1qX2KbfMJQoCr+dS6hCADA9J1UOZcLky4FOXqn
+MYi3E/I/iKfogrddsOUOr2jAld6l8nsxg1nc9yLezXHKMWsaN0wUlliLgaBUVQli
+SM9PiW6hYxQq/RUBm99VWBz5Vb8IWUQKX9wmEuw+PuZX6hxp5nlwJSrLINqTQupY
+vMy9aPJj4+/pcoB5aBMAtcXGTiJRXPZg0WOzThQn6J+aLUiYbqUuGYGivewY14PF
+AdAlnpk+wpMfVF2op41ojErFYdAJm0wufvuRbcTeSatfAcKqLEWMziiLFR02x8H2
+KSugI5cyV3XMLOn36ruq6Hm5GKQF7hmiXhsYnVsf0g1QxiR7Yq2WXEJ1BOw7qhlQ
+u9NElOlMlaltlo7FZfKHfTe5XYQUNZINTTk=
+-----END CERTIFICATE-----

package.json

@@ -3,7 +3,8 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "start": "ng serve --host 0.0.0.0 --port 4200",
+    "secure": " ng serve --host myapp.local --port 4200 --ssl true --ssl-cert ./certs/myapp.local.pem --ssl-key ./certs/myapp.local-key.pem",
     "build": "ng build",
     "cert": "ng serve --ssl true --ssl-key ../certs/key.pem --ssl-cert ./certs/cert.pem --host 0.0.0.0",
     "nest": "ng build --configuration production --base-href /",
@@ -51,4 +52,4 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.8.3"
   }
-}
+}

src/app/config.ts

@@ -1,3 +1,4 @@
 export const webConfig = {
-    exposedUrl: `http://localhost:4000`,
+    exposedUrl: `https://myapp.local:4000`,
+    // exposedUrl: `http://localhost:4000`,
 }