1. How the Phone App Works (Without Your Own Server)
Instead of a server pulling data from Meta or X, the mobile app acts as a local browser tool running on the user’s physical device.
- The Local WebView Scraping Method: You build the mobile app using a framework like Flutter or React Native. Inside the app, you open a secure, hidden browser window called a WebView. [1, 2, 3]
- User Authentication: The user logs into their own Instagram, Facebook, or X account inside that WebView. Because they are logging in on their own phone screen, it completely bypasses the platform’s anti-bot blocks and login walls. [1, 2, 3]
- Local Data Extraction: Once logged in, the app uses JavaScript injection to parse the HTML elements directly from the screen. It extracts the raw image files, the text captions, and the post timestamps straight from the active session.
- Direct WordPress Upload: The app compiles this extracted data into a JSON package. It uses the phone’s native internet connection to send a direct
POSTrequest straight to the user’s website using the default WordPress REST API Reference. [1, 2]
2. How the WordPress App / Plugin Works
Because there is no central server to format the data, your companion WordPress plugin must do all the heavy lifting locally on the user’s HostGator hosting account.
- Handling incoming payloads: The plugin listens for the incoming data packages sent directly from the phone app via a customized REST API endpoint (e.g.,
https://yourwebsite.com). - Sideloading Media Assets: The plugin reads the image URLs scraped by the phone app. It runs a local PHP function called
media_sideload_image()to pull those images down and permanently save them inside the local WordPress Media Library. This breaks the link to Meta/X completely, protecting the media from future deletion. - Executing Built-In Layout Templates: The plugin registers static Gutenberg Block Patterns designed with pure, localized HTML and CSS. When a post is imported, the plugin wraps the raw text and local images into these CSS styles so that the layout identically mirrors an Instagram card, Facebook post, or X timeline card right inside the WordPress editor