How to set up universal links for your app?

How to set up universal links for your app?

Universal link is a great way to strengthen the relationship between your website and your app. With universal links, your customers are brought directly to a product category or product details page in your app when they click on a product category or product link from Google search results, email, or from other apps like Facebook and Twitter. 

JMango360 supports universal links since version 3.11.0 for Magento apps. If you would like to have this feature in your app, please do the following:

Step 1: Contact customer.success@jmango360.com to request JMango360 to set up universal links for your app.
Step 2: If you use your own keystore for your Android app, please give us your keystore, alias, and password
Step 3: We will send you two configuration files, i.e. apple-app-site-association and assetlinks.json. Please upload these configuration files to your web server, at <PATH_TO_DOCUMENT_ROOT>/.well-known
Step 4: If your website uses Apache as a web server, further configurations are required as below.

Further configurations are required if your website uses Apache as a web server. 

Step 1: Configure .htaccess inside the root directory

1. Go to the root directory.
2. Open .htaccess file.
3. Add the below codes to the file.
      3.1. Add this code under the  "## this line is specific for 1and1 hosting"
  1. AddType application/json apple-app-site-association
      3.2. Add these codes under the " <IfModule mod_rewrite.c>"
  1. RewriteRule .well-known/apple-app-site-association$.well-known/apple-app-site-association.json [L]
  2. RewriteRule apple-app-site-association$ .well-known/apple-app-site-association.json [L]
      3.3. Add these codes at the end of .htaccess file
  1. <Files apple-app-site-association>
  2.         AddType application/json .*
  3. </Files>

Step 2: Configure the Apache site

1. Open the Apache configuration of the site, e.g., example.com.conf
2. Add these codes under the <VirtualHost *:80> and <VirtualHost *:443>
  1. <Directory PATH_TO_DOCUMENT_ROOT/.well-known/>
  2.        Options Indexes FollowSymLinks
  3.        AllowOverride all
  4.        Require all granted
  5.        <Files apple-app-site-association>
  6.            Header set Content-type "application/pkcs7-mime"
  7.        </Files>
  8.        Header Set Pragma "no-cache"
  9.        Header Set Expires "Thu, 1 Jan 1970 00:00:00 GMT"
  10.        Header Set Cache-Control "max-age=0, no-store, no-cache, must-revalidate"
  11.        Header Unset ETag
  12.        FileETag None
  13.    </Directory>
Step 3: Restart the Apache server.
    • Related Articles

    • Firebase In-App messaging

      Firebase in-app and cloud messages are powerful features that allow you to engage and communicate with your app users directly within your app's interface. In this article, we will explore the scope and prerequisites for using Firebase In-App and ...
    • Video Tutorials - Create Your Integrated App

      Create a Magento 2 App Create a BigCommerce App Create a Lightspeed App Create a PrestaShop 1.7 App PrestaShop 1.7: Share backend access with JMango360 Create a PrestaShop 1.6 App PrestaShop 1.6: Share backend access with JMango360 ​
    • Basics and overview of app design

      After successfully creating an app, your next step is to design your app the way you want. JMango360 provides you with a range of useful features to help you get a beautiful and attractive app. Where to design your app? You design your app in ...
    • Start app data collection with Firebase

      JMango360 has utilized Firebase's outstanding services for mobile app development and is excited to share that we are fully equipped to leverage Google Analytics 4 for efficient experiences with our mobile apps. When you create high-quality apps with ...
    • Set up GA4 data collection for the website

      If there is no website data in your Firebase Dashboard, most likely this is because of a missing configuration in GA4. In this article, we elaborate the steps to configure the website data stream on GA4. Once this process is done, the web data will ...