Universal links android

.github/workflows/ci.yml

@@ -87,6 +87,7 @@ jobs:
 
       - name: Run Android tests
         run: |
+          echo "STOREFRONT_DOMAIN=\"myshopify.com\"" > sample/.env
           yarn module build
           yarn sample test:android --no-daemon
 

.gitignore

@@ -103,3 +103,6 @@ sample/vendor
 !.yarn/releases
 !.yarn/sdks
 !.yarn/versions
+
+# Sample app
+sample/**/AndroidManifest.xml

sample/android/app/build.gradle

@@ -146,3 +146,21 @@ apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
 apply from: file("../../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
 
 apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
+
+def properties = loadProperties()
+def storefrontDomain = properties.getProperty("STOREFRONT_DOMAIN")
+
+if (!storefrontDomain) {
+  println("**** Please add a .env file with STOREFRONT_DOMAIN set *****")
+}
+
+task generateAndroidManifestFromTemplate {
+  doLast {
+    def templateFile = file('src/main/AndroidManifest.template.xml')
+    def outputFile = file('src/main/AndroidManifest.xml')
+    def content = templateFile.getText('UTF-8').replace('{{STOREFRONT_DOMAIN}}', "$storefrontDomain")
+    outputFile.write(content, 'UTF-8')
+  }
+}
+
+preBuild.dependsOn(generateAndroidManifestFromTemplate)

sample/android/app/src/main/AndroidManifest.xml → sample/android/app/src/main/AndroidManifest.template.xml

@@ -1,6 +1,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
 
     <application
       android:name=".MainApplication"
@@ -17,9 +19,21 @@
         android:launchMode="singleTask"
         android:windowSoftInputMode="adjustResize"
         android:exported="true">
+
+        <!-- This action signifies that the activity is the entry point of the application -->
         <intent-filter>
             <action android:name="android.intent.action.MAIN" />
             <category android:name="android.intent.category.LAUNCHER" />
+          </intent-filter>
+
+          <!-- Configuration for app linking -->
+          <intent-filter>
+            <action android:name="android.intent.action.VIEW" />
+            <category android:name="android.intent.category.DEFAULT" />
+            <category android:name="android.intent.category.BROWSABLE" />
+
+            <!-- Note: the host here will be replaced on application start -->
+            <data android:scheme="https" android:host={{STOREFRONT_DOMAIN}} />
         </intent-filter>
       </activity>
     </application>

sample/android/build.gradle

@@ -20,4 +20,12 @@ buildscript {
     }
 }
 
+def loadProperties() {
+    def props = new Properties()
+    file('../.env').withInputStream {
+        props.load(it)
+    }
+    return props
+}
+
 apply plugin: "com.facebook.react.rootproject"

sample/package.json

@@ -11,7 +11,7 @@
     "build:ios": "sh ./scripts/build_ios",
     "lint": "yarn typecheck && eslint .",
     "ios": "react-native run-ios --simulator 'iPhone 15 Pro'",
-    "start": "react-native start -- --simulator 'iPhone 15 Pro'",
+    "start": "react-native start -- --simulator 'iPhone 15 Pro' --reset-cache",
     "typecheck": "tsc --noEmit",
     "test:ios": "sh ./scripts/test_ios",
     "test:android": "sh ./scripts/test_android"

sample/src/App.tsx

@@ -142,7 +142,6 @@ const useInitialURL = (): {url: string | null} => {
   };
 };
 
-// This code is meant as example only.
 class StorefrontURL {
   readonly url: string;