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

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を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • WeChatアプレットWebViewを使用して長押しでQRコードを認識する方法の例
  • WeChatアプレットは画像をクリックすると、長押しプレビュー、保存、パラメータ付きQRコードの識別、転送などの機能を実現します。

<<:  CentOS7でFTPサーバーを設定する方法

>>:  MySQL 起動時に「サーバーは PID ファイルを更新せずに終了しました」というエラーが報告される理由の詳細な分析

推薦する

VMWare仮想マシンにCentOS7システムをインストールする詳細な手順

インストール前の作業: VMware Workstation がインストールされていることを確認し、...

CSS 疑似クラス: 空っぽだと光る (サンプルコード)

最近私の記事を読んだ人なら誰でも、私が現在WeChatミニプログラムプロジェクトを担当しており、その...

Jenkins でユーザー ロールの権限を設定する方法

Jenkinsのユーザーロール権限の設定には、ロール戦略プラグインのインストールが必要です。 1.ロ...

nginx の場所に複数の Proxy_pass メソッドがある

1. まず、nginxの位置情報に関する関連知識を確認しましょう1) 位置マッチング手順: ~ #波...

ハイパーリンクに関するいくつかの質問

ポテトチップスパーティーのこのエピソードに参加して、何人かの友人に会えてとても嬉しいです。思いがけず...

Mac ノードの削除と再インストールのケーススタディ

Macノードの削除と再インストール消去 ノード -v sudo npm アンインストール npm -...

JS の Promise に中止関数を追加する方法

目次概要プロミスレースメソッド約束の再パッケージ化中止コントローラAxiosプラグインにはキャンセル...

VMware Workstation Pro でサーバー仮想マシンを構築する (グラフィック チュートリアル)

私が使用している VMware Workstation Pro のバージョンは次のとおりです。 1....

MySQL 結合バッファの原理

目次1. MySQL 結合バッファ2. JoinBufferCacheストレージスペースの割り当て3...

複合主キーと複数列インデックスに遭遇した場合の MySQL 行ロックの詳細な説明

背景今日、他のプロジェクト チームと協力してシス​​テムのストレス テストを実施しているときに、プロ...

VueコンポーネントライブラリElementUIはテーブルリストのページング効果を実現します

ElementUIはテーブルリストのページング効果のチュートリアルを実装しています。参考までに。具体...

入力ファイルの制御と美化について

一部のWebサイトでアップロードする場合、「参照」ボタンをクリックすると、[ファイルの選択]ダイアロ...

process.env.NODE_ENV 本番環境モードを設定する方法

始める前に、process.env.NODE_ENV にはデフォルトで開発と本番の 2 つの状態しか...

HTML テーブルの使い方 (Web ページの視覚効果を表示する)

NetEase Blog で HTML を使用する場合、テンプレートに直接コードを追加できることは...