建站
咨詢
售后
建站咨詢
新聞中心
想了解更多內(nèi)容，請訪問：
從網(wǎng)站建設(shè)到定制行業(yè)解決方案，為提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計服務(wù)體系，各種行業(yè)企業(yè)客戶提供網(wǎng)站建設(shè)解決方案，助力業(yè)務(wù)快速發(fā)展。創(chuàng)新互聯(lián)公司將不斷加快創(chuàng)新步伐，提供優(yōu)質(zhì)的建站服務(wù)。
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.
在應(yīng)用開發(fā)時，我們常需要將一些數(shù)據(jù)緩存到本地，以提升用戶體驗。比如在一個電商的app中，如果希望用戶登錄成功后，下次打開app可以自動登錄，就需要將用戶信息存儲到緩存中。
鴻蒙JS開發(fā)模式提供了操作數(shù)據(jù)緩存的API，首先需導(dǎo)入storage模塊。
- import storage from '@system.storage';
添加緩存的API為storage.set( )，指定key和value，在用戶登錄成功后將用戶名和密碼緩存到本地：
- // 登錄
- login() {
- fetch.fetch({
- url: this.url + "/user/login?phone=" + this.phone + "&pwd=" + this.pwd,
- responseType: "json",
- success: res => {
- let data = JSON.parse(res.data);
- console.info(JSON.stringify(data));
- if (0 != data.code) {
- prompt.showToast({
- message: data.msg,
- duration: 3000
- })
- } else {
- let userInfo = data.data;
- ......
- // 寫入緩存
- storage.set({
- key: "userPhone",
- value: userInfo.mobile
- });
- storage.set({
- key: "userPwd",
- value: userInfo.password
- })
- }
- }
- })
- },
注意，鴻蒙JS的數(shù)據(jù)緩存API是以key:value進行存取的，value只能為string類型。如存儲其他類型，并不會失敗而進入fail回調(diào)，但在使用get( )的時候會無法取到對應(yīng)value的。
在進入app時，便可調(diào)用storage.get( )取出緩存中的用戶信息，通過給定key，在success回調(diào)中會返回對應(yīng)的value。取到用戶信息后并調(diào)用登錄方法實現(xiàn)自動登錄功能。
- onShow() {
- // 從其他頁面跳轉(zhuǎn)回來，清除頁面棧
- router.clear();
- // 從緩存取用戶信息，自動登錄
- storage.get({
- key: "userPhone",
- success: data => {
- if (data) {
- this.phone = data;
- storage.get({
- key: "userPwd",
- success: data => {
- if (data) {
- this.pwd = data;
- this.login();
- }
- }
- })
- }
- }
- })
- // 查詢購物車數(shù)量
- if (this.userInfo && this.userInfo.id) {
- this.countCarts();
- }
- },
效果如下：
刪除緩存中數(shù)據(jù)的API為storage.delete( )，指定key即可刪除對應(yīng)數(shù)據(jù)。此方法在IDE中無提示(猜測是和delete關(guān)鍵詞重復(fù)了)，但經(jīng)實驗是可以正常使用的。
在用戶退出登錄后，應(yīng)清除緩存中的用戶信息。對應(yīng)方法如下：
- // 退出登錄
- exitLogin() {
- prompt.showDialog({
- title: "提示",
- message: "確認退出登錄嗎?",
- buttons: [
- {
- text: "確定",
- color: "#E20A0B"
- },
- {
- text: "取消",
- color: "#666666"
- }
- ],
- success: res => {
- if (res.index == 0) {
- ......
- // 刪除緩存中用戶信息
- storage.delete({
- key: "userPhone"
- });
- storage.delete({
- key: "userPwd"
- });
- this.userInfo = null;
- }
- }
- })
- }
退出登錄過后再次進入app，就不會自動登錄了：
此外還有storage.clear( )方法用于清空所有的數(shù)據(jù)緩存。
微信小程序提供了類似的操作數(shù)據(jù)緩存的方法，分為同步方法和異步方法，且數(shù)據(jù)的value可為任何能夠通過JSON.stringify序列化的對象。因此在從微信小程序切換到鴻蒙JS開發(fā)時，在數(shù)據(jù)緩存這里踩了坑。鴻蒙storage的value只能為string，但其提供了文件存儲，擁有更強大的數(shù)據(jù)存儲能力。
想了解更多內(nèi)容，請訪問：
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.
網(wǎng)站欄目：從微信小程序到鴻蒙JS開發(fā)-storage緩存&自動登錄
轉(zhuǎn)載來于：http://m.fisionsoft.com.cn/article/dhoigce.html
