简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2024-04-09 17:33:02
オリジナル
1025 人が閲覧しました

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. 次のコードを
  3. index.html ファイルに追加します: 
    4. <a href="javascript:openPage('mypage.html');">打开网页文件</a>
    ログイン後にコピー
    このリンクをクリックすると、

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

    注

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

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

関連ラベル：
微信 ウェブドキュメント
ソース：php.cn
前の記事：HTML と CSS 間の完璧な関係を明らかにする 次の記事：HTML ファイルの ZIP 圧縮の秘密を簡単にマスターする
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ApacheのどこにCustomLogディレクティブを配置すればよいですか 私はphp:7.2-apachedockerを使用しています。ヘルスチェック URL ログイン アクセス ログを無効にする必要があります。このリンクに基づいて、Customlog ...
から 2024-04-06 22:03:59
0
1
990
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
から 2024-04-06 19:13:16
0
2
476
Axios と Node.js を使用して PokeAPI から特定の統計 (Stats) を取得する際に問題が発生する 問題があり、PokemonAPI を使用しようとしていますが、攻撃、HP、および速度の統計にアクセスしようとすると、すべてのポケモンに対して未定義と表示されます。 API呼び出しの...
から 2024-04-06 18:46:35
0
1
464
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！