asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat-Développement WeChat-php.cn

asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat

高洛峰

Libérer： 2017-02-23 14:17:59

original

1737 Les gens l'ont consulté

L'article précédent a répondu avec succès à l'événement préoccupant et a également réalisé l'envoi de messages texte. Cet article démarre le traitement des messages graphiques. Le type de message le plus couramment utilisé dans WeChat est celui des messages graphiques, car il combine des images et des textes. et peut mieux exprimer des informations. La définition de l'interface des messages graphiques dans WeChat est la suivante :

<xml>
<tousername></tousername>
<fromusername></fromusername>
<createtime>12345678</createtime>
<msgtype></msgtype>
<articlecount>2</articlecount>
<articles>
<item>
<title></title> 
<description></description>
<picurl></picurl>
<url></url>
</item>
<item>
<title></title>
<description></description>
<picurl></picurl>
<url></url>
</item>
</articles>
</xml>

Copier après la connexion

plus la définition du texte :

asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat

De nombreuses personnes sont les d'abord Quand j'ai lu ce document pour la première fois, j'ai senti que je n'arrivais pas à le comprendre, car l'écriture n'est vraiment pas très intuitive. Après l'avoir lu encore quelques fois, je comprendrai que les développeurs, les utilisateurs, le temps, etc. . sont identiques aux messages texte et aux autres messages. La seule différence est que le nœud articles dans le message graphique est également un nœud avec plusieurs enregistrements. Il est au même niveau que les autres nœuds et l'article spécifique est équivalent à. un niveau enfant. C'est très intuitif après avoir lu le modèle de message graphique défini dans l'article précédent, j'ai séparé l'article Utilisé comme liste comme attribut dans le modèle de message graphique.

Simulons quelques données ici

SNews mN = new SNews();
               mN.FromUserName = ReadXml.ReadModel("ToUserName", model);
               mN.ToUserName = ReadXml.ReadModel("FromUserName", model);
               mN.CreateTime = long.Parse(ReadXml.ReadModel("CreateTime", model));
               mN.MsgType = "news";
               
               //   以下为文章内容，  实际使用时，此处应该是一个跟数据库交互的方法，查询出文章
               //文章条数，  文章内容等   都应该由数据库查询出来的数据决定   这里测试，就模拟几条
               
               mN.ArticleCount =5;
               List<articlesmodel> listNews = new List<articlesmodel>();
               for (int i = 0; i <p><br></p>
<p>La démo est l'entrée ? Ou ? Ou aidez le menu Répondre texte, entrez d'autres caractères pour répondre avec image et texte </p>
<p> Effet : </p>
<p><img src="https://img.php.cn//upload/image/383/395/162/1487830560310636.jpg" title="asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat" alt="asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat"    style="max-width:90%"  style="max-width:90%"></p>
<p><img src="https://img.php.cn//upload/image/499/721/917/1487830571507114.jpg" title="asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat" alt="asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat"    style="max-width:90%"  style="max-width:90%"></p>
<p>Le l'image et le message texte dépassent Lorsqu'il y a 1 article, le premier article sera affiché sous forme de grande image par défaut, et seul le titre sera affiché pour chaque article. Lorsqu'il n'y a qu'un seul article, une introduction sera affichée, comme indiqué. dans l'image : </p>
<p><img src="https://img.php.cn//upload/image/853/782/961/1487830588572998.jpg" title="asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat" alt="asp.net développe la plateforme publique WeChat (5) Messages graphiques WeChat"    style="max-width:90%"  style="max-width:90%"></p>
<p></p> <p> Peu importe le nombre d'articles, cliquer sur chaque article ouvrira le lien de l'article attribué. À ce moment-là, c'est le cas. équivaut à ouvrir un navigateur pour visiter votre page Web. Vous pouvez concevoir cette page de n'importe quelle manière. En raison de la taille du téléphone mobile Non, il est préférable de considérer l'adaptation de l'écran lors de la conception de cette page et d'en faire une mise en page réactive </p>
<.> <p></p> D'accord, c'est tous les messages graphiques et texte. Jusqu'à présent, toutes les bases de WeChat Le contenu est pratiquement terminé. Dans la partie 7, je publierai le code source complet de la version démo, promis. pour le reprendre et le jeter sur le serveur pour préciser un nom de domaine. Ensuite, rendez-vous sur le site officiel de WeChat pour le remplir et vous verrez l'effet immédiatement... <p></p>
<p><br>Pour plus d'articles liés au développement asp.net de la plateforme publique WeChat (5) Messages graphiques WeChat, veuillez faire attention au site Web PHP chinois ! </p>
<p></p>
<p><br></p></.></articlesmodel></articlesmodel>

Copier après la connexion