はじめにとコンテンツの概要
何人かの読者は、「Liu Fengはテキストメッセージのみを例として使用し、グラフィックメッセージに言及することはなく、グラフィックメッセージの使用方法を知らない」と不満を述べています。まあ、私は間違っていました。私はもともと、基本的なAPIがカプセル化され、フレームワークが構築されたと思っていたので、それらを使用するためにテキストメッセージのサンプルを提供しました。たぶん私の絵画のスキルが貧弱すぎるので、私が描いた猫は猫のようではありませんでした...
この記事では、主に、WeChatパブリックアカウントの開発におけるグラフィックメッセージとテキストメッセージの使用、およびグラフィックメッセージとテキストメッセージのいくつかの症状を紹介します。タイトルの名前は「すべての画像とテキストメッセージのガイド」と名付けられています。これは間違いなくタイトルパーティーではありません。この機会を利用して、画像とテキストメッセージに関連するすべての問題、懸念、障害を解消することです。
グラフィックメッセージとテキストメッセージの主なパラメーターの説明
以下の図に示すように、公式のWeChatメッセージインターフェイスガイドを通じて、グラフィックメッセージとテキストメッセージのパラメーターを確認できます。
写真から、私たちは学ぶことができます：
グラフィックメッセージとテキストメッセージのさまざまな表現
以下は、グラフィックメッセージとテキストメッセージの5つの主要なフォームの使用を直接実証するコードです。ソースコードは次のとおりです。
Package org.liufeng.course.service; Import java.util.arraylist; import java.util.date; import java.util.list; import java.util.map; import javax.servlet.servlet.http.httpservletrequest; Import org.curse.messep. org.liufeng.message.resp.newsmessage; Import org.liufeng.course.message.resp.textmessage; Import org.liufeng.course.util.messageutil; wechat * * @param request * @return */ public static string processRequest（httpservletrequest request）{string respmessage = null; try {// xml要求マップ<string、string> requestmap = messageutil.parsexml（request）; // senderアカウント（open_id）string fromusername = requestmap.get（ "fromusername"）; //パブリックアカウント文字列toushername = requestmap.get（ "tousername"）; //メッセージタイプ文字列msgtype = requestmap.get（ "msgtype"）; //このテキストへのデフォルト応答textmessage textmessage = new TextMessage（）; textmessage.settousername（fromusername）; textmessage.setfromUsername（tousername）; textmessage.setcreatetime（new date（）。getTime（））; textmessage.setmsgtype（messageutil.resp_message_type_text）; textMessage.setFuncFlag（0）; // href属性値は二重引用符で発生する必要があるため、これは文字列自体の二重引用符と矛盾しています。 //テキストメッセージオブジェクトをXML文字列respmessage = messageutil.textmessagetoxml（textmessage）に変換します。 //テキストメッセージ（msgtype.equals（messagutil.req_message_text））{//ユーザー文字列content = requestmap.get（ "content"）; //テキストメッセージを作成しますNewsMessage NewsMessage = new NewsMessage（）; newsmessage.settousername（fromusername）; newsmessage.setfromUsername（tousername）; newsmessage.setcreatetime（new date（）。gettime（））; newsmessage.setmsgtype（messageutil.resp_message_type_news）; NewsMessage.setFuncFlag（0）;リスト<portion> articleList = new ArrayList <ports>（）; //単一のテキストメッセージif（ "1" .equals（content））{article article = new article（）; article.settitle（ "Wechat Publicアカウント開発チュートリアルJavaバージョン"）; article.setdescription（「1980年代に生まれたLiu Fengは、WeChat Publicアカウント開発で4か月の経験があります。初心者が始めるのを助けるために、この一連のチュートリアルが特別に開始されます。 article.setpicurl（ "http://0.xiaoqrobot.duapp.com/images/avatar_liufeng.jpg"）; article.seturl（ "http://blog.csdn.net/lyq8479"）; ArticLeList.Add（記事）; //グラフィックメッセージの数を設定しますnewsmessage.setarticlecount（articlelist.size（））; //グラフィックメッセージに含まれるグラフィックコレクションを設定しますnewsmessage.setarticles（articleList）; //グラフィックメッセージオブジェクトをXML文字列respmessage = messagutil.newsmessagetoxml（newsmessage）に変換します。 } //単一のテキストメッセージ - 画像のxcclud else if（ "2" .equals（content））{article article = new article（）; article.settitle（ "Wechat Publicアカウント開発チュートリアルJavaバージョン"）; // QQの絵文字と象徴的な絵文字は、テキストメッセージで使用できます。記事記事記事記事。Setdescription（1980年代に生まれた」 +絵文字（0x1F6B9） +」、WeChat Public Accountの開発の4か月の経験。インターフェイスの構成、メッセージパッケージング、フレームワーク構築、QQ絵文字の送信、シンボル絵文字の送信など。 //画像を空の記事に設定します。setpicurl（ ""）; article.seturl（ "http://blog.csdn.net/lyq8479"）; ArticLeList.Add（記事）; newsmessage.setarticlecount（articlelist.size（））; newsmessage.setarticles（articleList）; respmessage = messageutil.newsmessagetoxml（newsmessage）; } //マルチグラフィックテキストメッセージelse if（ "3" .equals（content））{article1 = new article（）; article1.settitle（ "Wechat Publicアカウント開発チュートリアル/nはじめに"）;記事1.setDescription（ ""）;記事1.setpicurl（ "http://0.xiaoqrobot.duapp.com/images/avatar_liufeng.jpg"）;記事1.seturl（ "http://blog.csdn.net/lyq8479/article/details/8937622"）;第2条=新しい記事（）;記事2.Settitle（ "パート2/N WECHATパブリックアカウントタイプ"）;記事2.setDescription（ ""）;記事2.setpicurl（ "http://avatar.csdn.net/1/4/a/1_lyq8479.jpg"）;記事2.seturl（ "http://blog.csdn.net/lyq8479/article/details/8941577"）;記事2.seturl（ "http://blog.csdn.net/lyq8479/article/details/8941577"）;第3条=新しい記事（）; article3.settitle（ "Telegraph 3/n開発モードのイネーブルメントとインターフェイス構成"）; article3.setdescription（ ""）; article3.setpicurl（ "http://avatar.csdn.net/1/4/a/1_lyq8479.jpg"）; article3.seturl（ "http://blog.csdn.net/lyq8479/article/details/8944988"）; articlelist.add（第1条）; ArticLeList.Add（第2条）; ArticLeList.Add（第3条）; newsmessage.setarticlecount（articlelist.size（））; newsmessage.setarticles（articleList）; respmessage = messageutil.newsmessagetoxml（newsmessage）; } //複数のグラフィックメッセージとテキストメッセージ---最初のメッセージには画像が含まれていません。 article1.settitle（ "Wechat Publicアカウント開発チュートリアルJavaバージョン"）;記事1.setDescription（ ""）; //画像を空に設定します。記事1.setpicurl（ ""）;記事1.seturl（ "http://blog.csdn.net/lyq8479"）;第2条=新しい記事（）;第2条セティットル（「メッセージおよびメッセージ処理ツールのパッケージ」）;記事2.setDescription（ ""）;記事2.setpicurl（ "http://avatar.csdn.net/1/4/a/1_lyq8479.jpg"）;記事2.seturl（ "http://blog.csdn.net/lyq8479/article/details/8949088"）;第3条=新しい記事（）;第33条（ "第5条/neceiveおよびさまざまなメッセージの応答"）; article3.setdescription（ ""）; article3.setpicurl（ "http://avatar.csdn.net/1/4/a/1_lyq8479.jpg"）; article3.seturl（ "http://blog.csdn.net/lyq8479/article/details/8952173"）;第4条=新しい記事（）;第4条セッティトレ（「第6条/nrevealテキストメッセージのコンテンツ長い制限」）;記事4.setDescription（ ""）;記事4.setpicurl（ "http://avatar.csdn.net/1/4/a/1_lyq8479.jpg"）;記事4.seturl（ "http://blog.csdn.net/lyq8479/article/details/8967824"）; articlelist.add（第1条）; ArticLeList.Add（第2条）; ArticLeList.Add（第3条）; articlelist.add（第4条）; newsmessage.setarticlecount（articlelist.size（））; newsmessage.setarticles（articleList）; respmessage = messageutil.newsmessagetoxml（newsmessage）; } //複数のグラフィックメッセージ---最後のメッセージには画像が含まれていません。 article1.settitle（ "テキストメッセージでのニューラインの使用"）;記事1.setDescription（ ""）;記事1.setpicurl（ "http://0.xiaoqrobot.duapp.com/images/avatar_liufeng.jpg"）;記事1.seturl（ "http://blog.csdn.net/lyq8479/article/details/9141467"）;第2条=新しい記事（）;第2条セッティトレ（「テキストメッセージでWebハイパーリンクを使用する」）;記事2.setDescription（ ""）;記事2.setpicurl（ "http://avatar.csdn.net/1/4/a/1_lyq8479.jpg"）;記事2.seturl（ "http://blog.csdn.net/lyq8479/article/details/9157455"）;記事2.seturl（ "http://blog.csdn.net/lyq8479/article/details/9157455"）;第3条=新しい記事（）; article3.settitle（「記事が役立つと思うなら、ブログにメッセージを残すか、weChatのパブリックアカウントXiaoqrobotをフォローしてLiu Fengをサポートしてください！」）; article3.setdescription（ ""）; //画像を空に設定します。Stoppicurl（ ""）; article3.seturl（ "http://blog.csdn.net/lyq8479"）; articlelist.add（第1条）; ArticLeList.Add（第2条）; ArticLeList.Add（第3条）; newsmessage.setarticlecount（articlelist.size（））; newsmessage.setarticles（articleList）; respmessage = messageutil.newsmessagetoxml（newsmessage）; }}} catch（例外e）{e.printstacktrace（）; } repmessageを返します。 } / ** *絵文字式の式変換（hex-> utf -16） * * @param hexemoji * @return * / public static string emoji（int hexemoji）{return string.valueof（character.tochars（hexemoji））; }}上記のコードで実装された関数は、次のように、5つの異なる形式のグラフィックメッセージをユーザーに返信することです。
a）ユーザーは1を送信し、単一のテキストメッセージに返信します。参照コード行68〜81、操作効果は次のとおりです。
b）ユーザーは2つを送信し、テキストメッセージに返信します - 写真なし。参照コード行82〜96、操作効果は次のとおりです。
説明：グラフィックメッセージのタイトルと説明には、QQ式と象徴的な表現を含めることができます。
c）ユーザーは3を送信し、複数のグラフィックメッセージとテキストメッセージに応答します。参照コード行97〜123、操作効果は次のとおりです。
注：マルチグラフィックメッセージの場合、説明は表示されません。ラインブレークをタイトルで使用して、ディスプレイをより美しくすることができます。
d）ユーザーは4を送信し、複数のグラフィックメッセージに返信します。最初のメッセージには写真が含まれていません。参照コード行124〜158、操作効果は次のとおりです。
e）ユーザーは5を送信し、複数のグラフィックメッセージに応答します。最後のメッセージには写真が含まれていません。参照コード行159〜186、操作効果は次のとおりです。
グラフィックメッセージとテキストメッセージには、豊富なコンテンツと多様な形式の表現があることがわかります。それぞれの特性と実際の使用ニーズに応じて、誰もがそれらを合理的に使用できることを願っています。
最後に、実際の経験に基づいて、グラフィックメッセージとテキストメッセージの使用を要約します。
1）グラフィックメッセージとテキストメッセージのURL属性に値を必ず割り当ててください。単一の写真、複数の写真、写真のない写真であろうと、ユーザーはクリックすることができます。 URLが空の場合、ユーザーはクリックした後に空白のページを開き、ユーザーの体験が非常に低くなります。
2）単一の写真とテキストの説明のみが表示され、複数の写真とテキストの説明は表示されません。
3）QQの絵文字と象徴的な絵文字は、グラフィックメッセージとテキストメッセージのタイトルと説明で使用できます。絵文字を合理的に使用すると、メッセージがより鮮明になります。
4）ラインブレークは、グラフィックメッセージとテキストメッセージのタイトルと説明で使用できます。ラインブレークを合理的に使用すると、コンテンツ構造がより明確になります。
5）ハイパーテキストリンク（HTMLの<a>タグ）は、グラフィックメッセージとテキストメッセージのタイトルと説明ではサポートされていません。技術的に不可能であるだけでなく、グラフィックメッセージとテキストメッセージの場所がクリックされるため、WeChatの組み込みブラウザがURLを開くために呼び出されるため、論理的にも意味があります。タイトルと説明にいくつかのハイパーリンクを入れた場合、どのページをクリックして開くかわかりません。何人かの学生がこの質問をしているのか、私は本当に理解していません。多くの写真やテキストをデザインするのは良いことではありませんか？
6）グラフィックメッセージとテキストメッセージのリンクと画像リンクは、外部ドメイン名でリソースを使用できます。たとえば、この例では、Liu Fengのアバターとブログ投稿リンクはすべてCSDN Webサイトへのリソースです。グラフィックメッセージとテキストメッセージのURLとPicurlを外部リンクに使用できないと信じる人はたくさんいます。この噂がどこから始まったのかわかりません。実践は、真実をテストするための唯一の基準です！
7）指定されたサイズの写真を使用します。最初の画像の推奨画像サイズは640*320で、他の写真の推奨画像サイズは80*80です。使用されている画像が大きすぎると、ゆっくりとロードされ、トラフィックが消費されます。使用されている画像が小さすぎる場合、表示後に伸びます。これは、歪んでいる場合は醜いです。
8）写真とテキストメッセージは、1-4で制御することをお勧めします。このようにして、1つの画面をほとんどの端子に表示でき、ユーザーは一目でメッセージのメインコンテンツを大まかに理解できます。
上記はこの記事のすべての内容です。この記事の内容が、すべての人の勉強や仕事に役立つことを願っています。また、wulin.comをもっとサポートしたいと思っています！