在本机应用程序和移动浏览器之间共享数据

Question

I have a native application which installed on a client mobile device. Other than that, I have a web application that this client can access via a mobile browser.

I would like to sync and pass information (such as identifiers or other user data) between the application and the web browser. Is there any WebAPI that can help me do so?

I found the getInstalledRelatedApps that can indicate me whether my application installed or not, but what about sharing an information between those two? Is it possible somehow?

Answer 1

What frameworks are you using? Can I consider that you are using Node JS, React and React Native?

You could use express in the backend to create your own API, call it on the Frontend/Mobile with Axios, and then you could pass the parameters by setting them on the route. IE let's say that you want to pass on the tea ID from the mobile app to the web app so you can see them on your navigator:

// BACKEND
const express = require('express');
const routes = express.Router();

routes.get('/tea/:teaId', function (req, res) {
  res.send(req.params);
});

module.exports = routes;


// MOBILE
import React from 'react';
import axios from 'axios';
import { Linking } from 'react-native';

const api = axios.create({
  baseURL: 'http://your-url-here.com/',
});

let teaID = 22;

function sendToWeb() {
  Linking.openURL(`https://your-url-here.com/tea/${teaID}`)
}

You can also pass Header Authorization in case that you want the user to be logged on and skip the login step or something related to it.

Express Routing

About Axios

I hope that this can help you a bit, And sorry if it seems confusing, it's my first time trying to answer a question!