微信小程式 搭建小程式環境

2021-10-13 12:38:04 字數 2972 閱讀 7100

1、store.js(儲存資訊)

2、router.js(路由相關配置、頁面跳轉)

3、request.js(網路相關配置)

在util下建立store.js

**如下

/ 儲存資料,獲取uid等

module.exports =

else},

// 獲取資料

getitem

(key, set_name)

else},

// 刪除資料

clear

(key)

,// 獲取相關裝置資訊

getsysteminfo()

}

在util下建立router.js;

**如下:

// 路由配置

// 對映

const routerpath =

;module.exports =

)else

//獲取url

let url = routerpath[option.path]

;//opentype跳轉型別

let, opentype }

= option;

let params =

this

.parse

(query);if

(params)

this.to

(opentype, url);}

,to(opentype, url)

//if

(opentype ===

"redirect"

)else

if(opentype ===

"relaunch"

)else

if(opentype ===

"back"))

}else

if(opentype ===

"switchtab"

)else},

parse

(data)

return arr.

join

("&")}

}

(1)在http資料夾(pages同級)下建立request.js

**如下:

// 網路請求

//獲取資料狀態:loading、toast

// 請求頭處理(機型、大小、系統、螢幕......)

let store =

require

("../utils/store.js"

)let system = store.

getsysteminfo()

const clieninfo =

module.exports =

, option =

)=>

= option

return

newpromise

((resolve, reject)

=>)}

wx.request(,

success:

function

(result)

resolve

(res);}

else)}

else

resolve

(res);}

},fail:

function

(e =

) wx.

showtoast()

rejects

(e)}})

})},

}

(2)在http資料夾下建立api.js

**如下:

在需要的xx.js頁面中引入(

)let store =

require

("../../utils/store.js"

)let router =

require

("../../utils/router.js")

(1)儲存資訊

store.

setitem

("uid"

,this

.data.uid)

//儲存資訊

store.

getitem

("uid"

)//獲取資訊

(2)request.js引用

getuser()

,).then

(res =>)}

})},

(3)頁面跳轉

router.

push

("index"

)//不帶引數(「index」路由對映)

router.

push(}

)//帶引數

微信小程式搭建步驟

資源 雲伺服器一台 這裡以阿里雲的ecs為例 網域名稱乙個 可以在阿里雲註冊 公網ssl證書乙個 可以在阿里雲申請免費的 1 先搞乙個網域名稱,阿里雲提供網域名稱註冊 買賣服務。也可以在別的服務商那裡註冊,都是通用的。2 備案,阿里雲又有提供的支援 選免費的就行 按步驟來就可以了 這一步各方審核花的...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式環境搭建和骰子布局

assets檔案有乙個icons的資料夾,裡面存放著圖示 pages檔案分為分類的頁面classify資料夾,首頁頁面index資料夾,購物車頁面shopcat資料夾,我的頁面mine資料夾,而每個資料夾都有乙個js,json,wxml,wxss檔案。骰子布局有六個屬性 flex direction...