WeChat で Web ファイルを開くためのヒント-htmlチュートリアル-php.cn

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

WBOY

リリース： 2024-04-09 17:33:02

オリジナル

1058 人が閲覧しました

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 ページファイルを次の場所で開きたいとします。微信。次の手順に従ってください。

mypage.html という名前の HTML ファイルを作成します。このファイルには、表示するコンテンツが含まれています。
open_page.js スクリプトを WeChat パブリックアカウントファイルサーバーに追加します。
index.html ファイルに追加します:

<a href="javascript:openPage('mypage.html');">打开网页文件</a>

ログイン後にコピー

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

注

Web ページファイルに機密情報が含まれている場合は、コードに必要なセキュリティ対策を必ず追加してください。

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