序文公式アカウントのQRコードは長押しで認識できることは皆さんご存じですが、ミニプログラムに対する制限は比較的厳しく、QRコードの長押し認識を実現する方法はありません。私はずっとそう信じてきましたが、これはWeChatの公式ルールにも書かれています。今朝まで、ミニプログラムのQRコードは実際に長押しで認識できることを偶然発見したので、興味を持って調べたところ、ミニプログラムでQRコードを長押しして認識することは本当に可能であることがわかりました。公式の抜け穴なのか、プログラムのバグなのかは分かりませんが、この機能が実現できるのですから、当然喜んで使うしかありません。 いつものように、まずはレンダリングを見てみましょう ご覧のとおり、ミニプログラムで長押しして QR コードを認識する機能を実装できました。それを達成する方法を段階的に教えていきましょう。公式仕様ではこの機能がサポートされていることがまだ明確に記載されていないため、この機能はいつでも無効になる可能性があります。まずはここで楽しんでもらい、できるだけ長く楽しんでもらいます。 まず、WebViewを使用して公式アカウントの記事を表示します公式アカウントの記事には長押しして QR コードを識別する機能があることがわかっているので、まずミニプログラムで長押しして QR コードを識別し、次にミニプログラムで公式アカウントの記事を表示する必要があります。ミニプログラムで公式アカウントの記事を表示するにはどうすればよいでしょうか。ここでは、Webview を使用する必要があります。 Webview の使い方は非常に簡単です。以下の手順に従ってください。 src は、弊社公式アカウントの記事に対応するリンクです。このように記述するだけでコード部分が完成し、残りは設定作業のみです。 次に、ミニプログラムを公式アカウントにリンクする必要があります公開アカウントの記事へのリンクを見つけてWebビューに配置すると、次のような問題が発生します。 次に、公式アカウントのバックグラウンドでミニプログラムをリンクする必要があります。 ここではミニプログラムの appid がどこにあるかは説明しません。ミニプログラムを学習したことがあるなら、appid がどこで取得できるかは間違いなくわかっているはずです。 3.設定後、長押しして直接識別することができます上記の関連付けの後、数分間の遅延が発生するため、開発者ツールを閉じてから再度開くことをお勧めします。 ミニプログラムのウェブビューに公式アカウントの記事が正常に表示されていることがわかります。次に、次のように携帯電話でプレビューします。 これは末尾に QR コードが付いた標準的な公開アカウント記事であることがわかります。では、このQRコードを長押しすることで認識できるのでしょうか? 長押ししてQRコードを認識できたことがわかります。 この時点で、ミニプログラムで長押しして QR コードを認識できるように実装できました。 。 。 できるだけ早く試してみる必要があります。 WeChat の担当者がこの機能を明確に開発していないため、100% の成功を保証することはできません。しかし、ミニプログラムをモーメントに共有できるようになったことで、ミニプログラム内のQRコードを長押しして識別することが禁止されることはなくなると思いますので、この機会にこの機能を試してみてください。 要約するWeChatミニプログラムで長押ししてQRコードを識別する方法についての記事はこれで終わりです。WeChatミニプログラムで長押ししてQRコードを識別する方法に関するより関連性の高い内容については、123WORDPRESS.COMの以前の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後も123WORDPRESS.COMを応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: MySQL 起動時に「サーバーは PID ファイルを更新せずに終了しました」というエラーが報告される理由の詳細な分析
インストール前の作業: VMware Workstation がインストールされていることを確認し、...
最近私の記事を読んだ人なら誰でも、私が現在WeChatミニプログラムプロジェクトを担当しており、その...
Jenkinsのユーザーロール権限の設定には、ロール戦略プラグインのインストールが必要です。 1.ロ...
1. まず、nginxの位置情報に関する関連知識を確認しましょう1) 位置マッチング手順: ~ #波...
ポテトチップスパーティーのこのエピソードに参加して、何人かの友人に会えてとても嬉しいです。思いがけず...
Macノードの削除と再インストール消去 ノード -v sudo npm アンインストール npm -...
目次概要プロミスレースメソッド約束の再パッケージ化中止コントローラAxiosプラグインにはキャンセル...
私が使用している VMware Workstation Pro のバージョンは次のとおりです。 1....
目次1. MySQL 結合バッファ2. JoinBufferCacheストレージスペースの割り当て3...
背景今日、他のプロジェクト チームと協力してシステムのストレス テストを実施しているときに、プロ...
目次現象根本原因分析getLastPacketReceivedTimeMs() メソッドの呼び出し時...
ElementUIはテーブルリストのページング効果のチュートリアルを実装しています。参考までに。具体...
一部のWebサイトでアップロードする場合、「参照」ボタンをクリックすると、[ファイルの選択]ダイアロ...
始める前に、process.env.NODE_ENV にはデフォルトで開発と本番の 2 つの状態しか...
NetEase Blog で HTML を使用する場合、テンプレートに直接コードを追加できることは...