PC WeChat スキャンコードログイン
最近、PC WeChat スキャンコードログインが必要になっています。WeChat コードをスキャンするには 2 つの方法があります。1 つは新しい QR コード ページを開(kāi)く方法、もう 1 つは製品を埋め込む方法です。ウェブページ 。今回は埋め込み型 QR コードを例に挙げて、ページ上にログイン用 QR コードを表示する方法について非常にわかりやすく説明していますので、詳細(xì)は説明しません。
WeChat QR コードスタイルのカスタマイズの問(wèn)題を解決します
すべての準(zhǔn)備が完了すると、Web ページ上の QR コードはデフォルトで次のようになります。 
非常に大きいことは言うまでもなく (デフォルトの QR コード サイズは 280x280)、WeChat ログイン用のタイトルもあり、以下にログインするためのコードをスキャンするように求めるプロンプトもあります。
幸いなことに、WeChat には、以前に QR コードをインスタンス化するときに、スタイルをカスタマイズする機(jī)會(huì)を提供する API が殘されており、インスタンス オブジェクトの href 屬性を使用してスタイルを設(shè)定できます。
<span style="font-size: 16px;"> var obj = new WxLogin({<br> ? ? ? ? ? ? ? ? ? ? ? ?id:"login_container", <br> ? ? ? ? ? ? ? ? ? ? ? ?appid: "", <br> ? ? ? ? ? ? ? ? ? ? ? ?scope: "", <br> ? ? ? ? ? ? ? ? ? ? ? ?redirect_uri: "",<br> ? ? ? ? ? ? ? ? ? ? ? ?state: "",<br> ? ? ? ? ? ? ? ? ? ? ? ?style: "",<br> ? ? ? ? ? ? ? ? ? ? ? ?href: "../qrcode.css"//就是這個(gè)屬性<br> ? ? ? ? ? ? ? ? ? ? ? });<br></span>
殘念ながら、href にスタイル ファイルのアドレスを渡すと、エラーが報(bào)告されます。 WeChat はセキュリティ上の理由から https リソースへのアクセスのみを許可しているようです。そこで、2 番目のソリューションの data-url を使用します。
data-urlにアクセスしてスタイルの問(wèn)題を解決します
今のcssリソースをdata-urlに変換するnodejsスクリプトを書(shū)きます。具體的なコード実裝は次のとおりです:
<span style="font-size: 16px;">var fs = require('fs');<br><br>// function to encode file data to base64 encoded string<br>function base64_encode(file) {<br> ? ?// read binary data<br> ? ?var bitmap = fs.readFileSync(file);<br> ? ?// convert binary data to base64 encoded string<br> ? ?return 'data:text/css;base64,'+new Buffer(bitmap).toString('base64');<br>}<br><br>console.log(base64_encode('./qrcode.css'))<br></span>
ノード スクリプトを?qū)g行し、出力されたデータ URL をコピーして、それを href に割り當(dāng)てます。 
<span style="font-size: 16px;"> var obj = new WxLogin({<br> ? ? ? ? ? ? ? ? ? ? ? ?id:"login_container", <br> ? ? ? ? ? ? ? ? ? ? ? ?appid: "", <br> ? ? ? ? ? ? ? ? ? ? ? ?scope: "", <br> ? ? ? ? ? ? ? ? ? ? ? ?redirect_uri: "",<br> ? ? ? ? ? ? ? ? ? ? ? ?state: "",<br> ? ? ? ? ? ? ? ? ? ? ? ?style: "",<br> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? href:"data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O30NCi5pbXBvd2VyQm94IC50aXRsZSB7ZGlzcGxheTogbm9uZTt9DQouaW1wb3dlckJveCAuaW5mbyB7d2lkdGg6IDIwMHB4O30NCi5zdGF0dXNfaWNvbiB7ZGlzcGxheTpub25lf<br>Q0KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO30="//data-url<br> ? ? ? ? ? ? ? ? ? ? ? });<br></span>
ここでは MIME タイプに注意してください。必ず text/css を返してください。
カスタマイズされた QR コード: 
関連チュートリアル:
JavaScript で QR コードを生成する 2 つの方法
以上がWeChat ログイン コード スキャン スタイルをカスタマイズするためのソリューションの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫(huà)像を無(wú)料で
Undresser.AI Undress
リアルなヌード寫(xiě)真を作成する AI 搭載アプリ
AI Clothes Remover
寫(xiě)真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類(lèi)リムーバー
Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無(wú)料のコードエディター
SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開(kāi)発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
Win11システムに中國(guó)語(yǔ)言語(yǔ)パックをインストールできない問(wèn)題の解決策
Mar 09, 2024 am 09:48 AM
Win11 システムに中國(guó)語(yǔ)言語(yǔ)パックをインストールできない問(wèn)題の解決策 Windows 11 システムの発売に伴い、多くのユーザーは新しい機(jī)能やインターフェイスを體験するためにオペレーティング システムをアップグレードし始めました。ただし、一部のユーザーは、アップグレード後に中國(guó)語(yǔ)の言語(yǔ)パックをインストールできず、エクスペリエンスに問(wèn)題が発生したことに気づきました。この記事では、Win11 システムに中國(guó)語(yǔ)言語(yǔ)パックをインストールできない理由について説明し、ユーザーがこの問(wèn)題を解決するのに役立ついくつかの解決策を提供します。原因分析 まず、Win11 システムの機(jī)能不全を分析しましょう。
Black Shark攜帯電話の電源が入らない問(wèn)題を解決する方法を教える5つのヒント!
Mar 24, 2024 pm 12:27 PM
スマートフォン技術(shù)が発展し続けるにつれて、攜帯電話は私たちの日常生活においてますます重要な役割を果たしています。 Black Shark フォンは、ゲーム パフォーマンスに重點(diǎn)を置いたフラッグシップ フォンとして、プレイヤーから高い支持を得ています。ただし、場(chǎng)合によっては、Black Shark 攜帯電話の電源が入らないという狀況にも直面するため、この問(wèn)題を解決するために何らかの措置を講じる必要があります。次に、Black Shark 攜帯電話の電源が入らない問(wèn)題を解決する方法を説明する 5 つのヒントを共有しましょう: ステップ 1: バッテリー殘量を確認(rèn)する まず、Black Shark 攜帯電話に十分な電力があることを確認(rèn)します。攜帯電話のバッテリーが消耗している可能性があります
小紅書(shū)で公開(kāi)するときに寫(xiě)真が自動(dòng)的に保存される問(wèn)題を解決するにはどうすればよいですか?投稿時(shí)に自動(dòng)保存された畫(huà)像はどこにありますか？
Mar 22, 2024 am 08:06 AM
ソーシャルメディアの継続的な発展に伴い、Xiaohongshu はますます多くの若者が自分たちの生活を共有し、美しいものを発見(jiàn)するためのプラットフォームとなっています。多くのユーザーは、畫(huà)像を投稿する際の自動(dòng)保存の問(wèn)題に悩まされています。では、この問(wèn)題をどうやって解決すればよいでしょうか? 1.小紅書(shū)で公開(kāi)するときに寫(xiě)真が自動(dòng)的に保存される問(wèn)題を解決するにはどうすればよいですか? 1. キャッシュをクリアする まず、Xiaohongshu のキャッシュ データをクリアしてみます。手順は次のとおりです: (1) 小紅書(shū)を開(kāi)いて右下隅の「マイ」ボタンをクリックします。 (2) 個(gè)人センター ページで「設(shè)定」を見(jiàn)つけてクリックします。 (3) 下にスクロールして「」を見(jiàn)つけます。 「キャッシュをクリア」オプションを選択し、「OK」をクリックします。キャッシュをクリアした後、Xiaohongshu を再起動(dòng)し、寫(xiě)真を投稿して、自動(dòng)保存の問(wèn)題が解決されるかどうかを確認(rèn)します。 2. 小紅書(shū)バージョンを更新して、小紅書(shū)が正しく動(dòng)作することを確認(rèn)します。
このデバイスにドライバーをロードできません。解決するにはどうすればよいですか? (個(gè)人的にテスト済みで有効です)
Mar 14, 2024 pm 09:00 PM
コンピューターがドライバーを読み込めない場(chǎng)合、デバイスが正しく動(dòng)作しないか、コンピューターと正しく対話できない可能性があることは誰(shuí)もが知っています。では、このデバイスにドライバーをロードできないことを示すプロンプト ボックスがコンピューターに表示された場(chǎng)合、問(wèn)題を解決するにはどうすればよいでしょうか?以下のエディタでは、問(wèn)題を簡(jiǎn)単に解決する 2 つの方法を説明します。このデバイスにドライバーをロードできません 解決策 1. スタート メニューで「カーネル分離」を検索します。 2. メモリの整合性をオフにします。上記のメッセージには、「メモリの整合性がオフになっています。デバイスは脆弱である可能性があります。」というメッセージが表示されます。戻るボタンをクリックして無(wú)視してください。使用には影響しません。 3. マシンを再起動(dòng)すると、問(wèn)題が解決することがあります。
Oracle エラー 3114 の解釈: 原因と解決策
Mar 08, 2024 pm 03:42 PM
タイトル: Oracle エラー 3114 の分析: 原因と解決策 Oracle データベースを使用すると、さまざまなエラー コードが頻繁に発生しますが、その中で比較的一般的なのはエラー 3114 です。このエラーには通常、データベース リンクの問(wèn)題が関係しており、データベースへのアクセス時(shí)に例外が発生する可能性があります。この記事では、Oracle エラー 3114 を解釈し、その原因について説明し、エラーを解決するための具體的な方法と関連するコード例を示します。 1. エラー 3114 の定義 Oracle エラー 3114 パス
デフォルトゲートウェイが自動(dòng)的に消える問(wèn)題の解決方法
Feb 24, 2024 pm 04:18 PM
デフォルトゲートウェイが自動(dòng)的に消えてしまう問(wèn)題の解決方法 現(xiàn)代社會(huì)において、インターネットは人々の生活に欠かせないものとなっています。仕事でも娯楽でも、さまざまなタスクを完了するには安定したネットワーク接続が必要です。デフォルト ゲートウェイは、ローカル ネットワークを外部インターネットに接続する重要な要素の 1 つです。しかし、場(chǎng)合によってはデフォルトゲートウェイが自動(dòng)的に消えてしまい、インターネットにアクセスできなくなるという問(wèn)題が発生することがあります。では、デフォルトゲートウェイがなくなってしまった場(chǎng)合、どうやってこの問(wèn)題を解決すればいいのでしょうか？まず、デフォルト ゲートウェイの概念を明確にする必要があります。デフォルトゲートウェイはネットワークルートです
Huawei ブラウザがこの Web ページにアクセスしなくなった問(wèn)題を解決する方法
Feb 26, 2024 pm 01:28 PM
Huawei ブラウザがこの Web ページにアクセスできなくなった問(wèn)題を解決するにはどうすればよいですか? Huawei モバイルブラウザを使用して特定の Web サイトにアクセスすると、アクセスが禁止されていることを示すプロンプトが表示され、ユーザーが関連コンテンツを正常に閲覧できなくなる場(chǎng)合があります。これはユーザーにとって非常に不便です。では、Huawei モバイル ブラウザ Web サイトへのアクセスが禁止されている狀況に遭遇した場(chǎng)合はどうすればよいでしょうか?以下のエディターは、Huawei ブラウザ Web サイトへのアクセスが禁止されている問(wèn)題の解決策を提供します。 Huawei Browser Web サイトへのアクセスが禁止されている場(chǎng)合の解決策 1. Huawei モバイル ブラウザを開(kāi)いた後、下の三點(diǎn)アイコンをクリックし、[設(shè)定] をクリックします。 2. 設(shè)定を入力後、[セキュリティとプライバシー]をクリックします。 3. [セーフ ブラウジング]の右側(cè)のスイッチをオフにして、Web サイトのアクセス制限を解除します。以上がファーウェイのブラウザWebサイトへのアクセス禁止に対する解決策です。
Black Shark 攜帯電話充電のトラブルシューティングと解決策
Mar 22, 2024 pm 09:03 PM
Black Shark は、強(qiáng)力なパフォーマンスと優(yōu)れたゲーム體験で知られ、ゲーマーやテクノロジー愛(ài)好家に愛(ài)されているスマートフォン ブランドです。ただし、他のスマートフォンと同様に、Black Shark の攜帯電話にもさまざまな問(wèn)題があり、その中でよくあるのが充電の失敗です。充電障害は攜帯電話の通常の使用に影響を與えるだけでなく、より深刻な問(wèn)題を引き起こす可能性があるため、充電の問(wèn)題を時(shí)間內(nèi)に解決することが非常に重要です。この記事では、Black Shark 攜帯電話の充電不良の一般的な原因から始まり、充電の問(wèn)題のトラブルシューティングと解決方法を紹介し、読者が Black Shark 攜帯電話の問(wèn)題を解決するのに役立つことを願(yuàn)っています。
