Получить предварительный просмотр страниц в React-Native

Question

Я пытался разрешить пользователям просматривать предварительные просмотры веб-страниц в интерактивном режиме, как просмотр ссылок в Facebook и других приложениях. Я провел некоторое исследование.

Я видел некоторые библиотеки, которая обеспечивает функцию для узла, но он не работает для реакции родного (поскольку оригинального cheerio.js не работает напрямую с реагировать родной)

https://github.com/cheeriojs/cheerio

Я также проверил библиотеку oEmbed, но она тоже не работает.

мне было интересно, что может быть хорошим способом для получения веб-страниц превью

Answer 1

Законченного писать небольшую библиотеку, которая делает работу. Надеюсь, что это полезно для некоторых людей

https://github.com/changey/react-native-page-previewer

Использование

import preview from 'react-native-page-previewer'; 

preview("http://www.google.com", function(err, data) { 
    if(!err) { 
     console.log(data); 
    } 
}); 

возвращение образца

{ url: 'https://www.google.com', 
    loadFailed: false, 
    title: 'Google', 
    description: 'Search the world\'s information, including webpages, images, videos and more. Google has many special features to help you find exactly what you\'re looking for.', 
    contentType: 'text/html', 
    mediaType: 'website', 
    images: [ 'https://www.google.com/images/branding/googlelogo/1x/googlelogo_white_background_color_272x92dp.png' ], 
    videos: undefined, 
    audios: undefined }