ホームページ ウェブフロントエンド htmlチュートリアル WeChat で Web ファイルを開くためのヒント

WeChat で Web ファイルを開くためのヒント

Apr 09, 2024 pm 05:33 PM
微信 ウェブドキュメント

WeChat では通常、Web ページ ファイルを開くことが禁止されていますが、次の手順に従うことで WeChat でこれを実現できます。 Web ページ ファイルを開くためのリンクを含む HTML ファイルを作成します。 WeChat に表示するコンテンツを含む Web ページ ファイルを作成します。 WeChat パブリック アカウント (カスタマイズされたメニューと Web サービス) の開発権限を有効にします。 HTML ファイルを WeChat パブリック アカウント ファイル サーバーにアップロードします。 WeChat API を呼び出して Web ページ ファイルを開く JavaScript スクリプトを作成します。 JavaScript スクリプトを参照し、WebSocket イベントをトリガーします。リンクをクリックして、WeChat で Web ページ ファイルを開きます。

WeChat で Web ファイルを開くためのヒント

WeChat で Web ページ ファイルを開く秘訣

はじめに

WeChat で通常、Web ファイルを開くことは許可されていませんが、特別な技術を使用することでこれを実現できます。この記事では、HTML と JavaScript を使用して WeChat で Web ファイルを開く方法を説明します。

ステップ 1: HTML ファイルを作成する

次のコードを含む index.html という名前の HTML ファイルを作成します:

<!DOCTYPE html>
<html>
<head>
    <title>打开网页文件</title>
</head>
<body>
    <a href="page.html">打开网页文件</a>
</body>
</html>
ログイン後にコピー

ステップ 2: Web ページ ファイルを作成する

page.html という名前の別の HTML ファイルを作成します。このファイルには、WeChat で開きたい Web ページ コンテンツが含まれています。

ステップ 3: WeChat パブリック アカウントを構成する

WeChat パブリック アカウントのバックグラウンドで、開発 > インターフェイス権限に移動します。 を選択し、カスタム メニューWeb サービス を有効にします。

ステップ 4: HTML ファイルをアップロードする

index.html および page.html ファイルを WeChat In にアップロードします。パブリックアカウントファイルサーバー。

ステップ 5: JavaScript スクリプトを作成する

次のコードを含む open_page.js という名前の JavaScript ファイルを作成します:

function openPage() {
    WeixinJSBridge.call('openUrl', {
        url: 'http://example.com/page.html'
    });
}
ログイン後にコピー

変数 example.com/page.html を Web ページのファイル アドレスに置き換えます。

ステップ 6: JavaScript スクリプトの参照

index.html# の セクションに次のコードを追加します。 ## ファイル :

<script src="open_page.js"></script>
ログイン後にコピー

ステップ 7: WebSocket イベントをトリガーする

index の <body> セクションに追加します。 html ファイル 次のコード:

<script>
    window.onload = function() {
        document.querySelector('a').addEventListener('click', openPage);
    };
</script>
ログイン後にコピー

実用的なケース

mypage.html という名前の Web ページ ファイルを次の場所で開きたいとします。微信。次の手順に従ってください。

    WeChat パブリック アカウント ファイル サーバーに
  1. mypage.html という名前の HTML ファイルを作成します。このファイルには、表示するコンテンツが含まれています。
  2. open_page.js スクリプトを WeChat パブリック アカウント ファイル サーバーに追加します。
  3. 次のコードを
  4. index.html ファイルに追加します:
  5. <a href="javascript:openPage('mypage.html');">打开网页文件</a>
    ログイン後にコピー
    このリンクをクリックすると、

    page.html ファイルWeChatで開きます。

      Web ページ ファイルで安全な HTTPS プロトコルが使用されていることを確認してください。
    • Web ページ ファイルに機密情報が含まれている場合は、コードに必要なセキュリティ対策を必ず追加してください。

    以上がWeChat で Web ファイルを開くためのヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WeChat モーメントで訪問者を確認できますか? WeChat モーメントで訪問者を確認できますか? May 06, 2024 pm 01:30 PM

WeChat モーメントで訪問者を確認できますか?

WeChat は相手がそれを読んだことをどのようにして知るのでしょうか? WeChat は相手がそれを読んだことをどのようにして知るのでしょうか? Apr 24, 2024 pm 01:45 PM

WeChat は相手がそれを読んだことをどのようにして知るのでしょうか?

「iPhone 16はWeChatをサポートしない可能性がある」との噂があり、中国のApple技術コンサルタントはアプリストア手数料についてテンセントと協議中と述べた 「iPhone 16はWeChatをサポートしない可能性がある」との噂があり、中国のApple技術コンサルタントはアプリストア手数料についてテンセントと協議中と述べた Sep 02, 2024 pm 10:45 PM

「iPhone 16はWeChatをサポートしない可能性がある」との噂があり、中国のApple技術コンサルタントはアプリストア手数料についてテンセントと協議中と述べた

削除されたWeChatチャット履歴を復元する方法 削除されたWeChatチャット履歴を復元する方法 Apr 24, 2024 am 11:36 AM

削除されたWeChatチャット履歴を復元する方法

WeChatでブロックした相手が復活したことをご存知ですか? WeChatでブロックした相手が復活したことをご存知ですか? Apr 24, 2024 pm 01:34 PM

WeChatでブロックした相手が復活したことをご存知ですか?

DeepSeekイメージジェネレーションチュートリアル DeepSeekイメージジェネレーションチュートリアル Feb 19, 2025 pm 04:15 PM

DeepSeekイメージジェネレーションチュートリアル

WeChatの背景画像を設定する方法 WeChatの背景画像を設定する方法 Apr 26, 2024 am 11:01 AM

WeChatの背景画像を設定する方法

WeChatで削除されたチャット履歴を復元する方法 WeChatで削除されたチャット履歴を復元する方法 May 06, 2024 pm 01:29 PM

WeChatで削除されたチャット履歴を復元する方法

See all articles