WeChat ミニプログラム開発における疑問に対する解決策のまとめ

この記事は主に、WeChat ミニ プログラムの開発に関するさまざまな質問と回答をまとめたもので、必要とするすべての友人にとって、特定の参考と学習価値があります。来て下を見てみましょう。

前書き

最近、WeChat ミニ プログラムへの回答をまとめましたが、ミニ プログラムの担当者として、私はミニ プログラムが最初にニュースを発表したときにここで指摘した点をよく理解しています。ミニ プログラムが提供するように、コンポーネントまたは API が豊富で安定しており、互換性がある場合にのみ、ミニ プログラムの迅速な開発というコンセプトを実現できます。現在、互換性が理想的ではないコンポーネントが多く、まだ最適化されているコンポーネントもあります。ミニプログラムの開発には非常に制限があり、座って待つことしかできません。 。 。サードパーティ ライブラリを使用して実装したい場合、ミニ プログラムはサードパーティ ライブラリの実践をサポートしないと明確に規定しており、最終的にはミニ プログラムのレビュー プロセスは 100% 失敗します。

1.scroll-view には iOS のバグがあります

このコンポーネントを使用してページを開発する場合、組み込みのスクロール効果により、Y 軸のスライドによって iOS のネイティブ ラバー バンド効果がトリガーされるとき、プルダウン、スクロールビューはできないようです。スライドバグは、ラバーバンド効果のない Android システムでは存在しません。最新バージョン 0.11.122100 がまだ存在する場合は、次のバージョンで処理されます。

2. WeChatバージョン6.3.31の入力のフォーカスが無効です

これはミニプログラム更新ログレコードで解決されています

2016-12-22更新ログ

1.F Repair コンポーネント 開発者ツールでフォーカスを失ったときにコンテンツが消去される問題

3. iOS でナビゲーションを使用してページに移動すると、白い画面のバグが表示されることがあります

後のバージョンで修正されました

4 .tabBar アイコンのサイズはさまざまなプラットフォームで一貫性がありません

正式に知られており、以降のバージョンで修正される予定です

5 の戻りナビゲーション バーに修正されたバグがあります。 iOS

tabBarの問題は正式に知られており、次のバージョンで修正される予定です開発者がtabBar

6の切り替えを直接制御できるようにswitchTabインターフェイスが追加されます。クリックイベントはマップオーバーレイに追加できません。ユーザーがクリックしたオーバーレイを取得することは不可能です

正式に知られており、後のバージョンで修正される予定です

7 .ミニプログラムは偽装WebViewをサポートできますか

サポートされていません

8. Android WeChatが6.3にアップデートされた後.32では、通常のページからタブバーのあるページへのジャンプはサポートされません

新バージョンには専用のAPIが用意されますタブバーのページにジャンプするには、以前の処理方法では論理的な問題が発生します

9。スワイパーで円形カルーセルを実装する方法

現在のバージョンは円形属性

10をサポートしています。複数の入力を素早くクリックするとメッセージが表示されます 問題

この問題は正式に修正されており、リリースバージョンを待っています

11. デバッグ時にWXMLが空白になることが多い

は修正され、開発ツールの次のバージョンが更新されます

12.scroll-viewオーバーラップするとイベント貫通の問題が発生します

将来修正される予定です

13. Android では、1rpx の境界線が表示されない場合があります

一部の Android スマートフォンでは、rpx 表示の値が小さいという不完全な問題があります。WeChat の新しいバージョンではこの問題が修正されます

14. ミニプログラムから通常の Web リンクを開けますか

現在はサポートされていません

15. スクロールビューにはテキストエリアがあり、その内容は変更できません

現在は公式にはサポートされていません

16. WXSS ファイルに CSS 3 アニメーションを書き込む場合、[コンパイル] をクリックすると、直接エラーが報告され、コンパイルは成功しません。

現在、公式はさらに多くの css3 属性をサポートします。将来的には、プロパティ

17. WeChat アプレットのキャンバス関連 API に、キャンバスを画像に変換するための関連 API インターフェイスが不足していることが判明しました

WeChat 6.3.30 では、wx.canvasToTemFilePath がサポートされています。キャンバスを一時的に画像に変換するために使用できます

18. 現在提供されているキャンバス描画インターフェイスは、Web ページのネイティブ API と互換性がありません

はい

19. ミニ プログラムの開発、タブの移動方法トップへ

WeChat 6.3.30はtabBarをサポートしました

ミニプログラムのAPIで画像の元の幅と高さを取得するインターフェースはすでにサポートされていますか？ 30、画像コンポーネントのバインドロードイベントは、画像の元の幅と高さを返すことができます

21. ミニプログラムは、ECharts などの外部チャートライブラリを参照できます

正式にはまだサポートされていません

22。カスタム フォント アイコンは使用できますか? カスタム フォントはサポートされていますが、オンライン フォントを使用する必要があり、フォントを保存するサーバーはクロスドメインを許可する必要があります

23。 Android でのエラー

開発ツールによって提供される ES6 から ES5 への関数は構文の変換のみを行い、Promise などの新しい ES6 API では、開発者がそれを解決するために Polyfill または他のクラス ライブラリを導入する必要があります

24.wx.getImageInfo にはAndroid で情報を取得できないバグ

WeChat バージョン 6.3.31 Android クライアントにはこのバグがあります

新しいバージョンでは修正されます。

25. ミニ プログラムのサイズは 1 MB です。正式にリリースされると、このコントロールは拡大されますか? 26. getUserInfo インターフェイスは、unionid を取得できません。 ?

必須 WeChat オープン プラットフォーム Web サイト (https://open.weixin.qq.com) にアクセスして、ミニ プログラムを他の公式アカウントまたはアプリにバインドすると、unionid が返されます

27。 WeChat ミニ プログラムはハードウェアとの対話をサポートしていますか?たとえば、Bluetooth や Wi-Fi を介したハードウェアとのデータ通信

公式は将来この機能をリリースする可能性があります

28. 完了した録音の形式は何ですか

携帯電話での録音は現在行われています。 SILK 形式であり、SILK は Skype によって内部開発されています。Skype 間の通話のデフォルト コーデックとして使用される音声コーデックです。 SILK は、オーディオ帯域幅、ネットワーク ビット レート、複雑さの点で拡張性が高く、複数のモードとアプリケーションを選択できるコーデックです

29. ミニ プログラムは、ユーザーの携帯電話のアドレス帳へのアクセス許可を許可しますか?

現在サポートされていません

30. iPad ミニ プログラムはプレビューできないようです

ミニ プログラムは現在 iPad でサポートされていません

31. ミニ プログラムはテキスト、写真、リンクの転送をサポートしていますか?友達ですか、サークルですか?

公式の答え: 共有機能は近々提供される予定です。公式ドキュメントに注意してください

チェックボックス イベント バインドは

を介してのみ行われますか?イベントを変更すると、checkbox-group がトリガーされます

33。ページをスクロールし、一番下までスクロールして、新しいコンテンツを読み込むことはできません

WeChat 6.3.30 では、onReachBottom イベント

34 を使用する場合、ページ構成がサポートされています。 Canvas コンポーネント、キャンバス情報は保存できません

公式回答: まだサポートされていません。すぐにサポートされます

35. Cookie パラメーターをアップロードファイルのヘッダーに含めることはできません

WeChat バージョンの iOS クライアント6.3.31 にはこのバグがあり、新しいバージョンはすぐに修正される予定です

36.WXML Mustache 構文 (二重中括弧) は、対応するターゲット データが HTML テキストの一部である場合、データをバインドするために使用されます。 ?どのように縛ればよいのでしょうか？

正式にはまだサポートされていません

37. コード内でいくつかのツール ライブラリを使用できますか?たとえば、npm install を通じてサードパーティのツールライブラリをインストールできます

現時点では画像の幅と高さを取得できないようです。現時点では解決策はありますか？画像の幅と高さの設定を表示できます

39. WeChat アプレットには電話をかけたりメールを送信したりする方法がありますか

現在、電話をかけることはサポートされていますが、メールはまだサポートされていません

40。サブマーチャントへの支払いの場合、呼び出しインターフェイスは以前の Web と同じになります。 開発用途は同じですか? 現在、サブマーチャントへの支払いはサポートされていません。 41. 独自の API インターフェイスに加えて、 WeChat ミニ アプリケーションは、他の外部 API または JS プラグインの読み込みをサポートしていますか?

現在サポートされていません

42. HLSなどのビデオライブブロードキャストまたはオーディオライブブロードキャストをサポートしていますか

公式の回答: 私たちは常にテクノロジーを改善しており、すぐにサポートを提供する予定です

43。たとえば、「完了」ボタンがトリガーされると、対応するアクションが実行されます。これまでのところ、

入力ボックス (input/textarea) のサポートはありません。

44 開発ツールは Linux 環境と Windows 2003/XP システムをサポートしていますか? 現在サポートされていません

45。アプレットとサーバー プログラムを 1 つのマシン上で同時に実行できます。WeChat アプレットはどこにありますか? 開発中にローカル サーバーにアクセスするにはどうすればよいですか

現在、サーバーはドメイン名を使用する必要があり、ローカル デバッグをサポートしていません

46。フィードバックをレビュー担当者に直接送信する方法

公式の回答: フォローアップの WeChat パブリック プラットフォームで提供します。プログラムはレビュー ページを送信し、テスト アカウント (アカウント + パスワード フォーム) を追加し、レビューの説明を記入します。 。レビューの問題については、AppReview@tencent.com に電子メールを送信してください。フィードバックをレビューする専任担当者を手配します

現在、個人の開発者は登録できませんか?

、他の組織、および個人はサポートされています 開発者はまだ登録をサポートしていません

48. ミニ プログラム ツールでコードを作成する際に Promise を使用すると、次のエラー メッセージが表示されます: TypeError: Promise はコンストラクターではありません

。公式の回答: 3 つの目的を確実に統合するために、0.11 バージョンのツールでは Promise を削除する必要があります。開発者は互換性ライブラリを自分で導入する必要があります そこで、私は軽量で解決済みの Promise.min ライブラリを導入しました。

49. inputコンポーネントにはbindInputイベントがありますが、textareaコンポーネントにはありません

2016年12月22日にコンポーネントイベントbininputを追加しました</p> <p></p>50。 WeChat IDを切り替えた後は?<p><strong></strong>公式の回答: クリアされませんが、他のユーザーがログインすると、前のユーザーが残したデータにアクセスできなくなります</p> <p></p>51。 wx.navigateToは無効になります<p><strong><p>私は開発中に公式の tabBar を使用せず、自分で tabBar を作成したため、そのようなシナリオには遭遇しませんでした。公式の tabBar を使用する場合は、wx.switchTab を使用してジャンプするだけです</p> <p><strong>52.background-image は、相対パス 画像を表示できません</strong></p> <p>ネットワークアドレス画像、base64、またはイメージタグを使用して問題を解決できます</p> <p><span style="color: #ff0000"><strong>概要</strong></span></p></strong></p><p>以上がWeChat ミニプログラム開発における疑問に対する解決策のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明：</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事：<a class="dBlack" title="WeChat アプレットで実装されるデータ処理の詳細な説明" href="http://m.php.cn/ja/faq/378597.html">WeChat アプレットで実装されるデータ処理の詳細な説明</a></span><span>次の記事：<a class="dBlack" title="WeChat アプレットで実装されるデータ処理の詳細な説明" href="http://m.php.cn/ja/faq/378599.html">WeChat アプレットで実装されるデータ処理の詳細な説明</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="http://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ja/faq/347763.html" title="WeChat ミニ プログラムの簡単なデモのレイアウト、ロジック、スタイルの演習" class="aBlack">WeChat ミニ プログラムの簡単なデモのレイアウト、ロジック、スタイルの演習</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/347764.html" title="WeChatアプレットwx.request（インターフェース呼び出しメソッド）の詳しい説明と例" class="aBlack">WeChatアプレットwx.request（インターフェース呼び出しメソッド）の詳しい説明と例</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/347765.html" title="WeChat ミニ プログラム - WeChat ログイン、WeChat 支払い、テンプレート メッセージの詳細な説明" class="aBlack">WeChat ミニ プログラム - WeChat ログイン、WeChat 支払い、テンプレート メッセージの詳細な説明</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/347766.html" title="WeChatアプレット（アプリケーションアカウント）の簡単なアプリケーション例とその例の詳細な説明" class="aBlack">WeChatアプレット（アプリケーションアカウント）の簡単なアプリケーション例とその例の詳細な説明</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/347767.html" title="ループ用のWeChatアプレットの詳細な説明" class="aBlack">ループ用のWeChatアプレットの詳細な説明</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><p>ホームページ</p></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><p>コース</p></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><p>に質問</p></a></li><li><a href="http://m.php.cn/ja/login"><b class="icon5"></b><p>私の</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ja/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><span>ホームページ</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><span>コース</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/article.html"><b class="icon3"></b><span>記事</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><span>に質問</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/dic.html"><b class="icon6"></b><span>辞書</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course/type/99.html"><b class="icon7"></b><span>マニュアル</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/xiazai/"><b class="icon8"></b><span>ダウンロード</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/faq/zt" title="特集"><b class="icon12"></b><span>特集</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ja/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ja/" >ホームページ</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/article.html" class="hover">記事</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/wenda.html" >に質問</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/course.html" >コース</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/faq/zt" >特集</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/xiazai" >ダウンロード</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/game" >ゲーム</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/dic.html" >辞書</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>