Explication détaillée de l'analyse complexe de texte riche dans les mini-programmes WeChat

J'écris récemment un robot d'exploration, qui doit analyser la page Web pour être utilisée par applet WeChat. L'analyse du texte et de l'image est facile à comprendre, et le mini-programme dispose également de balises de texte et d'image correspondantes pour la présentation. Les plus complexes, comme les tableaux, sont plus difficiles. Qu'il s'agisse d'analyse côté serveur ou de rendu de mini-programmes, c'est très laborieux et il est difficile de couvrir toutes les situations. J'ai donc pensé que convertir le code HTML correspondant au tableau en images serait une solution de contournement.

Ici, nous utilisons le module node-webshot, qui encapsule de manière légère PhantomJS et peut facilement enregistrer des pages Web sous forme de captures d'écran.

Installez d'abord Node.js et PhantomJS, puis créez un nouveau fichier js et chargez le module node-webshot :

const webshot = require('webshot');

Définir les options :

const options = {   // 浏览器窗口
   screenSize: {
       width: 755,
      height: 25
   },  
  // 要截图的页面文档区域
   shotSize: {
       height: 'all'
   },
   // 网页类型
   siteType: 'html'
};

Ici, la largeur de la fenêtre du navigateur doit être définie raisonnablement en fonction de la situation du page Web, et la hauteur peut être définie sur une valeur très petite, alors la hauteur de la zone du document de la page doit être définie sur tout et la largeur par défaut est la largeur de la fenêtre, afin que le tableau puisse être entièrement capturé à la plus petite taille .

Ensuite, définissez la chaîne html :

let html = "target rich text html code, eg: <table>...</table>";

Remarque, le HTML à l'intérieur du le code doit supprimer les nouvelles lignes et remplacer les guillemets doubles par des guillemets simples.

webshot(html, 'demo.png', options, (err) => {if (err)console.log(`Webshot error: ${err.message}`);});

De cette façon, la conversion du code HTML en image locale est réalisée, qui peut ensuite être téléchargée sur Qiniu Cloud et ainsi de suite. Qu'il s'agisse d'une analyse côté serveur ou d'une présentation du mini programme, il n'y a aucune difficulté.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!