支付寶小程序爬坑之路【1】

①支付寶建立我的身份

【假如想要變成公司項目的 小程序管理員，千萬千萬不要變成==自研開發者==】

會設置不了的

②支付寶的緩存機制

setStorageSync 【設置本地存儲】

my.setStorageSync({
    key: 'park_id',
      data: {
        park_id: 1,
      }
    });

========================================================

【建議將getStorageSync 封裝一下，由於支付寶的getStorageSync，差別很大】

const getStorageSync = (key) => {
  return my.getStorageSync({ key: key }).data || null
}

getStorageSync('park').park 【獲取本地存儲】

③自定義組件

自定義組件，千萬千萬不要設置長的name名

{
  "defaultTitle": "個人",
  "usingComponents": {
    "c-yuhistory": "/component/c-yuhistory/c-yuhistory",
    "chs": "/component/c-parkingHistory/c-parkingHistory"
  }
}

如 c-parkingHistory這麼長的名字會沒法使用，沒法激活自定義組件，需改爲如'chs'短一點的名字。

④文件名字

xx.axml  xx.acss xx.json  xx.js

⑤app.json

`"window": {
    "defaultTitle": "支付寶",            //頁面標題
    "titleBarColor": "#d05021",         //導航欄背景色
    "pullRefresh":true,                 //是否容許下拉刷新 默認false
    "allowsBounceVertical": yes,       //頁面是否支持縱向拽拉超出實際內容。默認 YES                
 },`
 
 
 "tabBar": {
    "textColor":"#000",                //未選中字體顏色
    "selectedColor":"#d81e06",         //選中的字體顏色
    "backgroundColor":"#fff",          //背景色
    "items": [{
      "pagePath": "pages/index/index" ,   //頁面路徑
      "name": "首頁",                     //頁面標題
      "icon": "pages/icon/index.png",    //爲選中圖標
      "activeIcon": "pages/icon/index_1.png" //選中圖標
    }

⑥事件的區別

on 事件綁定不會阻止冒泡事件向上冒泡，
    catch事件綁定能夠阻止冒泡事件向上冒泡。

⑦http請求【數據請求】

支付寶的http請求是  my.httpRequest({})

若是須要設置header ,支付寶爲 headers  微信是header   ,參數不一樣

若是是post請求，須要給data的值加上 JSON.stringify   

最終爲

my.httpRequest({
    url: options.url,
    data: (options.method == 'POST' ? JSON.stringify(options.data) : options.data),
    method: options.method,
    headers: {
        Authorization: `wxatoken ${getStorageSync('tokenAndId').Token}`,
        "content-type": "application/json"
    },
    success(res) {
      
    },
    fail(err) {
      
    }
  });