支付宝小程序爬坑之路【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) {
      
    }
  });