微信ウィジェットの埋め込みページ(webview)
1854 ワード
微信ウィジェットは新しい開放能力を提供しました!ついに、ウィジェットにHTMLページを埋め込む機能がオープンしました!微信ウィジェットベースライブラリ1.6.4から、
具体的な使い方を見てみましょう.
権限の設定
ウィジェットで外部Webページにアクセスするには、アクセス可能なビジネスWebサイトのドメイン名を設定する必要があります.まず、ウィジェットプラットフォームにログインしてバックグラウンドページを管理し、「設定」=>「開発設定」に入ります.
「構成の開始」ボタンをクリックすると、ウィンドウがポップアップされ、このウィンドウにウィジェットにアクセスするドメイン名を1つ以上追加できます.もちろん、すべてのドメイン名の下のページではありません.あなたのプログラムはアクセスできます.あなたが「コントロール」できるサイトだけがアクセスできます.このウィンドウで「検証ファイル」をダウンロードし、この検証ファイルをあなたのサイトのルートディレクトリにアップロードし、ウィジェットプラットフォームで検証し、検証に合格してからドメイン名の追加に成功する必要があります.
Web-viewコンポーネントを使用したHTMLページの表示
これでHTMLページがウィジェットに されます.
しかし、
め まれたHTMLページでウィジェットにジャンプ
△ なことに、 つのページから つの されたプログラムにジャンプすることはできませんでした.ははは、 もでたらめを えていました.
まとめ
このウェブページを め む は、 な の にも し、 の みの を した.ハイブリッド の での は、 プログラムの に くの と を しています.
コンポーネントをウィジェット内に配置してHTMLページをリンクすることができます.これまで、私たちは小さなプログラムの中で私たちの既存のHTMLプログラム(例えばHTML 5文章システム、ショッピングモールシステムなど)を統合することができず、小さなプログラムを使って再開発するしかありませんでしたが、今では
があれば、これらのページシステムを簡単に統合することができ、私たちのために大きな仕事量を減らすことができます.具体的な使い方を見てみましょう.
権限の設定
ウィジェットで外部Webページにアクセスするには、アクセス可能なビジネスWebサイトのドメイン名を設定する必要があります.まず、ウィジェットプラットフォームにログインしてバックグラウンドページを管理し、「設定」=>「開発設定」に入ります.
「構成の開始」ボタンをクリックすると、ウィンドウがポップアップされ、このウィンドウにウィジェットにアクセスするドメイン名を1つ以上追加できます.もちろん、すべてのドメイン名の下のページではありません.あなたのプログラムはアクセスできます.あなたが「コントロール」できるサイトだけがアクセスできます.このウィンドウで「検証ファイル」をダウンロードし、この検証ファイルをあなたのサイトのルートディレクトリにアップロードし、ウィジェットプラットフォームで検証し、検証に合格してからドメイン名の追加に成功する必要があります.
Web-viewコンポーネントを使用したHTMLページの表示
コンポーネントの使用は簡単です.HTMLの
ラベルに ています.
これでHTMLページがウィジェットに されます.
しかし、
がページの の に め まれるのとは なり、ウィジェットのこの
は に にページ を め くし、 ページには
しかなく、 のコンポーネントをカバーします.つまり,ウィジェットインタフェースコンポーネントと
ページの が できない に する.め まれたHTMLページでウィジェットにジャンプ
を してウィジェットが め まれたウェブページで、ウィジェット の のページ(Page)にジャンプする は、 するジャンプ を するために される を して、 のJSDKを することができる.Webコードは のようになります.
//
wx.miniProgram.navigateTo({url: '/path/to/page'})
△ なことに、 つのページから つの されたプログラムにジャンプすることはできませんでした.ははは、 もでたらめを えていました.
まとめ
このウェブページを め む は、 な の にも し、 の みの を した.ハイブリッド の での は、 プログラムの に くの と を しています.