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)![ここに画像の説明を挿入](https://img-blog.csdnimg.cn/20200806175604790.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70)
ケース: 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() は、指定されたキーのコンテンツをローカル キャッシュから非同期に取得するために使用されます。![ここに画像の説明を挿入](https://img-blog.csdnimg.cn/2020080617574894.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70)
(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) はローカル データ キャッシュをクリアします![ここに画像の説明を挿入](https://img-blog.csdnimg.cn/20200806175921455.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70)
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、録音、カメラ、リッチテキストなど
開発ドキュメントを読み、開発中にコードを書くだけ