40. WeChat アプレット (API -- 基本、ルーティング、キャッシング、メディア)

WeChat ミニ プログラム (API-Basic、ルーティング、キャッシング、メディア)

概要

(1) 基本 API
(2) ルーティング API
(3) データキャッシュ API
(4) メディア API

(1) 基本 API — システム

システム情報を取得する
wx.getSystemInfo(Object object) と wx.getSystemInfoSync(Object object)
ここに画像の説明を挿入
wx.getSystemInfoSync は同期 API、つまり wx.getSystemInfo の同期バージョンです。

成功パラメータ:

ここに画像の説明を挿入

システム情報を非同期に取得 wx.getSystemInfo(Object object)

ここに画像の説明を挿入

システム情報を同期的に取得する wx.getSystemInfoSync(Object object)

ここに画像の説明を挿入

(2) デバッグ API

コンソール シリーズ: デバッグ パネルにログを出力します。console はグローバル オブジェクトであり、直接アクセスできます。WeChat クライアントで、ログを vConsole に出力します。
ここに画像の説明を挿入

(3) タイマー API

ここに画像の説明を挿入

ルーティング API

(1) ルーティング API

ここに画像の説明を挿入

(2) ルーティングの概要:

wx.navigateTo は新しいページを開くためのもので、ページ スタックのサイズが 10 になるまでページ スタックのサイズを増やします
wx.redirectTo はページ リダイレクトであり、ページ スタックのサイズを増やすことはありませ
んwx.switchTab は tabBar ページを
ジャンプするための特別な API です
wx.reLaunch は再起動し、すべてのページを閉じ、任意のページを開きます

データキャッシュ API

(1) ローカルストレージの設定

wx.setStorage(Object object) と同步wx.setStorageSync(string key, any data)

ローカル キャッシュの指定されたキーにデータを格納します。元のキーに対応するコンテンツは上書きされます。ストレージ容量の理由により、ユーザーが積極的に削除したり、システムによってクリアされたりしない限り、データは常に利用可能です。1 つのキーに許可される最大データ長は 1MB で、すべてのデータ ストレージの上限は 10MB です。
ここに画像の説明を挿入

wx.setStorage パラメータ

ここに画像の説明を挿入

wx.setStorage(Object object) と同步wx.setStorageSync(string key, any data)ここに画像の説明を挿入

ケース: Synchronize wx.setStorageSync(string key, any data)
ここに画像の説明を挿入
このときボタンをクリックすると、コンソールにローカルストレージの情報が表示されますここに画像の説明を挿入

(2) 指定したストレージを削除する

wx.removeStorage(Object object) と同步wx.removeStorageSync(string key)
wx.removeStorage は、指定されたキーをローカル キャッシュから削除します

ここに画像の説明を挿入
ここに画像の説明を挿入
ケース: この時点でボタンをクリックすると、同期 wx.removeStorageSync()ここに画像の説明を挿入
がコンソールに表示され、対応するキーのローカル ストレージ情報がクリアされます。ここに画像の説明を挿入

(3) 指定ストレージの取得

wx.getStorage(Object object) と同步wx.getStorageSync(string key)
wx.getStorage() は、指定されたキーのコンテンツをローカル キャッシュから非同期に取得するために使用されます。ここに画像の説明を挿入

(4) すべてのキャッシュを取得

wx.getStorageInfo(Object object) と同步wx.getStorageInfoSync(Object object)
wx.getStorageInfo(Object object) 現在のストレージに関する情報を非同期に取得します

ここに画像の説明を挿入

wx.getStorageInfo パラメータ 成功パラメータ

ここに画像の説明を挿入

wx.getStorageInfo(Object object) と同步wx.getStorageInfoSync(Object object)

ここに画像の説明を挿入

wx.getStorageInfoSync(Object object) を同期して、現在のストレージに関する情報を取得します

ここに画像の説明を挿入

(5) すべてのキャッシュをクリアする

wx.clearStorage(Object object) と同步wx.clearStorageSync()
wx.clearStorage(Object object) はローカル データ キャッシュをクリアしますここに画像の説明を挿入

ここに画像の説明を挿入

wx.clearStorageSync() を同期してローカル データ キャッシュをクリーンアップする

ここに画像の説明を挿入
この時点で、ボタンをクリックしてすべてのキャッシュをクリアします。

メディア API

(1) 画像 — 全画面プレビュー API

wx.previewImage(Object object) 新しいページで画像をフルスクリーンでプレビューします。プレビュー プロセス中に、ユーザーは画像を保存したり、友人に送信したりできます。
ここに画像の説明を挿入
ここに画像の説明を挿入
テスト画像リンク:
https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2174909441,2495215020&fm=26&gp=0.jpg
画像に加えて、ビデオ、オーディオ、BGM、録音、カメラ、リッチテキストなど
開発ドキュメントを読み、開発中にコードを書くだけ

ご質問やご不明な点がございましたら、メッセージを残して編集者までご連絡ください。! ! !

訪問していただきありがとうございます! ! !

おすすめ

転載: blog.csdn.net/weixin_45582846/article/details/107846201