WeChatアプレットでQRコードを識別するために長押しする実装プロセス

序文

公式アカウントの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を応援していただければ幸いです。