Узнать количество постов в сообществе на ВК используя расширение для Chrome?

Question

[HWman]

Здравствуйте, есть кое какие наброски с костылями для расширения хром, которое работает на основе подсчёта количества постов в сообществе на ВК, хочется узнать как нужно всё сделать по правильному в *.js файле расширения.

Ещё заметил одну неприятную вещь, если расширение работает, то юзер постоянно онлайн, даже когда он не на сайте, то есть подскажите как можно это сделать ещё так, чтобы если пользователь не пользуется ВК(то есть не разлогинился, а просто закрыл вкладку), ВК не держал статус "В сети" для юзера.

Спасибо за внимание.

Answer 1

[svetlov97]

Если ты делаешь расширение советую использовать VK API, потому что если ты будешь использовать подброс скрипта на страницу, то сайт будет просто на просто белеть, то есть просто вместо сайта будет белый экран. Я не знаю с чем это связано, возможно с adblock, а может еще с чем. Еще один плюс VK API это то, что при его использовании пользователь не в онлайне)
Наброски разумеется увидеть нельзя?

Comments

[HWman]

Стыдно показать, собирал из 3 примеров, работает кое как.
Сейчас получаю колличество вот так:
https://api.vk.com/method/wall.get.xml?owner_id=-1...
А потом:
var num_posts = tmp.substr(58, 4); - зная что начиная с 58 позиции идёт количество постов, и это число из 4 цифр в случае моего паблика.

[svetlov97]

на сколько я помню Chrome расширения работают на JS. Вопрос, зачем вы используете XML?

[HWman]

svetlov97: да, там крутиться JS файл.
Та хз, как-то видимо пошёл не той дорогой. Слабовато у меня с этим просто. леплю по примерам из сети.

А как нужно?

[svetlov97]

var own_id = '1'; //ID сообщества
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.vk.com/method/wall.get?owner_id=-'+own_id+'&count=1&v=5.64', true);
xhr.onload = function() {
  console.log( JSON.parse(this.responseText).response.count );
}

xhr.onerror = function() {
  console.log( 'Ошибка ' + this.status );
}
xhr.send();

выведет количество постов в сообществе

[svetlov97]

HWman: я ответил на ваш вопрос?

[HWman]

svetlov97: тоже так делал, ругает в консоли вот так:
"Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:". Either the 'unsafe-inline' keyword, a hash ('sha256-bm...'), or a nonce ('nonce-...') is required to enable inline execution.

(anonymous) @ jquery.js:995
"

[svetlov97]

HWman: могу увидеть полный код? написано что в ошибка на 995 строчке

[svetlov97]

HWman: Эта ошибка означает то, что строчка 995 нарушает политику безопасности Chrome расширений

[HWman]

svetlov97: Да. root.insertBefore( script, root.firstChild ); - 995-я строчка.

upd: код пришлось удалить, он рушил всю верстку. если нужно, то предлагаю положить на pastebin, а сюда ссылку.
DevMan

[svetlov97]

HWman: Так ошибка то в JQuery а не в скрипте.
откройте консоль F12, вставьте туда код:

var own_id = '1'; //ID сообщества
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.vk.com/method/wall.get?owner_id=-'+own_id+'&count=1&v=5.64', true);
xhr.onload = function() {
  console.log( JSON.parse(this.responseText).response.count );
}

xhr.onerror = function() {
  console.log( 'Ошибка ' + this.status );
}
xhr.send();

и нажмите Enter, выдаст ответ с количеством постов, код работает. Не используйте JQuery при разработке расширений Chrome, в chrome расширениях сама библиотека JQuery работает некорректно.

[HWman]

svetlov97:
"XMLHttpRequest cannot load https://api.vk.com/method/wall.get?owner_id=-1&cou... No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://toster.ru' is therefore not allowed access."

[svetlov97]

HWman: с пустой вкладки F12))

[HWman]

svetlov97: Видете, я же говорю, что сложновато пока ещё мне это всё понимать, делаю по примерах из сети.
Например:

Не используйте JQuery при разработке расширений Chrome, в chrome расширениях сами библиотека JQuery работает некорректно.

Не совсем понимаю о чём Вы.

[HWman]

svetlov97:

Скрин

[svetlov97]

HWman: Я говорю что ошибка не в том скрипте что я вам дал, а в том что вы мне скинули.

[svetlov97]

HWman: Откройте новую вкладку в нормальном режиме(не инкогнито) и нажмите F12, введите код:

var own_id = '1'; //ID сообщества
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.vk.com/method/wall.get?owner_id=-'+own_id+'&count=1&v=5.64', true);
xhr.onload = function() {
  console.log( JSON.parse(this.responseText).response.count );
}

xhr.onerror = function() {
  console.log( 'Ошибка ' + this.status );
}
xhr.send();

нажмите Enter

[HWman]

svetlov97:

Fetch API cannot load https://api.vk.com/method/wall.get?owner_id=-1&count=1&v=5.64. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.google.com.ua' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
The FetchEvent for "https://api.vk.com/method/wall.get?owner_id=-1&count=1&v=5.64" resulted in a network error response: the promise was rejected.
newtab-serviceworker.js:1 Uncaught (in promise) TypeError: Failed to fetch
VM912:11 GET https://api.vk.com/method/wall.get?owner_id=-1&count=1&v=5.64 net::ERR_FAILED
(anonymous) @ VM912:11
VM912:9 Ошибка 0

spoiler

[svetlov97]

Origin 'https://www.google.com.ua' is therefore not allowed accessЗапрос идет со страницы https://www.google.com.ua, наверно у вас в настройках стоит открытие в новой вкладке сразу https://www.google.com.ua если открывать с пустой вкладки (chrome://newtab) то все работает.

[HWman]

svetlov97: я наверно изначально выбрал не правильную концепцию? Может есть другой путь?

[svetlov97]

HWman: Так, вы меня запутали, что должно делать расширение вы мне скажите словами.

[HWman]

svetlov97: узнавать количестве постов в моём паблике.

[svetlov97]

HWman: а для чего вам тогда нужна JQuery?

[svetlov97]

того скрипта что я вам дал, хватит за глаза, можете удалять Jquery она бесполезна.

[HWman]

svetlov97: я не знаю честно говоря. Просто делал по примеру, можно сказать методом тыка кое как завёл так, как мне нужно. Но это кое как.

Ваш пример хорош, правда не понимаю почему у Вас работает, а у меня нет.