CODEWITHSUNDEEP
whatsappwhatsapi
user418051518
user418051518

Reputation: 43

Whatsapp Web - how to access data now?

It used to be possible to access http://web.whatsapp.com/ with the Store object in JavaScript. A few hours ago, this stopped working. How does it update chat data now? It must save the data somewhere.

Upvotes: 4

Views: 4381

Answers (3)

Zibri
Zibri

Reputation: 9827

A faster method: I grab the source of the "app" and find the store object then

I save it in ZStore global variable. :D

!function(){for(var t of document.getElementsByTagName("script"))t.src.indexOf("/app.")>0&&fetch(t.src,{method:"get"}).then(function(t){return t.text().then(function(t){var e=t.indexOf('var a={};t["default"]')-89;window.ZStore=window.webpackJsonp([],null,JSON.stringify(t.substr(e,10))).default})})}();

window.ZStore will contain the object.

Non minified version:

(function() {
    function getStore(url) {
        fetch(url, {
            "method": 'get'
        }).then(function(response) {
            return response.text().then(function(data) {
                var offset = data.indexOf('var a={};t["default"]') - 89;
                window.ZStore = window.webpackJsonp([], null, JSON.stringify(data.substr(offset, 10))).default
            });
        });
    }
    for (var e of document.getElementsByTagName("script")) {
        if (e.src.indexOf("/app.") > 0) getStore(e.src);
    }
})();

Upvotes: 0

Ahmed Alsuwaidi
Ahmed Alsuwaidi

Reputation: 41

To explain Pablo's answer in detail, initially we load all the Webpack modules using code based on this How do I require() from the console using webpack?.

Essentially, the getAllModules() returns a promise with all the installed modules in Webpack. Each module can be required by ID using the _requireById(id) which uses the webpackJsonp(...) function that is exposed by Webpack.

Once the modules are loaded, we need to identify which id corresponds to the Store. We search for a module containing exports.default.Wap and assign it's id as the Store ID.

You can find more details on my github wiki here

Upvotes: 4

Pablo Martinez
Pablo Martinez

Reputation: 76

I'm using this to get the Store again:

setTimeout(function() {
// Returns promise that resolves to all installed modules
function getAllModules() {
    return new Promise((resolve) => {
        const id = _.uniqueId("fakeModule_");
        window["webpackJsonp"](
            [],
            {
                [id]: function(module, exports, __webpack_require__) {
                    resolve(__webpack_require__.c);
                }
            },
            [id]
        );
    });
}

var modules = getAllModules()._value;

//  Automatically locate modules
for (var key in modules) {
 if (modules[key].exports) {
        if (modules[key].exports.default) {
            if (modules[key].exports.default.Wap) {
                store_id = modules[key].id.replace(/"/g, '"');
            }
        }
    }
 }

}, 5000);

function _requireById(id) {
return webpackJsonp([], null, [id]);
}
// Module IDs
var store_id = 0;
var Store = {};

function init() {
 Store = _requireById(store_id).default;
 console.log("Store is ready" + Store);
}

setTimeout(function() {
 init();
}, 7000);

Just copy&paste on the console and wait for the message "Store is ready". Enjoy!

Upvotes: 6

Related Questions